@humanforest/nuxt-layer 0.1.0 → 0.1.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@humanforest/nuxt-layer",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Forest design system as a Nuxt layer — extend it to inherit the theme, colour roles, icons and brand fonts in one line.",
   "main": "./nuxt.config.ts",
   "files": [
@@ -15,17 +15,20 @@
     "README.md"
   ],
   "dependencies": {
-    "@humanforest/tokens": "^0.1.0",
     "@internationalized/date": "^3.12.2",
     "@mapbox/search-js-core": "^1.6.0",
+    "@turf/boolean-point-in-polygon": "^7.4.0",
+    "@turf/helpers": "^7.4.0",
     "@unovis/ts": "^1.6.7",
     "@unovis/vue": "^1.6.7",
     "mapbox-gl": "^3.28.1",
     "tailwind-variants": "3.2.2"
   },
   "peerDependencies": {
-    "@nuxt/ui": ">=4.5.0",
-    "nuxt": "^4.0.0",
+    "@nuxt/ui": "^4",
+    "nuxt": "^4",
+    "reka-ui": "^2",
+    "tailwindcss": "^4",
     "vue": "^3.5"
   },
   "publishConfig": {

package/packages/charts/src/engine.ts

@@ -12,4 +12,4 @@ export {
   DATAVIZ_CATEGORICAL,
   DATAVIZ_SEQUENTIAL,
   DATAVIZ_DIVERGING,
-} from '@humanforest/tokens/colourEngine';
+} from '../../tokens/src/colourEngine';

package/packages/charts/src/londonAreas.ts

@@ -3,7 +3,7 @@
 //
 // Built by scripts/londonAreas.ts and not editable by hand. Both levels share one viewBox, which is
 // what lets a ward map carry a borough outline over it.
-import boroughs from '@humanforest/tokens/geo/london-boroughs.json';
+import boroughs from '../../tokens/geo/london-boroughs.json';
 
 export interface LondonArea {
   /** ONS code — E09… for a borough, E05… for a ward. */
@@ -45,7 +45,7 @@ export const LONDON_BOROUGHS = boroughs as unknown as LondonAreaSet;
  */
 let wardsPromise: Promise<LondonAreaSet> | null = null;
 export const loadLondonWards = (): Promise<LondonAreaSet> => {
-  wardsPromise ??= import('@humanforest/tokens/geo/london-wards.json').then(
+  wardsPromise ??= import('../../tokens/geo/london-wards.json').then(
     (m) => (m.default ?? m) as unknown as LondonAreaSet,
   );
   return wardsPromise;

package/packages/charts/src/londonGrid.ts

@@ -3,7 +3,7 @@
 //
 // The grids are built by scripts/londonDots.ts and are not editable by hand — change the sources in
 // scripts/data/ and rebuild.
-import fine from '@humanforest/tokens/geo/london-dots-fine.json';
+import fine from '../../tokens/geo/london-dots-fine.json';
 
 /**
  * How many dots the map is sampled into, which is not the same question as how large it is drawn.
@@ -40,10 +40,10 @@ export const loadLondonGrid = (density: DotDensity): Promise<LondonGrid> => {
   // import whose specifier it can read statically.
   const load =
     density === 'coarse'
-      ? import('@humanforest/tokens/geo/london-dots-coarse.json')
+      ? import('../../tokens/geo/london-dots-coarse.json')
       : density === 'medium'
-        ? import('@humanforest/tokens/geo/london-dots-medium.json')
-        : import('@humanforest/tokens/geo/london-dots-ultra.json');
+        ? import('../../tokens/geo/london-dots-medium.json')
+        : import('../../tokens/geo/london-dots-ultra.json');
   const p = load.then((m) => ((m as { default?: unknown }).default ?? m) as unknown as LondonGrid);
   cache.set(density, p);
   return p;

package/packages/ui/src/logo/FLogo.vue

@@ -4,7 +4,7 @@
 // + inner + wordmark — flows from currentColor, so a parent text colour drives light/dark). `size` is
 // the rendered height in px; width follows the variant's aspect ratio.
 import { computed } from 'vue';
-import { MARK, MARK_SIZE, WORDMARK_PATHS, WORDMARK_W, WORDMARK_H, LOCKUP_H, LOCKUP_V, F } from '@humanforest/tokens/logo';
+import { MARK, MARK_SIZE, WORDMARK_PATHS, WORDMARK_W, WORDMARK_H, LOCKUP_H, LOCKUP_V, F } from '../../../tokens/src/logo';
 
 // `clearspace`: bake the exclusion zone into the SVG as transparent margin. true = one f on every
 // side (the brand rule); a number = that many f. `size` stays the logo's own height — the SVG just

package/packages/ui/src/logo/FSubLogo.vue

@@ -10,12 +10,12 @@
 // Variants: lockup (lead + keycap) · badge (keycap alone) · icon (square, first letter) · joined
 // (lead + sub-brand butted on as one word).
 import { computed } from 'vue';
-import { WORDMARK_PATHS, WORDMARK_W, WORDMARK_H } from '@humanforest/tokens/logo';
-import { setWord, runInk } from '@humanforest/tokens/glyphs';
+import { WORDMARK_PATHS, WORDMARK_W, WORDMARK_H } from '../../../tokens/src/logo';
+import { setWord, runInk } from '../../../tokens/src/glyphs';
 import {
   SUBLOGO, SUBLOGO_MOHR_SIZE, SUBLOGO_GT_SIZE, SUBLOGO_BASELINE,
   keycapGeometry, iconGeometry, skewTransform,
-} from '@humanforest/tokens/sublogo';
+} from '../../../tokens/src/sublogo';
 
 const props = withDefaults(defineProps<{
   /** The sub-brand — set in the keycap. Upper-cased; Mohr is only ever used uppercase. */

package/packages/ui/src/shell/FAppSidebar.vue

@@ -11,9 +11,9 @@
 //   · Slot props, NOT the models: the mobile slideover re-renders these slots with collapsed=false, so
 //     reading `collapsed` here would leak the desktop rail's icon-only rows into the phone menu.
 import { computed } from 'vue';
-import { F, WORDMARK_H, WORDMARK_W } from '@humanforest/tokens/logo';
-import { setWord, runInk } from '@humanforest/tokens/glyphs';
-import { keycapGeometry, SUBLOGO_MOHR_SIZE } from '@humanforest/tokens/sublogo';
+import { F, WORDMARK_H, WORDMARK_W } from '../../../tokens/src/logo';
+import { setWord, runInk } from '../../../tokens/src/glyphs';
+import { keycapGeometry, SUBLOGO_MOHR_SIZE } from '../../../tokens/src/sublogo';
 import { FSubLogo } from '../logo';
 import FScrollShadow from './FScrollShadow.vue';
 import type { FNavGroup, FNavItem } from './nav';