@wheelhouse/ui 0.2.0 → 0.2.1

package/llms.txt

@@ -4,23 +4,30 @@
 Wheelhouse React component library: Base UI primitives, shadcn-style patterns, Tailwind CSS v4, CVA for variants. Published as ESM with TypeScript declarations (`dist/`).
 
 ## Package entry points (`package.json` → `exports`)
-- **`@wheelhouse/ui`** — components and `cn` from `src/index.ts` (dev: TS sources; prod: `dist/index.js` + `.d.ts`).
+- **`@wheelhouse/ui`** — components, **blocks** (composed patterns), and `cn` from `src/index.ts` (dev: TS sources; prod: `dist/index.js` + `.d.ts`).
 - **`@wheelhouse/ui/globals.css`** — CSS entry for tokens, Tailwind, and theme wiring (`src/styles/globals.css`).
 
 ## Stack & peers
 - **`@wheelhouse/tokens`** — CSS variables via `globals.css`.
-- **Runtime (as used):** `class-variance-authority`, `clsx`, `tailwind-merge`, `zod`. **Icons:** `@phosphor-icons/react` where needed.
+- **Runtime (as used):** `class-variance-authority`, `clsx`, `tailwind-merge`, `zod`. **Icons:** `lucide-react` where needed.
 - **Peer dependencies:** `react`, `react-dom`, `@base-ui/react`, `tailwindcss` (v4+).
 
 ## Consuming apps
 1. `@import '@wheelhouse/ui/globals.css';`
 2. With Tailwind v4, `@source` the published bundle (see `README.md`).
-3. `import { Button } from '@wheelhouse/ui'` (and other named exports).
+3. `import { Button } from '@wheelhouse/ui'` (and other named exports, including blocks such as `NavigationPattern1`).
 
 ## Full documentation (LLM-friendly)
 Canonical narrative, examples, and props live in the **Wheelhouse docs** app (`apps/docs` in this monorepo). When deployed, it exposes `/llms.txt` (page index), `/llms-full.txt` (concatenated markdown), and `/llms-raw.mdx/...` (per-page markdown). Use your docs base URL or run the docs app locally — this file is only a short offline pointer.
 
+## Blocks (composed patterns under `src/blocks/`)
+Higher-level layouts built from components — import from `@wheelhouse/ui` like primitives. Source lives next to optional colocated config (nav labels, URLs, menus).
+
+| Block | Export | Source (monorepo) | Docs slug |
+| --- | --- | --- | --- |
+| Navigation — pattern 1 | `NavigationPattern1` | `src/blocks/navigation/pattern-1/pattern-1.tsx` (+ `pattern-1.config.ts` for nav data) | `/docs/blocks/navigation-pattern-1` |
+
 ## Component modules (barrels under `src/components/`)
 Named exports are grouped by folder. Alphabetical list of barrels re-exported from `@wheelhouse/ui`:
 
-accordion, alert, alert-dialog, aspect-ratio, avatar, badge, breadcrumb, button, button-group, card, checkbox, collapsible, command, combobox, context-menu, dialog, direction, drawer, dropdown-menu, empty, field, filters, frame, hover-card, input, input-group, item, kbd, label, menubar, native-select, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, slider, sonner, spinner, switch, tabs, text, textarea, toggle, toggle-group, tooltip
+accordion, alert, alert-dialog, aspect-ratio, avatar, badge, breadcrumb, button, button-group, calendar, card, checkbox, collapsible, command, combobox, context-menu, date-selector, dialog, direction, drawer, dropdown-menu, empty, field, filters, frame, hover-card, input, input-group, item, kbd, label, menubar, native-select, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, slider, sonner, sortable, spinner, status-indicator, switch, tabs, text, textarea, toggle, toggle-group, tooltip

package/package.json

@@ -1,18 +1,21 @@
 {
   "name": "@wheelhouse/ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "type": "module",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@fontsource-variable/geist": "^5.2.8",
-    "@fontsource-variable/geist-mono": "^5.2.7",
-    "@phosphor-icons/react": "^2.1.10",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "lucide-react": "^0.469.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "react-day-picker": "^9.14.0",
     "react-resizable-panels": "^4.9.0",
     "shadcn": "^4.1.0",
     "sonner": "^2.0.7",
@@ -52,8 +55,8 @@
     "typescript-eslint": "^8.54.0",
     "vite": "^7.2.4",
     "vitest": "^3.0.0",
-    "@wheelhouse/tsconfig": "0.0.0",
-    "@wheelhouse/eslint-config": "0.0.0"
+    "@wheelhouse/eslint-config": "0.0.0",
+    "@wheelhouse/tsconfig": "0.0.0"
   },
   "exports": {
     ".": {

package/src/styles/globals.css

@@ -2,22 +2,14 @@
 @import 'tailwindcss';
 @import 'tw-animate-css';
 @import 'shadcn/tailwind.css';
-/* Geist Variable / Geist Mono Variable are loaded here because --font-sans and --font-mono
-   reference them in @theme below. Keeping fonts and tokens together prevents silent fallback
-   to system fonts in apps that forget to import the faces separately.
-   
-   To move this to individual apps:
-   1. Remove these imports
-   2. Remove @fontsource-variable/geist (and geist-mono) from packages/ui/package.json
-   3. Add the same packages to each app and import them in each app's CSS entry */
-@import '@fontsource-variable/geist';
-@import '@fontsource-variable/geist-mono';
+/* Sans / mono use the system stack (no bundled webfonts). Swap --font-sans / --font-mono in
+   @theme below if you adopt a custom family (e.g. Fontsource or next/font). */
 
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
     --font-heading: var(--font-sans);
-    --font-mono: 'Geist Mono Variable', ui-monospace, monospace;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
     --color-sidebar-ring: var(--sidebar-ring);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -56,7 +48,7 @@
     --radius-2xl: calc(var(--radius) * 1.8);
     --radius-3xl: calc(var(--radius) * 2.2);
     --radius-4xl: calc(var(--radius) * 2.6);
-    --font-sans: 'Geist Variable', sans-serif;
+    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
     --color-warning-foreground: var(--warning-foreground);
     --color-warning: var(--warning);
     --color-info-foreground: var(--info-foreground);