wavemaker-dev-mcp 0.1.1 → 1.0.0

package/skills/tokens/border.md

@@ -0,0 +1,85 @@
+---
+type: token-group
+name: border
+tags: [border, radius, rounded, outline, width, corner, shape]
+summary: Border width scale (1px base) and border-radius scale (2px base) for consistent shapes.
+generated: true
+---
+
+# Border & Radius
+
+## Border Widths
+
+Base: `--wm-border-width-base: 1px`. All widths are multiples of this base.
+
+| Token | CSS Variable | Value |
+|-------|-------------|-------|
+| 0 (none) | `--wm-border-width-0` | 0px |
+| 1 (default) | `--wm-border-width-1` | 1px |
+| 2 | `--wm-border-width-2` | 2px |
+| 3 | `--wm-border-width-3` | 3px |
+| 4 | `--wm-border-width-4` | 4px |
+
+Use `--wm-border-color` (defaults to `--wm-color-outline-variant`) and `--wm-border-style-base` (solid) for default border appearance.
+
+## Border Styles
+
+| Style | CSS Variable |
+|-------|-------------|
+| Solid (default) | `--wm-border-style-solid` |
+| Dashed | `--wm-border-style-dashed` |
+| Dotted | `--wm-border-style-dotted` |
+| None | `--wm-border-style-none` |
+| Double | `--wm-border-style-double` |
+
+## Border Radius
+
+Base: `--wm-radius-base: 2px`. Named sizes for semantic use.
+
+| Name | CSS Variable | Value | Use for |
+|------|-------------|-------|---------|
+| None | `--wm-radius-none` | 0px | Sharp corners |
+| XXS | `--wm-radius-xxs` | 2px | Subtle rounding |
+| XS | `--wm-radius-xs` | 4px | Inputs, chips |
+| SM | `--wm-radius-sm` | 8px | Cards, panels |
+| MD | `--wm-radius-md` | 12px | Dialogs |
+| LG | `--wm-radius-lg` | 16px | Bottom sheets |
+| XL | `--wm-radius-xl` | 28px | Large containers |
+| XXL | `--wm-radius-xxl` | 32px | Full-rounding on wide elements |
+| Pill | `--wm-radius-pill` | 1000px | Badges, tags, toggles |
+| Circle | `--wm-radius-circle` | 50% | Avatar images, icon buttons |
+
+## Usage
+
+```less
+// Card with standard rounding and subtle border
+.my-card {
+  border: var(--wm-border-width-1) var(--wm-border-style-solid) var(--wm-border-color);
+  border-radius: var(--wm-radius-sm);
+}
+
+// Pill-shaped tag
+.tag {
+  border-radius: var(--wm-radius-pill);
+  padding: 2px var(--wm-gap-2);
+}
+```
+
+```jsx
+// WmContainer with rounded corners
+<WmContainer name="card" className="app-card" styles={{ borderRadius: "var(--wm-radius-sm)" }} />
+```
+
+## Icon Sizes
+
+| Name | CSS Variable | Value |
+|------|-------------|-------|
+| Base | `--wm-icon-size` | 24px |
+| XS | `--wm-icon-size-xs` | calc(base × 0.5) |
+| SM | `--wm-icon-size-sm` | calc(base × 0.75) |
+| MD | `--wm-icon-size-md` | calc(base × 1) |
+| LG | `--wm-icon-size-lg` | calc(base × 1.25) |
+| 2X | `--wm-icon-size-2x` | calc(base × 1.5) |
+| 3X | `--wm-icon-size-3x` | calc(base × 1.75) |
+| 4X | `--wm-icon-size-4x` | calc(base × 2) |
+| 5X | `--wm-icon-size-5x` | calc(base × 2.25) |

package/skills/tokens/colors.md

@@ -0,0 +1,97 @@
+---
+type: token-group
+name: colors
+tags: [color, palette, primary, secondary, semantic, surface, brand, state]
+summary: Material Design 3 color system — brand, semantic, and surface colors as CSS custom properties.
+generated: true
+---
+
+# Colors
+
+WaveMaker uses a Material Design 3-based color system. All values are CSS custom properties on `:root` and can be overridden per-theme.
+
+## Brand Colors
+
+| Name | CSS Variable | Default | Usage |
+|------|-------------|---------|-------|
+| Primary | `--wm-color-primary` | `#FF7250` | Main brand color — buttons, links, active states |
+| On Primary | `--wm-color-on-primary` | `#FFFFFF` | Text/icons on primary background |
+| Primary Container | `--wm-color-primary-container` | `#ffe3dc` | Light tint of primary — badges, chips |
+| On Primary Container | `--wm-color-on-primary-container` | `#2d201d` | Text on primary-container |
+| Secondary | `--wm-color-secondary` | `#656DF9` | Secondary brand color |
+| On Secondary | `--wm-color-on-secondary` | `#FFFFFF` | Text/icons on secondary |
+| Secondary Container | `--wm-color-secondary-container` | `#e2e3ff` | Light tint of secondary |
+| Tertiary | `--wm-color-tertiary` | `#E0B313` | Accent / highlight color |
+| On Tertiary | `--wm-color-on-tertiary` | `#FFFFFF` | Text/icons on tertiary |
+| Tertiary Container | `--wm-color-tertiary-container` | `#fff5d3` | Light tint of tertiary |
+
+## Semantic Colors
+
+| Name | CSS Variable | Default | Usage |
+|------|-------------|---------|-------|
+| Success | `--wm-color-success` | `#5AC588` | Positive outcomes, confirmations |
+| On Success | `--wm-color-on-success` | `#FFFFFF` | Text/icons on success |
+| Success Container | `--wm-color-success-container` | `#d6ffe8` | Light success background |
+| Info | `--wm-color-info` | `#00c8ff` | Informational messages |
+| On Info | `--wm-color-on-info` | `#FFFFFF` | Text/icons on info |
+| Info Container | `--wm-color-info-container` | `#ddf7ff` | Light info background |
+| Warning | `--wm-color-warning` | `#ffae00` | Caution states |
+| On Warning | `--wm-color-on-warning` | `#FFFFFF` | Text/icons on warning |
+| Warning Container | `--wm-color-warning-container` | `#fff4d5` | Light warning background |
+| Error | `--wm-color-error` | `#EF3F3F` | Validation errors, danger states |
+| On Error | `--wm-color-on-error` | `#FFFFFF` | Text/icons on error |
+| Error Container | `--wm-color-error-container` | `#F9DEDC` | Light error background |
+
+## Surface & Layout Colors
+
+| Name | CSS Variable | Default | Usage |
+|------|-------------|---------|-------|
+| Background | `--wm-color-background` | `#FFFFFF` | Page background |
+| On Background | `--wm-color-on-background` | `#35363B` | Default body text |
+| Surface | `--wm-color-surface` | `#FFFFFF` | Card/panel backgrounds |
+| Surface Variant | `--wm-color-surface-variant` | `#FBFBFC` | Subtle surface tint |
+| Surface Container | `--wm-color-surface-container` | `#ebebf7` | Slightly elevated surface |
+| Surface Container Low | `--wm-color-surface-container-low` | `#f0f2ff` | Lower-elevation surface |
+| Surface Container High | `--wm-color-surface-container-high` | `#e8e8f1` | Higher-elevation surface |
+| On Surface | `--wm-color-on-surface` | `#1D1B20` | Primary text on surface |
+| On Surface Variant | `--wm-color-on-surface-variant` | `#4F556D` | Secondary text / icons on surface |
+| Outline | `--wm-color-outline` | `#79747E` | Borders, dividers |
+| Outline Variant | `--wm-color-outline-variant` | `#E4E4E4` | Subtle borders |
+
+## Utility
+
+| Name | CSS Variable | Default |
+|------|-------------|---------|
+| White | `--wm-color-white` | `#FFFFFF` |
+| Black | `--wm-color-black` | `#000000` |
+| Shadow | `--wm-color-shadow` | `#dfdfdf` |
+| Scrim | `--wm-color-scrim` | `#000000` |
+
+## Interaction State Variants (from semantics layer)
+
+Applied automatically on interactive elements via `color-mix()`:
+
+| State | Opacity | CSS Variable (example — primary) |
+|-------|---------|----------------------------------|
+| Hover | 8% | `--wm-color-primary-hover` |
+| Focus | 12% | `--wm-color-primary-focus` |
+| Active | 16% | `--wm-color-primary-active` |
+
+## Usage
+
+```less
+// In component LESS
+.my-button {
+  background: var(--wm-color-primary);
+  color: var(--wm-color-on-primary);
+  border-color: var(--wm-color-outline);
+}
+.my-button:hover {
+  background: var(--wm-color-primary-hover);
+}
+```
+
+```jsx
+// In JSX inline styles
+<WmContainer styles={{ background: "var(--wm-color-surface-container)" }} />
+```

package/skills/tokens/elevation.md

@@ -0,0 +1,73 @@
+---
+type: token-group
+name: elevation
+tags: [shadow, elevation, box-shadow, depth, z-index, layer]
+summary: Shadow/elevation system with 5 levels. Use to convey depth and layer hierarchy.
+generated: true
+---
+
+# Elevation
+
+WaveMaker uses a 5-level elevation system based on box-shadows. Higher elevation = more prominent shadow = visually "closer" to the user.
+
+## Elevation Levels
+
+| Level | CSS Variable | Use for |
+|-------|-------------|---------|
+| None | `--wm-elevation-shadow-none` | Flat elements, backgrounds |
+| 1 (lowest) | `--wm-elevation-shadow-1` | Cards, panels, slight lift |
+| 2 | `--wm-elevation-shadow-2` | Dropdowns, popovers |
+| 3 | `--wm-elevation-shadow-3` | Navigation drawers, side sheets |
+| 4 | `--wm-elevation-shadow-4` | FABs, focused elements |
+| 5 (highest) | `--wm-elevation-shadow-5` | Modal dialogs, top-level overlays |
+
+## Box Shadow (semantic alias)
+
+Use `--wm-box-shadow-*` as a simpler alias with concrete rgba values:
+
+| Level | CSS Variable | Value |
+|-------|-------------|-------|
+| 1 | `--wm-box-shadow-1` | `0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)` |
+| 2 | `--wm-box-shadow-2` | `0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)` |
+| 3 | `--wm-box-shadow-3` | `0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30)` |
+| 4 | `--wm-box-shadow-4` | `0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.30)` |
+| 5 | `--wm-box-shadow-5` | `0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.30)` |
+
+> **Prefer `--wm-elevation-shadow-*`** over `--wm-box-shadow-*` in component styles — elevation vars reference the theme's shadow color token and adapt to dark mode.
+
+## Opacity Tokens (interaction states)
+
+| State | CSS Variable | Value | Applied to |
+|-------|-------------|-------|-----------|
+| Hover | `--wm-opacity-hover` | 8% | Hover overlay on interactive elements |
+| Focus | `--wm-opacity-focus` | 12% | Focus ring opacity |
+| Active | `--wm-opacity-active` | 16% | Pressed state |
+
+## Usage
+
+```less
+// Apply elevation to a card
+.my-card {
+  box-shadow: var(--wm-elevation-shadow-1);
+}
+
+// Elevate on hover
+.my-card:hover {
+  box-shadow: var(--wm-elevation-shadow-2);
+}
+```
+
+```jsx
+// Via WmContainer inline style
+<WmContainer name="card" styles={{ boxShadow: "var(--wm-elevation-shadow-2)" }} />
+```
+
+## Choosing the Right Level
+
+| Scenario | Level |
+|----------|-------|
+| Static card / panel | 1 |
+| Dropdown / menu | 2 |
+| Drawer / side sheet | 3 |
+| Floating action | 4 |
+| Dialog / modal | 5 |

package/skills/tokens/spacing.md

@@ -0,0 +1,89 @@
+---
+type: token-group
+name: spacing
+tags: [gap, padding, margin, space, layout, spacing, tokens]
+summary: 4px-base spacing scale used for gaps, padding, margins, and WmLinearLayout spacing values.
+---
+
+# Spacing Tokens
+
+WaveMaker uses a 4px base grid. All spacing should reference these tokens instead of arbitrary pixel values. Two token families cover spacing: `--wm-gap-*` (container gaps) and `--wm-space-*` (padding / margin).
+
+## Gap Scale (`--wm-gap-*`)
+
+Use for `gap`, `columngap` props on `WmContainer`, and CSS `gap` rules.
+
+| Token name | CSS Variable | Value |
+|-----------|-------------|-------|
+| gap-1 / xs | `--wm-gap-1` | 4px |
+| gap-2 / sm | `--wm-gap-2` | 8px |
+| gap-3 | `--wm-gap-3` | 12px |
+| gap-4 / md | `--wm-gap-4` | 16px |
+| gap-6 / lg | `--wm-gap-6` | 24px |
+| gap-8 / xl | `--wm-gap-8` | 32px |
+| gap-12 | `--wm-gap-12` | 48px |
+
+## Space Scale (`--wm-space-*`)
+
+Use for CSS `padding` and `margin` in inline styles or LESS.
+
+| Token name | CSS Variable | Value |
+|-----------|-------------|-------|
+| space-1 | `--wm-space-1` | 4px |
+| space-2 | `--wm-space-2` | 8px |
+| space-3 | `--wm-space-3` | 12px |
+| space-4 | `--wm-space-4` | 16px |
+| space-5 | `--wm-space-5` | 20px |
+| space-6 | `--wm-space-6` | 24px |
+| space-8 | `--wm-space-8` | 32px |
+
+## WmLinearLayout Spacing Map
+
+The `spacing` prop on `WmLinearLayout` uses an internal pt-based scale, not pixels. Use these values:
+
+| Semantic | spacing value | Visual gap |
+|----------|--------------|-----------|
+| xs | 3 | ~4px |
+| sm | 6 | ~8px |
+| md | 12 | ~16px |
+| lg | 18 | ~24px |
+| xl | 24 | ~32px |
+
+## Usage in JSX
+
+```jsx
+{/* Container gap via prop */}
+<WmContainer name="card" gap={16} padding="var(--wm-space-4)" />
+
+{/* LinearLayout spacing via token */}
+<WmLinearLayout name="row" direction="row" spacing={12} />
+
+{/* Inline style with token */}
+<WmContainer name="section" styles={{ padding: "var(--wm-space-6)" }} />
+```
+
+## Usage in LESS
+
+```less
+.my-component {
+  padding: var(--wm-space-4);      // 16px
+  gap: var(--wm-gap-2);            // 8px
+  margin-bottom: var(--wm-gap-4);  // 16px
+}
+```
+
+## Choosing the Right Token
+
+| Use case | Recommended token |
+|----------|-----------------|
+| Items in a row/column layout | `WmLinearLayout spacing={12}` (md) |
+| Card internal padding | `--wm-space-4` (16px) |
+| Section-to-section gap | `--wm-gap-6` (24px) or `spacing={18}` |
+| Tight icon+label gap | `spacing={6}` or `--wm-gap-2` (8px) |
+| Page section padding | `--wm-space-6` (24px) |
+
+## Notes
+
+- Base unit: `--wm-gap-base: 4px` — all gap tokens are multiples of this.
+- Never use raw pixel values in styles when a token exists at that scale.
+- `--wm-space-*` and `--wm-gap-*` have the same values but are semantically distinct — `gap` is for layout gaps, `space` is for padding/margin.

package/skills/tokens/typography.md

@@ -0,0 +1,88 @@
+---
+type: token-group
+name: typography
+tags: [font, text, heading, body, label, display, typography, size, weight]
+summary: Type scale — display, heading, body, and label styles as CSS custom properties.
+generated: true
+---
+
+# Typography
+
+WaveMaker uses a Material Design 3 type scale. All text styles are CSS custom properties with `font-family`, `font-size`, `font-weight`, `line-height`, and `letter-spacing` variants.
+
+Font family: **Roboto** (brand/plain), fallback: **Arial, Helvetica, sans-serif**.
+
+## Type Scale
+
+| Style | Font-size variable | Size | Weight | Line-height |
+|-------|--------------------|------|--------|------------|
+| Display Large | `--wm-display-large-font-size` | 57px | 400 | 64px |
+| Display Medium | `--wm-display-medium-font-size` | 45px | 400 | 52px |
+| Display Small | `--wm-display-small-font-size` | 36px | 400 | 44px |
+| H1 | `--wm-h1-font-size` | 32px | 400 | 40px |
+| H2 | `--wm-h2-font-size` | 28px | 400 | 36px |
+| H3 | `--wm-h3-font-size` | 24px | 400 | 32px |
+| H4 | `--wm-h4-font-size` | 22px | 400 | 28px |
+| H5 | `--wm-h5-font-size` | 16px | 500 | 24px |
+| H6 | `--wm-h6-font-size` | 14px | 500 | 20px |
+| Body Large | `--wm-body-large-font-size` | 16px | 400 | 24px |
+| Body Medium | `--wm-body-medium-font-size` | 14px | 400 | 20px |
+| Body Small | `--wm-body-small-font-size` | 12px | 400 | 16px |
+| Label Large | `--wm-label-large-font-size` | 14px | 500 | 20px |
+| Label Medium | `--wm-label-medium-font-size` | 12px | 500 | 16px |
+| Label Small | `--wm-label-small-font-size` | 11px | 500 | 16px |
+
+## Font Weights
+
+| Name | CSS Variable | Value |
+|------|-------------|-------|
+| Thin | `--wm-font-weight-thin` | 100 |
+| Light | `--wm-font-weight-light` | 300 |
+| Regular | `--wm-font-weight-regular` | 400 |
+| Medium | `--wm-font-weight-medium` | 500 |
+| Semibold | `--wm-font-weight-semibold` | 600 |
+| Bold | `--wm-font-weight-bold` | 700 |
+| Extrabold | `--wm-font-weight-extrabold` | 800 |
+| Black | `--wm-font-weight-black` | 900 |
+
+## Font Families
+
+| Name | CSS Variable | Value |
+|------|-------------|-------|
+| Brand | `--wm-font-family-brand` | Roboto, var(--wm-font-family-backup) |
+| Plain | `--wm-font-family-plain` | Roboto, var(--wm-font-family-backup) |
+| Backup | `--wm-font-family-backup` | Arial, Helvetica, sans-serif |
+
+## Usage
+
+```less
+// In LESS
+.my-heading {
+  font-size: var(--wm-h2-font-size);
+  font-weight: var(--wm-h2-font-weight);
+  line-height: var(--wm-h2-line-height);
+}
+
+.my-body-text {
+  font-size: var(--wm-body-medium-font-size);
+  font-weight: var(--wm-body-medium-font-weight);
+}
+```
+
+```jsx
+// In WmLabel via variant prop
+<WmLabel name="heading" caption="Title" type="h2" variant="default:h2" />
+<WmLabel name="body" caption="Content" variant="text:secondary" />
+```
+
+## WmLabel ↔ Typography Mapping
+
+| WmLabel type | Style applied |
+|-------------|--------------|
+| `type="h1"` | H1 (32px, regular) |
+| `type="h2"` | H2 (28px, regular) |
+| `type="h3"` | H3 (24px, regular) |
+| `type="h4"` | H4 (22px, regular) |
+| `type="h5"` | H5 (16px, medium) |
+| `type="h6"` | H6 (14px, medium) |
+| `type="p"` | Body medium (14px, regular) |

package/dist/components.d.ts

@@ -1,17 +0,0 @@
-/**
- * Strip leading `Wm` and lowercase (e.g. WmSelect -> select).
- */
-export declare function normalizeComponentQuery(name: string): string;
-/**
- * Build a likely `Wm*` name from user input (`select` -> `WmSelect`, `WmButton` -> `WmButton`).
- */
-export declare function toWmComponentName(input: string): string;
-/**
- * Find props files under `.../components` whose path likely matches the widget (e.g. `.../select/props.js`).
- */
-export declare function findPropsPathsByHint(runtimeRoot: string, hint: string): Promise<string[]>;
-/**
- * Find references to a component name in source (fallback when path hint fails).
- */
-export declare function findComponentRefs(runtimeRoot: string, componentName: string, maxResults: number): Promise<import("./search.js").ContentMatch[]>;
-//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI5D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKvD;AAED;;GAEG;AACH,wBAAsB,oBAAoB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAgB/F;AAED;;GAEG;AACH,wBAAsB,iBAAiB,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,iDAOrG"}

package/dist/components.js

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizeComponentQuery = normalizeComponentQuery;
-exports.toWmComponentName = toWmComponentName;
-exports.findPropsPathsByHint = findPropsPathsByHint;
-exports.findComponentRefs = findComponentRefs;
-const node_path_1 = __importDefault(require("node:path"));
-const fast_glob_1 = __importDefault(require("fast-glob"));
-const paths_js_1 = require("./paths.js");
-const search_js_1 = require("./search.js");
-/**
- * Strip leading `Wm` and lowercase (e.g. WmSelect -> select).
- */
-function normalizeComponentQuery(name) {
-    let s = name.trim();
-    if (s.startsWith("Wm"))
-        s = s.slice(2);
-    return s.toLowerCase();
-}
-/**
- * Build a likely `Wm*` name from user input (`select` -> `WmSelect`, `WmButton` -> `WmButton`).
- */
-function toWmComponentName(input) {
-    const s = input.trim().replace(/^Wm/i, "");
-    if (!s)
-        return input.trim();
-    const pascal = s.charAt(0).toUpperCase() + s.slice(1);
-    return `Wm${pascal}`;
-}
-/**
- * Find props files under `.../components` whose path likely matches the widget (e.g. `.../select/props.js`).
- */
-async function findPropsPathsByHint(runtimeRoot, hint) {
-    const key = normalizeComponentQuery(hint);
-    if (!key)
-        return [];
-    const componentsRoot = (0, paths_js_1.resolveRuntimeComponentsRoot)(runtimeRoot);
-    const files = await (0, fast_glob_1.default)("**/props.{js,ts}", {
-        cwd: componentsRoot,
-        onlyFiles: true,
-        dot: false,
-    });
-    const matches = files.filter((f) => {
-        const lower = f.toLowerCase();
-        return lower.includes(`/${key}/`) || lower.includes(`/${key}.`) || lower.startsWith(`${key}/`);
-    });
-    return matches
-        .map((f) => node_path_1.default.relative(runtimeRoot, node_path_1.default.join(componentsRoot, f)).replace(/\\/g, "/"))
-        .sort();
-}
-/**
- * Find references to a component name in source (fallback when path hint fails).
- */
-async function findComponentRefs(runtimeRoot, componentName, maxResults) {
-    const pattern = componentName.trim();
-    if (!pattern)
-        return [];
-    const componentsRoot = (0, paths_js_1.resolveRuntimeComponentsRoot)(runtimeRoot);
-    const rg = (0, search_js_1.searchWithRipgrep)(componentsRoot, pattern, maxResults);
-    if (rg !== null)
-        return rg;
-    return (0, search_js_1.searchWithNode)(componentsRoot, pattern, maxResults, "**/*.{js,ts,tsx,jsx}");
-}
-//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":";;;;;AAQA,0DAIC;AAKD,8CAKC;AAKD,oDAgBC;AAKD,8CAOC;AAvDD,0DAA6B;AAC7B,0DAA2B;AAC3B,yCAA0D;AAC1D,2CAAgE;AAEhE;;GAEG;AACH,SAAgB,uBAAuB,CAAC,IAAY;IAClD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IACpB,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;QAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACvC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AACzB,CAAC;AAED;;GAEG;AACH,SAAgB,iBAAiB,CAAC,KAAa;IAC7C,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC3C,IAAI,CAAC,CAAC;QAAE,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;IAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACtD,OAAO,KAAK,MAAM,EAAE,CAAC;AACvB,CAAC;AAED;;GAEG;AACI,KAAK,UAAU,oBAAoB,CAAC,WAAmB,EAAE,IAAY;IAC1E,MAAM,GAAG,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IACpB,MAAM,cAAc,GAAG,IAAA,uCAA4B,EAAC,WAAW,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,MAAM,IAAA,mBAAE,EAAC,kBAAkB,EAAE;QACzC,GAAG,EAAE,cAAc;QACnB,SAAS,EAAE,IAAI;QACf,GAAG,EAAE,KAAK;KACX,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACjC,MAAM,KAAK,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;IACjG,CAAC,CAAC,CAAC;IACH,OAAO,OAAO;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,mBAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;SACxF,IAAI,EAAE,CAAC;AACZ,CAAC;AAED;;GAEG;AACI,KAAK,UAAU,iBAAiB,CAAC,WAAmB,EAAE,aAAqB,EAAE,UAAkB;IACpG,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC;IACrC,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IACxB,MAAM,cAAc,GAAG,IAAA,uCAA4B,EAAC,WAAW,CAAC,CAAC;IACjE,MAAM,EAAE,GAAG,IAAA,6BAAiB,EAAC,cAAc,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;IAClE,IAAI,EAAE,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IAC3B,OAAO,IAAA,0BAAc,EAAC,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,sBAAsB,CAAC,CAAC;AACrF,CAAC"}

package/dist/paths.d.ts

@@ -1,43 +0,0 @@
-export declare function existsDir(p: string): boolean;
-/**
- * How the react-runtime root was chosen (first match wins).
- */
-export type ReactRuntimeResolution = "WM_REACT_RUNTIME_SOURCE" | "WM_REACT_RUNTIME_ROOT" | `node_modules:${string}`;
-/**
- * How the foundation-css root was chosen (first match wins).
- */
-export type FoundationResolution = "WM_FOUNDATION_CSS_SOURCE" | "WM_FOUNDATION_CSS_ROOT" | `node_modules:${string}`;
-export type ResolvedRoots = {
-    projectRoot: string;
-    reactRuntime: {
-        path: string;
-        resolution: ReactRuntimeResolution;
-    } | null;
-    foundationCss: {
-        path: string;
-        resolution: FoundationResolution;
-        packageName: string;
-    } | null;
-};
-/**
- * Prefer local source clones, then explicit package roots, then node_modules.
- *
- * React runtime: `WM_REACT_RUNTIME_SOURCE` → `WM_REACT_RUNTIME_ROOT` → `node_modules/@wavemaker/react-runtime`
- * Foundation: `WM_FOUNDATION_CSS_SOURCE` → `WM_FOUNDATION_CSS_ROOT` → `node_modules` packages
- */
-export declare function resolveRoots(cwd?: string): ResolvedRoots;
-/**
- * Local react-runtime repos often use `src/components`; published packages use `components`.
- */
-export declare function resolveRuntimeComponentsRoot(runtimeRoot: string): string;
-/**
- * Ensure `relativePath` resolves under `root` (no traversal).
- */
-export declare function safeReadUnderRoot(root: string, relativePath: string): {
-    ok: true;
-    absolute: string;
-} | {
-    ok: false;
-    error: string;
-};
-//# sourceMappingURL=paths.d.ts.map

package/dist/paths.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../src/paths.ts"],"names":[],"mappings":"AAMA,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAM5C;AAQD;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC9B,yBAAyB,GACzB,uBAAuB,GACvB,gBAAgB,MAAM,EAAE,CAAC;AAE7B;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG,wBAAwB,GAAG,gBAAgB,MAAM,EAAE,CAAC;AAEpH,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,sBAAsB,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1E,aAAa,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,oBAAoB,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAC/F,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,GAAG,SAAgB,GAAG,aAAa,CA6C/D;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAIxE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAQnI"}

package/dist/paths.js

@@ -1,103 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.existsDir = existsDir;
-exports.resolveRoots = resolveRoots;
-exports.resolveRuntimeComponentsRoot = resolveRuntimeComponentsRoot;
-exports.safeReadUnderRoot = safeReadUnderRoot;
-const node_fs_1 = __importDefault(require("node:fs"));
-const node_path_1 = __importDefault(require("node:path"));
-const RUNTIME_PKG = "@wavemaker/react-runtime";
-const FOUNDATION_CANDIDATES = ["@wavemaker/foundation-css", "@wavemaker-ai/foundation-css"];
-function existsDir(p) {
-    try {
-        return node_fs_1.default.statSync(p).isDirectory();
-    }
-    catch {
-        return false;
-    }
-}
-function resolvePackageDir(projectRoot, packageName) {
-    const nested = node_path_1.default.join(projectRoot, "node_modules", packageName);
-    if (existsDir(nested))
-        return nested;
-    return null;
-}
-/**
- * Prefer local source clones, then explicit package roots, then node_modules.
- *
- * React runtime: `WM_REACT_RUNTIME_SOURCE` → `WM_REACT_RUNTIME_ROOT` → `node_modules/@wavemaker/react-runtime`
- * Foundation: `WM_FOUNDATION_CSS_SOURCE` → `WM_FOUNDATION_CSS_ROOT` → `node_modules` packages
- */
-function resolveRoots(cwd = process.cwd()) {
-    const projectRoot = cwd;
-    let reactRuntime = null;
-    const srcRt = process.env.WM_REACT_RUNTIME_SOURCE?.trim();
-    if (srcRt && existsDir(srcRt)) {
-        reactRuntime = { path: node_path_1.default.resolve(srcRt), resolution: "WM_REACT_RUNTIME_SOURCE" };
-    }
-    else {
-        const envRt = process.env.WM_REACT_RUNTIME_ROOT?.trim();
-        if (envRt && existsDir(envRt)) {
-            reactRuntime = { path: node_path_1.default.resolve(envRt), resolution: "WM_REACT_RUNTIME_ROOT" };
-        }
-        else {
-            const d = resolvePackageDir(projectRoot, RUNTIME_PKG);
-            if (d)
-                reactRuntime = { path: d, resolution: `node_modules:${RUNTIME_PKG}` };
-        }
-    }
-    let foundationCss = null;
-    const srcFd = process.env.WM_FOUNDATION_CSS_SOURCE?.trim();
-    if (srcFd && existsDir(srcFd)) {
-        foundationCss = {
-            path: node_path_1.default.resolve(srcFd),
-            resolution: "WM_FOUNDATION_CSS_SOURCE",
-            packageName: "(WM_FOUNDATION_CSS_SOURCE)",
-        };
-    }
-    else {
-        const envFd = process.env.WM_FOUNDATION_CSS_ROOT?.trim();
-        if (envFd && existsDir(envFd)) {
-            foundationCss = {
-                path: node_path_1.default.resolve(envFd),
-                resolution: "WM_FOUNDATION_CSS_ROOT",
-                packageName: "(WM_FOUNDATION_CSS_ROOT)",
-            };
-        }
-        else {
-            for (const name of FOUNDATION_CANDIDATES) {
-                const d = resolvePackageDir(projectRoot, name);
-                if (d) {
-                    foundationCss = { path: d, resolution: `node_modules:${name}`, packageName: name };
-                    break;
-                }
-            }
-        }
-    }
-    return { projectRoot, reactRuntime, foundationCss };
-}
-/**
- * Local react-runtime repos often use `src/components`; published packages use `components`.
- */
-function resolveRuntimeComponentsRoot(runtimeRoot) {
-    const srcComponents = node_path_1.default.join(runtimeRoot, "src", "components");
-    if (existsDir(srcComponents))
-        return srcComponents;
-    return node_path_1.default.join(runtimeRoot, "components");
-}
-/**
- * Ensure `relativePath` resolves under `root` (no traversal).
- */
-function safeReadUnderRoot(root, relativePath) {
-    const absRoot = node_path_1.default.resolve(root);
-    const joined = node_path_1.default.resolve(absRoot, relativePath);
-    const rel = node_path_1.default.relative(absRoot, joined);
-    if (rel.startsWith("..") || node_path_1.default.isAbsolute(rel)) {
-        return { ok: false, error: "Path escapes root directory" };
-    }
-    return { ok: true, absolute: joined };
-}
-//# sourceMappingURL=paths.js.map