@tollerud/ui 3.1.0 → 4.0.1

package/AGENTS.md

@@ -293,7 +293,7 @@ Severity scale: `critical` · `high` · `medium` · `low` · `info`
 The monogram must always appear left of the project name with `gap-2`. Never show the name without the monogram or the monogram alone in a nav context.
 
 ```tsx
-import logo from '@tollerud/ui/tollerud-logo.svg'
+import logo from '@tollerud/ui/brand/tollerud-logo.svg'
 
 // Top bar
 <nav className="tollerud-glass fixed top-0 inset-x-0 z-50 h-14 flex items-center px-6 gap-6">
@@ -330,7 +330,9 @@ Monogram sizing: top bar/sidebar expanded → `h-5`, sidebar collapsed → `h-6`
 
 ```html
 <h1 class="tollerud-display text-[70px]">Dark. Monochrome.</h1>
-<h2 class="tollerud-display--secondary text-[40px]">Yellow where it counts</h2>
+<h2 class="tollerud-display--secondary text-[40px]">
+  <span class="tollerud-display-shimmer">Yellow where it counts</span>
+</h2>
 ```
 
 ### Container
@@ -397,6 +399,19 @@ When asked to add components, fix bugs, or cut a release:
 npm run validate   # typecheck + lint + test + build
 ```
 
+### 1b. `package-lock.json` must match CI npm
+
+GitHub Actions uses **Node 24 + npm 11** (`packageManager` in `package.json` pins `npm@11.16.0`). Regenerating the lockfile with a different npm major can produce entries that **`npm ci` rejects on CI**.
+
+When you change dependencies or bump the package version:
+
+```bash
+npx npm@11.16.0 install          # refresh lockfile — use the pinned npm, not an arbitrary local version
+rm -rf node_modules && npx npm@11.16.0 ci   # verify before push
+```
+
+Never use `npm install --package-lock-only` alone for version bumps — it can desync optional peer entries. Commit `package-lock.json` in the same commit as `package.json` changes.
+
 ### 2. Every new component needs all four of these
 
 | What | Where |
@@ -416,8 +431,9 @@ npm run validate   # typecheck + lint + test + build
 
 Edit `package.json` version, then update these to match:
 - `COMPLETENESS_ROADMAP.md` — header line `### npm package (components/*.tsx) — vX.X.X`
-- `registry.json` — top-level `"version"` field
-- `docs/app.jsx` — sidebar brand line `user interface · vX.X.X`
+- `registry.json` — top-level `"version"` field (or run `npm run sync:registry`)
+
+The docs sidebar version reads live from `package.json` via `PACKAGE_VERSION` in `docs-app/lib/docs-stats.js` — no manual edit.
 
 ### 4. Always update these files in the same commit
 

package/CHANGELOG.md

@@ -7,6 +7,128 @@
      • Never write bold mid-paragraph as a heading substitute — it merges into surrounding text
 -->
 
+## 4.0.1 — 2026-06-10 — npm-only install path
+
+Patch release: drops copy-via-shadcn registry tooling. Install from the package — barrel or subpath imports.
+
+### Removed
+
+- `npm run test:registry-cli`, `npm run build:registry`, and `examples/registry-consumer/`
+- `registry-dist/` build output (never shipped to npm in v4.0.0)
+- Public shadcn `npx shadcn add` install docs — no consumers use copy-into-repo flow
+
+### Docs
+
+- Getting started leads with `npm install @tollerud/ui` and subpath imports (`@tollerud/ui/button`)
+- `registry.json` remains for internal drift checks (`npm run test:drift`) only
+
+### Migration
+
+Use the package directly:
+
+```tsx
+import { Button } from '@tollerud/ui'
+// or tree-shake:
+import { Button } from '@tollerud/ui/button'
+```
+
+Do not copy component source via shadcn CLI — that path is unsupported.
+
+---
+
+## 4.0.0 — 2026-06-10 — Ecosystem hardening and globals-v4 removal
+
+Major release: completes the post-v3 roadmap (light gallery, registry CLI, footer lockstep), reorganizes brand assets, and drops deprecated CSS entrypoints.
+
+### Breaking changes
+
+- Removed `@tollerud/ui/globals-v4.css` — it was an alias for `globals.css`. Tailwind v4 projects should import `@tollerud/ui/globals.css` only.
+- Brand assets moved under `@tollerud/ui/brand/*` — e.g. `@tollerud/ui/brand/tollerud-logo.svg` (not package-root paths).
+
+### Ecosystem
+
+- `@tollerud/footer` — `packages/footer/` synced from `components/Footer.tsx` via `npm run sync:footer`; `npm run verify:footer-sync` in `validate`
+- Changesets linked `@tollerud/ui` and `@tollerud/footer` for joint version bumps
+- Registry drift checks via `registry.json` (`npm run test:drift`) — internal manifest, not a public shadcn install path
+
+### Docs site
+
+- Light-mode gallery parity — docs-only Tailwind preset maps `tollerud-*` utilities to CSS variables so npm previews flip in `data-theme="light"`
+- Docs icons migrated to `lucide-react` (custom GitHub mark retained)
+- Playwright coverage — forms page, command palette, theme toggle, light-mode card surfaces
+- Brand assets canonical in `brand/`; synced to docs via `scripts/sync-brand-assets.mjs`
+- Homepage and live docs URL → `https://design.tollerud.dev/`
+
+### Tooling
+
+- CI and dev tooling on Node 24 + npm 11.16.0 (`.nvmrc`, lockfile guardrails)
+- Dependabot for `docs-app/` and `examples/consumer/`
+- Removed legacy `preview.html`, completed planning docs, and stale docs artifacts
+- Consumer smoke test auto-syncs tarball version in `examples/consumer/package.json`
+
+### Migration
+
+**globals-v4.css** — replace:
+
+```css
+@import "@tollerud/ui/globals-v4.css";
+```
+
+with:
+
+```css
+@import "@tollerud/ui/globals.css";
+@source "../node_modules/@tollerud/ui/dist";
+```
+
+**Brand assets** — replace root imports:
+
+```ts
+import logo from '@tollerud/ui/tollerud-logo.svg'
+```
+
+with:
+
+```ts
+import logo from '@tollerud/ui/brand/tollerud-logo.svg'
+```
+
+No component API changes. `@tollerud/ui` barrel and subpath imports unchanged.
+
+---
+
+## 3.1.1 — 2026-06-09 — Display shimmer, form indicators, and button fixes
+
+Patch release: ships hero text shimmer for consumer apps, fixes secondary/checkbox/radio styling, and polishes docs layout components.
+
+### New utilities
+
+- `.tollerud-display-shimmer` — animated yellow gradient clipped to text; respects `prefers-reduced-motion` (static `var(--primary)` fallback)
+
+### Fixes
+
+- `Button` — secondary variant restores raised surface and border (theme-aware CSS vars); all variants apply layer classes again
+- `Checkbox` — checkmark visible on `defaultChecked` and click via `peer-checked` on the custom indicator
+- `RadioGroup` — wires `value`, `onChange`, and `name` to children; inner dot shows when selected
+- `CTABand` — title and description centered in the band
+- `BentoDashboard` — section spacing and label alignment
+- Docs `PageTOC` — restores `jumpToSection` import for in-page scroll
+
+### Registry
+
+- Top-level `name` → `Tollerud User Interface`; updated description and component metadata for blocks
+
+### Docs
+
+- Overview, Backgrounds, and Foundations Typography use `.tollerud-display-shimmer` (replaces docs-only `.ds-shimmer`)
+- Light theme shimmer and secondary-button token overrides
+
+### Migration
+
+Drop-in. Replace any copied `.ds-shimmer` with `.tollerud-display-shimmer` from `@tollerud/ui/globals.css`.
+
+---
+
 ## 3.1.0 — 2026-06-09 — Monogram component and docs fixes
 
 Restores component styling in the docs site, ships the monogram as an npm component, and renames brand avatar assets.

package/COMPONENTS.md

@@ -786,10 +786,22 @@ The config-driven table. Pass `rows` + a `columns` spec and opt into search, a f
 
 ```html
 <h1 class="tollerud-display text-[70px]">Dark. Monochrome.</h1>
-<h2 class="tollerud-display--secondary text-[40px]">Yellow where it counts</h2>
+<h2 class="tollerud-display--secondary text-[40px]">
+  <span class="tollerud-display-shimmer">Yellow where it counts</span>
+</h2>
 <h3 class="tollerud-display--tertiary text-[28px]">Subtle hierarchy</h3>
 ```
 
+## Display shimmer
+
+Animated yellow gradient clipped to text — for hero accent lines and key metrics on **dark surfaces**. Respects `prefers-reduced-motion` (falls back to static `var(--primary)` / `var(--tollerud-yellow)`).
+
+```html
+<span class="tollerud-display-shimmer">Yellow where it counts.</span>
+```
+
+Pair with `.tollerud-display` on the parent heading. Not for body copy or light backgrounds (yellow fails contrast on white).
+
 ## Container
 
 ```jsx

package/GETTING_STARTED.md

@@ -79,71 +79,13 @@ Import individual components without pulling the full barrel:
 
 ```tsx
 import { Button } from '@tollerud/ui/button'
-import { Dialog, DialogContent } from '@tollerud/ui/dialog'
 import { cn } from '@tollerud/ui/utils'
 ```
 
-Every component in the catalog has a matching subpath (kebab-case filename). The main `@tollerud/ui` entry still works for convenience.
-
----
-
-## Toaster (optional)
-
-Mount the `Toaster` once near your app root to enable `sonner` toast notifications:
-
-```tsx
-// app/layout.tsx
-import { Toaster } from '@tollerud/ui'
-
-export default function RootLayout({ children }) {
-  return (
-    <html>
-      <body>
-        {children}
-        <Toaster />
-      </body>
-    </html>
-  )
-}
-```
-
----
-
-## Import Components
-
-All 61 components are named exports from `@tollerud/ui`:
-
-```tsx
-// Basics
-import { Button, Card, Badge, StatusDot, Kbd, Input, Textarea } from '@tollerud/ui'
-
-// Overlays
-import { Dialog, DialogContent, Tooltip, TooltipProvider, Sheet } from '@tollerud/ui'
-
-// Data & infra
-import { DataTable, HostCard, LogViewer, CommandMenu } from '@tollerud/ui'
-```
-
 See [COMPONENTS.md](COMPONENTS.md) for the full prop reference.
 
 ---
 
-## shadcn / registry
-
-Install individual components via the registry:
-
-```bash
-npx shadcn@latest add https://unpkg.com/@tollerud/ui@latest/registry.json
-```
-
-Or add a single component:
-
-```bash
-npx shadcn@latest add button --registry https://unpkg.com/@tollerud/ui@latest/registry.json
-```
-
----
-
 ## Server Components
 
 `@tollerud/ui` ships client bundles with `'use client'`. Importing components (or `cn`, `buttonVariants`) from a Server Component file is safe — the import does not force your file to become a Client Component.

package/README.md

@@ -2,7 +2,7 @@
 
 A complete, browsable UI library built around **monochrome + yellow accent**. Noir aesthetic meets modern utility.
 
-**[Live docs →](https://tollerud.github.io/design-system/)** — browse every token, component, and pattern live with copy-paste code.
+**[Live docs →](https://design.tollerud.dev/)** — browse every token, component, and pattern live with copy-paste code.
 
 **Requirements:** React ≥ 18 · TypeScript supported (types included) · Tailwind CSS v4 (v3 supported via `globals-v3.css`)
 
@@ -141,7 +141,7 @@ Include `tokens.css` or `globals.css` for CSS custom properties and utility clas
 
 ### Brand Mascot
 
-The design system includes `tollerud-avatar.svg` — a full cel-shaded monochrome illustration of Tia in her black gakuran, available in `design-system/` for use in headers, landing pages, branding, or anywhere the Tia identity appears.
+The design system ships brand assets under `brand/` — import via `@tollerud/ui/brand/tollerud-avatar.svg` (and `.png` / full-figure variants) for headers, landing pages, and agent identity moments. Prefer `<Monogram />` for nav lockups.
 
 ## Palette Summary
 
@@ -204,74 +204,45 @@ The design system includes `tollerud-avatar.svg` — a full cel-shaded monochrom
 4. **Sharp when it counts** — Radius is subtle. Full round only for pills. Sharp corners for the noir feel.
 5. **Glow with purpose** — Yellow glow only on hover/active states. Never decorative.
 
-## shadcn Registry
+## Install
 
 ```bash
-# Add via shadcn CLI — registry ships with the npm package
-npx shadcn@latest add button --registry https://unpkg.com/@tollerud/ui/registry.json
+npm install @tollerud/ui clsx tailwind-merge tailwindcss
+```
 
-# Or copy source manually
-cp -r components/ src/components/ui
-cp globals.css src/app/
-cp tollerud-preset.js .
+```tsx
+import { Button, Card } from '@tollerud/ui'
+// or tree-shake:
+import { Button } from '@tollerud/ui/button'
 ```
 
-See [GETTING_STARTED.md](GETTING_STARTED.md) for the full setup guide.
+See [GETTING_STARTED.md](GETTING_STARTED.md) for Tailwind setup and peer dependencies.
 
 ## File Structure
 
 ```
 design-system/
-├── package.json              # NPM package metadata
-├── README.md                 # This file
-├── CHANGELOG.md              # Version history
-├── ACCESSIBILITY.md          # Contrast, focus, reduced motion
-├── BACKGROUNDS.md            # NoirGlowBackground usage + fallback docs
-├── COMPONENTS.md             # Full component reference + state matrix
-├── KEYBOARD.md               # Keyboard contract and shortcut reference
-├── VOICE.md                  # Copy guidelines and tone
-├── COMPLETENESS_ROADMAP.md   # Research and future plans
-├── SKILL.md                  # Verified component catalog & gotchas for AI agents
-├── tollerud-preset.js             # 🏆 Drop-in Tailwind preset
-├── tailwind.config.js        # (backward compat standalone config)
-├── globals.css               # 🏆 Tailwind v4 entry (tokens + component layers)
-├── globals-v3.css            # Tailwind v3 legacy (@tailwind + layers)
+├── .nvmrc                    # Node 24 for local dev / CI parity
+├── package.json              # @tollerud/ui — version, exports, scripts
+├── registry.json             # Internal drift manifest (not a public install path)
+├── CHANGELOG.md              # Version history (synced to docs on build)
+├── SKILL.md                  # AI agent catalog — source of truth for exports
+├── COMPONENTS.md             # Human prop reference
+├── AGENTS.md                 # Contributor / release guide
+├── brand/                    # Logo + Tia avatars (npm: @tollerud/ui/brand/*)
+├── components/               # React components (*.tsx) + index.ts barrel
+├── globals.css               # Tailwind v4 entry (tokens + component layers)
+├── globals-v3.css            # Tailwind v3 legacy
 ├── globals-layers.css        # Shared component CSS layers
-├── globals-v4.css            # Alias → globals.css
-├── tokens.css                # (backward compat CSS vars only)
-├── preview.html              # Visual reference
-├── tollerud-avatar.svg            # Brand mascot
-├── components/
-│   ├── index.ts              # Barrel exports
-│   ├── Button.tsx            # 5 variants, 3 sizes
-│   ├── Card.tsx              # Surface cards with optional accent
-│   ├── Badge.tsx             # 6 variants
-│   ├── StatusDot.tsx         # Online/offline/warning/idle
-│   ├── Input.tsx             # With label + error state
-│   ├── CodeBlock.tsx         # Terminal/code display
-│   ├── StatCard.tsx          # Dashboard stat card
-│   ├── NoirGlowBackground.tsx # Tollerud.no shader background primitive
-│   ├── Kbd.tsx               # Keyboard shortcut chip (⌘K style)
-│   ├── ActionRow.tsx         # Command/action item row
-│   ├── CommandMenu.tsx       # Raycast-style command palette
-│   ├── ServiceHealthCard.tsx  # Service status card
-│   ├── HostCard.tsx           # Server/VM card
-│   ├── DockerStackCard.tsx    # Docker Compose stack card
-│   ├── IncidentCard.tsx       # Severity-graded incident card
-│   ├── ApprovalCard.tsx       # Approve/reject card
-│   ├── ActionDiff.tsx         # Unified diff viewer
-│   ├── RollbackPlan.tsx       # Rollback step list
-│   ├── LogViewer.tsx          # Terminal-style log viewer
-│   ├── AlertInbox.tsx         # Alert feed with acknowledge
-│   ├── Timeline.tsx           # Vertical activity timeline
-│   ├── BackupStatusPanel.tsx  # Backup job overview
-│   └── Container.tsx         # Layout width constraint
-├── docs-app/                 # Next.js docs site (static export → _site/ for GitHub Pages)
-│   ├── app/                  # App Router entry
-│   ├── components/           # Page demos (primitives, charts, marketing)
-│   └── lib/                  # ui-merged.js + docs-adapters.jsx (npm-backed)
-└── docs/
-    └── docs.css              # Shared docs chrome styles (imported by docs-app)
+├── tokens.css                # Design tokens
+├── tollerud-preset.js        # Tailwind preset
+├── scripts/                  # Build, validate, docs, and release helpers
+├── docs-app/                 # Next.js docs (static export → _site/)
+│   ├── app/                  # App Router
+│   ├── components/           # Page demos + docs shell
+│   └── public/CNAME          # design.tollerud.dev
+├── examples/consumer/        # npm tarball smoke test
+└── docs/docs.css             # Docs chrome (imported by docs-app)
 ```
 
 ## Graphify-inspired Components
@@ -288,4 +259,5 @@ New additions inspired by [Graphify Labs](https://graphifylabs.ai/):
 | Accent Bar | `.tollerud-accent-bar` | `bg-tollerud-gradient-bar h-[1px]` | Gradient divider bar |
 | Gradient Text | `.tollerud-gradient-text` | `bg-tollerud-gradient-soft bg-clip-text text-transparent` | Yellow → amber gradient text |
 | Display Heading | `.tollerud-display` | `tracking-tightest leading-[0.95] font-semibold text-white` | Tight, impactful display heads |
+| Display Shimmer | `.tollerud-display-shimmer` | — | Animated yellow gradient sweep clipped to hero accent text (dark surfaces) |
 | Section Container | `.tollerud-section` | `max-w-[1100px] mx-auto px-6` | Content width constraint |

package/SKILL.md

@@ -20,7 +20,7 @@ npm install @tollerud/ui clsx tailwind-merge tailwindcss@4 \
 npm install @paper-design/shaders-react
 ```
 
-As of **v3.1.0**, `Monogram` ships as an inline SVG component (`color`: `yellow` | `black` | `white`). As of **v3.0.0**, the package is **ESM-only** (no CJS `require` entry). As of **v2.0.0**, Radix, Lucide, Framer Motion, and Sonner are **required peers** (not bundled).
+As of **v4.0.1**, install is **npm-only** — `import { Button } from '@tollerud/ui'` or subpaths like `@tollerud/ui/button`. Copy-via-shadcn registry CLI is unsupported. As of **v4.0.0**, `@tollerud/ui/globals-v4.css` is removed — use `globals.css` only. Brand assets live at `@tollerud/ui/brand/*`. As of **v3.1.1**, `.tollerud-display-shimmer` ships in `globals.css` for animated hero accent text. As of **v3.1.0**, `Monogram` ships as an inline SVG component (`color`: `yellow` | `black` | `white`). As of **v3.0.0**, the package is **ESM-only** (no CJS `require` entry). As of **v2.0.0**, Radix, Lucide, Framer Motion, and Sonner are **required peers** (not bundled).
 
 Apply the Tailwind preset when you need extra utilities from `tollerud-preset.js` — `globals.css` already includes tokens and component layers for v4:
 
@@ -458,7 +458,7 @@ The monogram must always sit left of the project name with `gap-2`. Never show t
 </div>
 ```
 
-**Monogram** — `color?: 'yellow' | 'black' | 'white'` (default `yellow`), `size?: number`, `title?: string` (default `'Tollerud'`). Brand avatars: `@tollerud/ui/tollerud-avatar.svg`, `tollerud-avatar-full.svg` (+ `.png` variants).
+**Monogram** — `color?: 'yellow' | 'black' | 'white'` (default `yellow`), `size?: number`, `title?: string` (default `'Tollerud'`). Brand avatars: `@tollerud/ui/brand/tollerud-avatar.svg`, `brand/tollerud-avatar-full.svg` (+ `.png` variants).
 Monogram sizing: top bar/sidebar expanded → `h-5`, collapsed → `h-6`, footer → `h-4` (handled automatically by `<Footer />`).
 
 ---
@@ -469,7 +469,9 @@ Monogram sizing: top bar/sidebar expanded → `h-5`, collapsed → `h-6`, footer
 <nav class="tollerud-glass fixed top-0 inset-x-0 z-50 h-14 flex items-center px-6">…</nav>
 <section class="tollerud-grid-bg">…</section>
 <h1 class="tollerud-display text-[70px]">Dark. Monochrome.</h1>
-<h2 class="tollerud-display--secondary text-[40px]">Yellow where it counts</h2>
+<h2 class="tollerud-display--secondary text-[40px]">
+  <span class="tollerud-display-shimmer">Yellow where it counts</span>
+</h2>
 <div data-density="compact">…dense tables / forms…</div>
 ```
 
@@ -502,7 +504,7 @@ Shadow scale: `--shadow-sm` `--shadow-md` `--shadow-lg` `--shadow-xl` `--shadow-
 | Recolor or add glow to the monogram | Yellow-on-dark branding is non-negotiable; glow is for interactive UI only |
 | Introduce non-system chromatic colors (blue, green, purple) for decoration | Only the yellow accent + monochrome grays (status semantics are the lone exception) |
 | Nest `<a>`/`<Link>` inside `<Button>` (or vice versa) | Invalid HTML — use `asChild` or `buttonVariants()` instead |
-| Import a component name you saw in older docs without checking it exists | Some legacy docs list aspirational or since-shipped components. As of **1.0.9** all 19 previously "missing" components (`Divider`, `Pill`, `Avatar`, `AvatarGroup`, `Breadcrumb`, `Pagination`, `Segmented`, `Stepper`, `Panel`, `Meter`, `FormRow`, `Accordion`, `Slider`, `PasswordInput`, `Combobox`, `DatePicker`, `FileUpload`, `TagInput`, `PricingCard`) are exported. Components still **not** in the package: charts, marketing blocks (`HeroBlock`, `FeatureCard`, `CTABand`), `Drawer`, `EmptyState` (use `Empty`), `Toast` (use `Toaster` + `sonner`'s `toast()`) |
+| Import a component name you saw in older docs without checking it exists | Verify against this catalog or `components/index.ts`. Common renames: `EmptyState` → `Empty`, `Toast` → `Toaster` + `sonner`'s `toast()`, `Drawer` → `Sheet`. Charts (`BarChart`, `AreaChart`, `Donut`, `Sparkline`) and marketing blocks (`HeroBlock`, `FeatureCard`, `CTABand`) ship since **v1.4.0**. Brand assets: `@tollerud/ui/brand/*` (not repo root). |
 
 ---
 

package/components.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
-  "name": "tollerud-noir",
+  "name": "Tollerud User Interface",
   "style": "default",
   "rsc": true,
   "tsx": true,

package/dist/bento-dashboard.js

@@ -1,5 +1,5 @@
 'use client';
-export { BentoDashboard } from './chunk-ONMTHBZ4.js';
+export { BentoDashboard } from './chunk-LGVXEWNB.js';
 import './chunk-LUM2YJBH.js';
 import './chunk-7EP2T3OW.js';
 import './chunk-DOUDJU4P.js';

package/dist/button.d.ts

@@ -3,8 +3,8 @@ import { ButtonHTMLAttributes } from 'react';
 
 declare const variants: {
     readonly primary: "bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow hover:shadow-tollerud-glow";
-    readonly secondary: "bg-transparent text-tollerud-text-primary border-tollerud-border hover:border-tollerud-text-secondary hover:bg-tollerud-surface-hover";
-    readonly ghost: "bg-transparent text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover";
+    readonly secondary: "text-tollerud-text-primary [background:var(--surface-raised,var(--tollerud-surface-raised))] [border-color:var(--border,var(--tollerud-border))] hover:[border-color:var(--text-secondary,var(--tollerud-text-secondary))] hover:[background:var(--surface-hover,var(--tollerud-surface-hover))]";
+    readonly ghost: "text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover";
     readonly destructive: "bg-tollerud-error text-white border-tollerud-error hover:shadow-[0_0_12px_rgba(239,68,68,0.3)]";
     readonly terminal: "font-mono text-tollerud-yellow border-[rgba(255,255,0,0.25)] bg-transparent hover:border-tollerud-yellow hover:shadow-tollerud-glow hover:bg-[rgba(255,255,0,0.05)]";
 };

package/dist/button.js

@@ -1,5 +1,5 @@
 'use client';
-export { Button, buttonVariants } from './chunk-ADE22JSR.js';
+export { Button, buttonVariants } from './chunk-BQWF5MP7.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=button.js.map
 //# sourceMappingURL=button.js.map

package/dist/checkbox.js

@@ -1,5 +1,5 @@
 'use client';
-export { Checkbox } from './chunk-T3TQPOVM.js';
+export { Checkbox } from './chunk-TLEKK53J.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=checkbox.js.map
 //# sourceMappingURL=checkbox.js.map

package/dist/{chunk-ADE22JSR.js → chunk-BQWF5MP7.js}

@@ -6,16 +6,16 @@ import { jsx } from 'react/jsx-runtime';
 
 var variants = {
   primary: "bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow hover:shadow-tollerud-glow",
-  secondary: "bg-transparent text-tollerud-text-primary border-tollerud-border hover:border-tollerud-text-secondary hover:bg-tollerud-surface-hover",
-  ghost: "bg-transparent text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover",
+  secondary: "text-tollerud-text-primary [background:var(--surface-raised,var(--tollerud-surface-raised))] [border-color:var(--border,var(--tollerud-border))] hover:[border-color:var(--text-secondary,var(--tollerud-text-secondary))] hover:[background:var(--surface-hover,var(--tollerud-surface-hover))]",
+  ghost: "text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover",
   destructive: "bg-tollerud-error text-white border-tollerud-error hover:shadow-[0_0_12px_rgba(239,68,68,0.3)]",
   terminal: "font-mono text-tollerud-yellow border-[rgba(255,255,0,0.25)] bg-transparent hover:border-tollerud-yellow hover:shadow-tollerud-glow hover:bg-[rgba(255,255,0,0.05)]"
 };
 var variantLayers = {
   primary: "tollerud-btn--primary",
-  secondary: "",
-  ghost: "",
-  destructive: "",
+  secondary: "tollerud-btn--secondary",
+  ghost: "tollerud-btn--ghost",
+  destructive: "tollerud-btn--destructive",
   terminal: "tollerud-btn--terminal"
 };
 var sizes = {
@@ -50,5 +50,5 @@ var Button = forwardRef(
 Button.displayName = "Button";
 
 export { Button, buttonVariants };
-//# sourceMappingURL=chunk-ADE22JSR.js.map
-//# sourceMappingURL=chunk-ADE22JSR.js.map
+//# sourceMappingURL=chunk-BQWF5MP7.js.map
+//# sourceMappingURL=chunk-BQWF5MP7.js.map

package/dist/chunk-BQWF5MP7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Button.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,QAAA,GAAW;AAAA,EACf,OAAA,EAAS,mHAAA;AAAA,EACT,SAAA,EACE,kSAAA;AAAA,EACF,KAAA,EAAO,kHAAA;AAAA,EACP,WAAA,EAAa,gGAAA;AAAA,EACb,QAAA,EAAU;AACZ,CAAA;AAGA,IAAM,aAAA,GAAgB;AAAA,EACpB,OAAA,EAAS,uBAAA;AAAA,EACT,SAAA,EAAW,yBAAA;AAAA,EACX,KAAA,EAAO,qBAAA;AAAA,EACP,WAAA,EAAa,2BAAA;AAAA,EACb,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,KAAA,GAAQ;AAAA,EACZ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,qBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAOO,SAAS,cAAA,CAAe,EAAE,OAAA,GAAU,WAAA,EAAa,OAAO,IAAA,EAAM,SAAA,EAAU,GAAiD,EAAC,EAAG;AAClI,EAAA,OAAO,EAAA;AAAA,IACL,+MAAA;AAAA,IACA,uBAAA;AAAA,IACA,kDAAA;AAAA,IACA,SAAS,OAAO,CAAA;AAAA,IAChB,cAAc,OAAO,CAAA;AAAA,IACrB,MAAM,IAAI,CAAA;AAAA,IACV;AAAA,GACF;AACF;AAOA,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CAAC,EAAE,SAAA,EAAW,OAAA,GAAU,WAAA,EAAa,IAAA,GAAO,IAAA,EAAM,OAAA,GAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrF,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAC9B,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,cAAA,CAAe,EAAE,OAAA,EAAS,IAAA,EAAM,WAAW,CAAA;AAAA,QACrD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-BQWF5MP7.js","sourcesContent":["import { type ButtonHTMLAttributes, forwardRef } from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '@/lib/utils'\n\nconst variants = {\n  primary: 'bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow hover:shadow-tollerud-glow',\n  secondary:\n    'text-tollerud-text-primary [background:var(--surface-raised,var(--tollerud-surface-raised))] [border-color:var(--border,var(--tollerud-border))] hover:[border-color:var(--text-secondary,var(--tollerud-text-secondary))] hover:[background:var(--surface-hover,var(--tollerud-surface-hover))]',\n  ghost: 'text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover',\n  destructive: 'bg-tollerud-error text-white border-tollerud-error hover:shadow-[0_0_12px_rgba(239,68,68,0.3)]',\n  terminal: 'font-mono text-tollerud-yellow border-[rgba(255,255,0,0.25)] bg-transparent hover:border-tollerud-yellow hover:shadow-tollerud-glow hover:bg-[rgba(255,255,0,0.05)]',\n} as const\n\n/** Layer classes from globals-layers.css — ❯ prefix, hover glow, magnetic glow in docs */\nconst variantLayers = {\n  primary: 'tollerud-btn--primary',\n  secondary: 'tollerud-btn--secondary',\n  ghost: 'tollerud-btn--ghost',\n  destructive: 'tollerud-btn--destructive',\n  terminal: 'tollerud-btn--terminal',\n} as const\n\nconst sizes = {\n  sm: 'px-3 py-1 text-sm',\n  md: 'px-4 py-2 text-base',\n  lg: 'px-6 py-3 text-lg',\n} as const\n\nexport interface ButtonVariantProps {\n  variant?: keyof typeof variants\n  size?: keyof typeof sizes\n}\n\nexport function buttonVariants({ variant = 'secondary', size = 'md', className }: ButtonVariantProps & { className?: string } = {}) {\n  return cn(\n    'tollerud-btn inline-flex items-center justify-center gap-2 font-semibold rounded transition-all duration-[150ms] focus-visible:outline-2 focus-visible:outline-tollerud-yellow focus-visible:outline-offset-2',\n    'border cursor-pointer',\n    'disabled:opacity-50 disabled:pointer-events-none',\n    variants[variant],\n    variantLayers[variant],\n    sizes[size],\n    className\n  )\n}\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantProps {\n  /** Render as the single child element (e.g. a `<Link>`) instead of a `<button>`, merging props and styles onto it. */\n  asChild?: boolean\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'secondary', size = 'md', asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        ref={ref}\n        className={buttonVariants({ variant, size, className })}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button }\n"]}

package/dist/{chunk-IUPVQWO5.js → chunk-FPFLOYIJ.js}

@@ -10,13 +10,13 @@ var CTABand = forwardRef(
       {
         ref,
         className: cn(
-          "tollerud-card rounded-xl border border-tollerud-border bg-tollerud-surface px-8 py-11 text-center",
+          "tollerud-card w-full rounded-xl border border-tollerud-border bg-tollerud-surface px-8 py-11 text-center",
           className
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx("h2", { className: "tollerud-display text-[30px] text-tollerud-text-primary", children: title }),
-          description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-3 max-w-[440px] text-[15px] text-tollerud-text-secondary", children: description }),
+          /* @__PURE__ */ jsx("h2", { className: "tollerud-display mx-auto max-w-[640px] text-center text-[30px] text-tollerud-text-primary", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-3 max-w-[440px] text-center text-[15px] text-tollerud-text-secondary", children: description }),
           actions && /* @__PURE__ */ jsx("div", { className: "mt-[22px] flex flex-wrap items-center justify-center gap-3", children: actions }),
           accentBar && /* @__PURE__ */ jsx("hr", { className: "tollerud-accent-bar tollerud-accent-bar--inline mx-auto mt-8 max-w-[320px] border-0" })
         ]
@@ -27,5 +27,5 @@ var CTABand = forwardRef(
 CTABand.displayName = "CTABand";
 
 export { CTABand };
-//# sourceMappingURL=chunk-IUPVQWO5.js.map
-//# sourceMappingURL=chunk-IUPVQWO5.js.map
+//# sourceMappingURL=chunk-FPFLOYIJ.js.map
+//# sourceMappingURL=chunk-FPFLOYIJ.js.map

package/dist/chunk-FPFLOYIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/CTABand.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,OAAA,GAAU,UAAA;AAAA,EACd,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,SAAA,GAAY,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC/E,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,0GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2FAAA,EACX,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UACC,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mFACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,UAED,OAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8DAA8D,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,UAEtF,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qFAAA,EAAsF;AAAA;AAAA;AAAA,KAExG;AAAA,EAEJ;AACF;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-FPFLOYIJ.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface CTABandProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode\n  description?: React.ReactNode\n  actions?: React.ReactNode\n  accentBar?: boolean\n}\n\nconst CTABand = forwardRef<HTMLDivElement, CTABandProps>(\n  ({ className, title, description, actions, accentBar = true, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'tollerud-card w-full rounded-xl border border-tollerud-border bg-tollerud-surface px-8 py-11 text-center',\n          className\n        )}\n        {...props}\n      >\n        <h2 className=\"tollerud-display mx-auto max-w-[640px] text-center text-[30px] text-tollerud-text-primary\">\n          {title}\n        </h2>\n        {description && (\n          <p className=\"mx-auto mt-3 max-w-[440px] text-center text-[15px] text-tollerud-text-secondary\">\n            {description}\n          </p>\n        )}\n        {actions && (\n          <div className=\"mt-[22px] flex flex-wrap items-center justify-center gap-3\">{actions}</div>\n        )}\n        {accentBar && (\n          <hr className=\"tollerud-accent-bar tollerud-accent-bar--inline mx-auto mt-8 max-w-[320px] border-0\" />\n        )}\n      </div>\n    )\n  }\n)\nCTABand.displayName = 'CTABand'\n\nexport { CTABand }\n"]}