@matteoaliano/forest-ui 0.8.3 → 0.8.5

package/README.md

@@ -1,154 +1,154 @@
-# Forest UI
-
-Forest Design System — A multi-tenant MUI v7 + Emotion component library.
-
-## Installation
-
-Install the package and its peer dependencies:
-
-```bash
-npm install @matteoaliano/forest-ui \
-  @mui/material@^7 @mui/icons-material@^7 \
-  @mui/x-charts@^7 @mui/x-data-grid@^7 @mui/x-date-pickers@^8 \
-  @emotion/react @emotion/styled dayjs
-```
-
-Forest UI re-exports MUI components with Forest defaults, so you should import everything from `@matteoaliano/forest-ui` rather than `@mui/material`. The only direct MUI import you need is `@mui/icons-material` for icons.
-
-## Quick Start
-
-```tsx
-import { ForestProvider, Button, Typography } from '@matteoaliano/forest-ui';
-import '@matteoaliano/forest-ui/fonts/aeonik/aeonik.css';
-
-function App() {
-  return (
-    <ForestProvider>
-      <Typography variant="h1">Hello Forest</Typography>
-      <Button>Click me</Button>
-    </ForestProvider>
-  );
-}
-```
-
-## Next.js setup
-
-Forest UI works with Next.js 14 / 15 / 16 (App Router and Pages Router). For best results with Turbopack and bundle size, add the following to `next.config.js`:
-
-```js
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  transpilePackages: ['@matteoaliano/forest-ui'],
-  experimental: {
-    optimizePackageImports: [
-      '@matteoaliano/forest-ui',
-      '@mui/material',
-      '@mui/icons-material',
-    ],
-  },
-};
-
-module.exports = nextConfig;
-```
-
-Because `ForestProvider` is a client component, wrap your app in a client boundary (a `'use client'` component or a dedicated `providers.tsx`) before mounting it inside the App Router root layout.
-
-> **Known issue:** some `@mui/x-*` packages have intermittent Turbopack issues upstream that are unrelated to Forest UI. If you hit one, falling back to webpack (`next dev` without `--turbo`) usually clears it.
-
-## Theme Presets
-
-Three presets are available:
-
-| Preset | Use Case |
-|--------|----------|
-| `forest-agency` | Internal tools + partner agencies (default) |
-| `forest-external` | Client-facing products |
-| `forest-internal` | Internal tools |
-
-### Using a Preset
-
-```tsx
-import { ForestProvider } from '@matteoaliano/forest-ui';
-
-<ForestProvider preset="forest-external">
-  {/* Your app */}
-</ForestProvider>
-```
-
-### Using a Custom Theme
-
-```tsx
-import { ForestProvider, buildTheme } from '@matteoaliano/forest-ui';
-import { getPreset } from '@matteoaliano/forest-ui';
-
-const preset = getPreset('forest-agency');
-const theme = buildTheme(preset.variants.light.tokens);
-
-<ForestProvider theme={theme}>
-  {/* Your app */}
-</ForestProvider>
-```
-
-## Components
-
-40+ wrapped MUI components with Forest defaults. See [Storybook](https://storybook.url) for all components.
-
-### Inputs
-- Button, ButtonGroup
-- TextField, Select, MultiSelect
-- Checkbox, RadioGroup, Switch
-- ToggleButton
-- DatePicker
-- Autocomplete
-- Search
-
-### Data Display
-- Typography
-- Table, DataGrid
-- Chip, Badge
-- Tooltip
-- List
-- Divider
-- Skeleton
-
-### Surfaces
-- Card, Paper
-- AppBar
-- Accordion
-
-### Feedback
-- Alert, Snackbar
-- Dialog, Modal, Popover
-- Progress (Linear, Circular)
-- Backdrop
-
-### Navigation
-- Tabs, Stepper
-- Pagination
-- Breadcrumbs
-- Link
-- Menu
-- SidebarNav
-
-### Charts
-- LineChart, BarChart, PieChart
-
-## Development
-
-```bash
-# Install dependencies
-npm install
-
-# Build
-npm run build
-
-# Run tests
-npm test
-
-# Storybook
-npm run storybook
-```
-
-## License
-
-MIT
+# Forest UI
+
+Forest Design System — A multi-tenant MUI v7 + Emotion component library.
+
+## Installation
+
+Install the package and its peer dependencies:
+
+```bash
+npm install @matteoaliano/forest-ui \
+  @mui/material@^7 @mui/icons-material@^7 \
+  @mui/x-charts@^7 @mui/x-data-grid@^7 @mui/x-date-pickers@^8 \
+  @emotion/react @emotion/styled dayjs
+```
+
+Forest UI re-exports MUI components with Forest defaults, so you should import everything from `@matteoaliano/forest-ui` rather than `@mui/material`. The only direct MUI import you need is `@mui/icons-material` for icons.
+
+## Quick Start
+
+```tsx
+import { ForestProvider, Button, Typography } from '@matteoaliano/forest-ui';
+import '@matteoaliano/forest-ui/fonts/aeonik/aeonik.css';
+
+function App() {
+  return (
+    <ForestProvider>
+      <Typography variant="h1">Hello Forest</Typography>
+      <Button>Click me</Button>
+    </ForestProvider>
+  );
+}
+```
+
+## Next.js setup
+
+Forest UI works with Next.js 14 / 15 / 16 (App Router and Pages Router). For best results with Turbopack and bundle size, add the following to `next.config.js`:
+
+```js
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  transpilePackages: ['@matteoaliano/forest-ui'],
+  experimental: {
+    optimizePackageImports: [
+      '@matteoaliano/forest-ui',
+      '@mui/material',
+      '@mui/icons-material',
+    ],
+  },
+};
+
+module.exports = nextConfig;
+```
+
+Because `ForestProvider` is a client component, wrap your app in a client boundary (a `'use client'` component or a dedicated `providers.tsx`) before mounting it inside the App Router root layout.
+
+> **Known issue:** some `@mui/x-*` packages have intermittent Turbopack issues upstream that are unrelated to Forest UI. If you hit one, falling back to webpack (`next dev` without `--turbo`) usually clears it.
+
+## Theme Presets
+
+Three presets are available:
+
+| Preset | Use Case |
+|--------|----------|
+| `forest-agency` | Internal tools + partner agencies (default) |
+| `forest-external` | Client-facing products |
+| `forest-internal` | Internal tools |
+
+### Using a Preset
+
+```tsx
+import { ForestProvider } from '@matteoaliano/forest-ui';
+
+<ForestProvider preset="forest-external">
+  {/* Your app */}
+</ForestProvider>
+```
+
+### Using a Custom Theme
+
+```tsx
+import { ForestProvider, buildTheme } from '@matteoaliano/forest-ui';
+import { getPreset } from '@matteoaliano/forest-ui';
+
+const preset = getPreset('forest-agency');
+const theme = buildTheme(preset.variants.light.tokens);
+
+<ForestProvider theme={theme}>
+  {/* Your app */}
+</ForestProvider>
+```
+
+## Components
+
+40+ wrapped MUI components with Forest defaults. See [Storybook](https://storybook.url) for all components.
+
+### Inputs
+- Button, ButtonGroup
+- TextField, Select, MultiSelect
+- Checkbox, RadioGroup, Switch
+- ToggleButton
+- DatePicker
+- Autocomplete
+- Search
+
+### Data Display
+- Typography
+- Table, DataGrid
+- Chip, Badge
+- Tooltip
+- List
+- Divider
+- Skeleton
+
+### Surfaces
+- Card, Paper
+- AppBar
+- Accordion
+
+### Feedback
+- Alert, Snackbar
+- Dialog, Modal, Popover
+- Progress (Linear, Circular)
+- Backdrop
+
+### Navigation
+- Tabs, Stepper
+- Pagination
+- Breadcrumbs
+- Link
+- Menu
+- SidebarNav
+
+### Charts
+- LineChart, BarChart, PieChart
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Build
+npm run build
+
+# Run tests
+npm test
+
+# Storybook
+npm run storybook
+```
+
+## License
+
+MIT

package/bin/sync.mjs

@@ -1,96 +1,96 @@
 #!/usr/bin/env node
-
-/**
- * forest-ui sync
- *
- * Copies skill folders into the consuming project's .claude/skills/
- * directory so Claude Code automatically discovers Forest UI preset rules.
- */
-
-import { readFileSync, mkdirSync, existsSync, readdirSync, cpSync, rmSync } from "node:fs";
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const skillsDir = resolve(__dirname, "..", "skills");
-
-// Find the consuming project root (walk up until we find package.json)
-function findProjectRoot(startDir) {
-    let dir = startDir;
-    while (dir !== dirname(dir)) {
-        if (existsSync(resolve(dir, "package.json"))) {
-            try {
-                const pkg = JSON.parse(readFileSync(resolve(dir, "package.json"), "utf-8"));
-                if (pkg.name !== "@matteoaliano/forest-ui") return dir;
-            } catch {
-                return dir;
-            }
-        }
-        dir = dirname(dir);
-    }
-    return process.cwd();
-}
-
-const projectRoot = findProjectRoot(process.cwd());
-
-console.log(`\n🌲 Forest UI — Syncing skills\n`);
-console.log(`   Project root: ${projectRoot}\n`);
-
-// Clean up legacy guideline files from pre-v0.4.1
-const legacyPaths = [
-    resolve(projectRoot, ".claude", "forest-ui.md"),
-    resolve(projectRoot, ".cursor", "rules", "forest-ui.mdc"),
-    resolve(projectRoot, ".gemini", "forest-ui.md"),
-    resolve(projectRoot, ".antigravity", "rules.md"),
-];
-
-let cleaned = 0;
-for (const legacyPath of legacyPaths) {
-    if (existsSync(legacyPath)) {
-        try {
-            rmSync(legacyPath);
-            const rel = legacyPath.replace(projectRoot + "/", "");
-            console.log(`   🧹 Removed legacy ${rel}`);
-            cleaned++;
-        } catch (err) {
-            const rel = legacyPath.replace(projectRoot + "/", "");
-            console.log(`   ⚠️  Could not remove ${rel} (${err.message})`);
-        }
-    }
-}
-if (cleaned > 0) console.log();
-
-let synced = 0;
-let total = 0;
-
-if (!existsSync(skillsDir)) {
-    console.log(`   ⚠️  No skills directory found, nothing to sync.\n`);
-    process.exit(0);
-}
-
-const skillFolders = readdirSync(skillsDir, { withFileTypes: true })
-    .filter((d) => d.isDirectory())
-    .map((d) => d.name);
-
-if (skillFolders.length === 0) {
-    console.log(`   ⚠️  No skill folders found, nothing to sync.\n`);
-    process.exit(0);
-}
-
-const claudeSkillsDir = resolve(projectRoot, ".claude", "skills");
-
-for (const folder of skillFolders) {
-    const src = resolve(skillsDir, folder);
-    const dest = resolve(claudeSkillsDir, folder);
-    total++;
-    try {
-        mkdirSync(dest, { recursive: true });
-        cpSync(src, dest, { recursive: true });
-        console.log(`   ✅ .claude/skills/${folder}/`);
-        synced++;
-    } catch (err) {
-        console.log(`   ⚠️  .claude/skills/${folder}/ skipped (${err.message})`);
-    }
-}
-
-console.log(`\n   Synced ${synced}/${total} skills.\n`);
+
+/**
+ * forest-ui sync
+ *
+ * Copies skill folders into the consuming project's .claude/skills/
+ * directory so Claude Code automatically discovers Forest UI preset rules.
+ */
+
+import { readFileSync, mkdirSync, existsSync, readdirSync, cpSync, rmSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const skillsDir = resolve(__dirname, "..", "skills");
+
+// Find the consuming project root (walk up until we find package.json)
+function findProjectRoot(startDir) {
+    let dir = startDir;
+    while (dir !== dirname(dir)) {
+        if (existsSync(resolve(dir, "package.json"))) {
+            try {
+                const pkg = JSON.parse(readFileSync(resolve(dir, "package.json"), "utf-8"));
+                if (pkg.name !== "@matteoaliano/forest-ui") return dir;
+            } catch {
+                return dir;
+            }
+        }
+        dir = dirname(dir);
+    }
+    return process.cwd();
+}
+
+const projectRoot = findProjectRoot(process.cwd());
+
+console.log(`\n🌲 Forest UI — Syncing skills\n`);
+console.log(`   Project root: ${projectRoot}\n`);
+
+// Clean up legacy guideline files from pre-v0.4.1
+const legacyPaths = [
+    resolve(projectRoot, ".claude", "forest-ui.md"),
+    resolve(projectRoot, ".cursor", "rules", "forest-ui.mdc"),
+    resolve(projectRoot, ".gemini", "forest-ui.md"),
+    resolve(projectRoot, ".antigravity", "rules.md"),
+];
+
+let cleaned = 0;
+for (const legacyPath of legacyPaths) {
+    if (existsSync(legacyPath)) {
+        try {
+            rmSync(legacyPath);
+            const rel = legacyPath.replace(projectRoot + "/", "");
+            console.log(`   🧹 Removed legacy ${rel}`);
+            cleaned++;
+        } catch (err) {
+            const rel = legacyPath.replace(projectRoot + "/", "");
+            console.log(`   ⚠️  Could not remove ${rel} (${err.message})`);
+        }
+    }
+}
+if (cleaned > 0) console.log();
+
+let synced = 0;
+let total = 0;
+
+if (!existsSync(skillsDir)) {
+    console.log(`   ⚠️  No skills directory found, nothing to sync.\n`);
+    process.exit(0);
+}
+
+const skillFolders = readdirSync(skillsDir, { withFileTypes: true })
+    .filter((d) => d.isDirectory())
+    .map((d) => d.name);
+
+if (skillFolders.length === 0) {
+    console.log(`   ⚠️  No skill folders found, nothing to sync.\n`);
+    process.exit(0);
+}
+
+const claudeSkillsDir = resolve(projectRoot, ".claude", "skills");
+
+for (const folder of skillFolders) {
+    const src = resolve(skillsDir, folder);
+    const dest = resolve(claudeSkillsDir, folder);
+    total++;
+    try {
+        mkdirSync(dest, { recursive: true });
+        cpSync(src, dest, { recursive: true });
+        console.log(`   ✅ .claude/skills/${folder}/`);
+        synced++;
+    } catch (err) {
+        console.log(`   ⚠️  .claude/skills/${folder}/ skipped (${err.message})`);
+    }
+}
+
+console.log(`\n   Synced ${synced}/${total} skills.\n`);

package/dist/{chunk-MIJBSV5Z.mjs → chunk-6LFUPGC2.mjs}

@@ -3997,4 +3997,4 @@ export {
   forestTheme,
   forestThemeOptions
 };
-//# sourceMappingURL=chunk-MIJBSV5Z.mjs.map
+//# sourceMappingURL=chunk-6LFUPGC2.mjs.map