@monoes/monodesign 1.2.4 → 1.2.6

package/src/rules.ts

@@ -1,129 +0,0 @@
-/**
- * Shared design rules — the invariants every monodesign generation must satisfy.
- * These mirror the "Absolute bans" and "Shared design laws" in the skill.
- *
- * Where a ban has a corresponding mechanical detector rule in the engine
- * registry (cli/engine/registry/antipatterns.mjs), its id and description are
- * pulled from that registry at load time instead of being hand-copied here —
- * one source of truth, no drift between "what generation avoids" and "what
- * detection flags". Bans with no `engineRuleId` are composition/judgment
- * calls the detector cannot mechanically check (holistic layout patterns);
- * they exist here for generation-time guidance only.
- */
-
-// Typed as plain string so tsc emits a true dynamic import instead of trying
-// to type-resolve the untyped .mjs engine module (matches antipatterns.ts).
-const REGISTRY_SPECIFIER: string = '../cli/engine/registry/antipatterns.mjs';
-
-interface EngineRuleEntry {
-  id: string;
-  name: string;
-  description: string;
-}
-
-let registryPromise: Promise<EngineRuleEntry[] | null> | undefined;
-
-async function loadRegistry(): Promise<EngineRuleEntry[] | null> {
-  registryPromise ??= import(REGISTRY_SPECIFIER).then(
-    (mod) => (mod as { ANTIPATTERNS: EngineRuleEntry[] }).ANTIPATTERNS,
-    () => null,
-  );
-  return registryPromise;
-}
-
-export interface AbsoluteBan {
-  id: string;
-  rule: string;
-  description: string;
-  /** Engine registry rule id this ban is mechanically detected by, if any. */
-  engineRuleId?: string;
-}
-
-const ABSOLUTE_BANS_STATIC: AbsoluteBan[] = [
-  {
-    id: 'side-tab',
-    rule: 'No side-stripe borders',
-    description:
-      'border-left or border-right > 1px as a colored accent on cards/list items/callouts is never intentional. Rewrite with full borders, background tints, leading numbers/icons, or nothing.',
-    engineRuleId: 'side-tab',
-  },
-  {
-    id: 'gradient-text',
-    rule: 'No gradient text',
-    description:
-      'background-clip:text with a gradient is decorative and never meaningful. Use a single solid color; emphasis via weight or size.',
-    engineRuleId: 'gradient-text',
-  },
-  {
-    id: 'glassmorphism-default',
-    rule: 'No glassmorphism as default',
-    description:
-      'Blurs and glass cards used decoratively. Rare and purposeful, or nothing.',
-  },
-  {
-    id: 'hero-metric-template',
-    rule: 'No hero-metric template',
-    description:
-      'Big number + small label + supporting stats + gradient accent is a SaaS cliché. Find a distinctive composition instead.',
-  },
-  {
-    id: 'identical-card-grid',
-    rule: 'No identical card grids',
-    description:
-      'Same-sized cards with icon + heading + text, repeated endlessly, signals a lack of hierarchy. Vary size, weight, or content structure.',
-  },
-  {
-    id: 'modal-first',
-    rule: 'Modal is not the first thought',
-    description:
-      'Modals are usually laziness. Exhaust inline / progressive disclosure alternatives first.',
-  },
-];
-
-/** Static ban list — id/rule/description as authored here (may drift from the engine registry's wording for bans that also have a detector rule). */
-export const ABSOLUTE_BANS = ABSOLUTE_BANS_STATIC;
-
-/**
- * Same ban list, with descriptions for detector-backed bans (`engineRuleId`
- * set) replaced by the live text from the engine registry. Falls back to the
- * static description when the registry can't be loaded (e.g. package not
- * fully installed) or the referenced rule id is missing.
- */
-export async function getAbsoluteBans(): Promise<AbsoluteBan[]> {
-  const registry = await loadRegistry();
-  if (!registry) return ABSOLUTE_BANS_STATIC;
-  const byId = new Map(registry.map((r) => [r.id, r]));
-  return ABSOLUTE_BANS_STATIC.map((ban) => {
-    const engineRule = ban.engineRuleId ? byId.get(ban.engineRuleId) : undefined;
-    return engineRule ? { ...ban, description: engineRule.description } : ban;
-  });
-}
-
-export const COLOR_STRATEGIES = ['restrained', 'committed', 'full-palette', 'drenched'] as const;
-export type ColorStrategy = (typeof COLOR_STRATEGIES)[number];
-
-export const SHADOW_MAX_ALPHA = 0.15;
-
-/** Validates a shadow string does not exceed the max alpha. */
-export function shadowAlphaComplies(shadow: string): boolean {
-  const matches = shadow.match(/rgba?\([^)]+\)/g) ?? [];
-  for (const m of matches) {
-    const parts = m.replace(/rgba?\(/, '').replace(')', '').split(',').map(Number);
-    const alpha = parts.length === 4 ? parts[3] : 1;
-    if (alpha > SHADOW_MAX_ALPHA) return false;
-  }
-  return true;
-}
-
-export type Register = 'brand' | 'product';
-
-/** Infer register from surface description heuristic. */
-export function inferRegister(surface: string): Register {
-  const lower = surface.toLowerCase();
-  const brandKeywords = ['landing', 'marketing', 'campaign', 'homepage', 'portfolio', 'blog'];
-  const productKeywords = ['dashboard', 'admin', 'app', 'settings', 'onboard', 'console'];
-
-  if (brandKeywords.some((k) => lower.includes(k))) return 'brand';
-  if (productKeywords.some((k) => lower.includes(k))) return 'product';
-  return 'product'; // safe default
-}

package/src/tokens.ts

@@ -1,99 +0,0 @@
-/** Design tokens as typed JS constants — mirrors tokens.css */
-
-export const fontFamily = {
-  display: "'Cormorant Garamond', Georgia, serif",
-  body: "'Instrument Sans', system-ui, sans-serif",
-  mono: "'Space Grotesk', monospace",
-} as const;
-
-export const fontSize = {
-  xs: '0.75rem',
-  sm: '0.875rem',
-  base: '1rem',
-  lg: '1.125rem',
-  xl: '1.25rem',
-  '2xl': '1.5rem',
-  '3xl': '1.875rem',
-  '4xl': '2.25rem',
-  '5xl': '3rem',
-  '6xl': '3.75rem',
-  '7xl': '4.5rem',
-} as const;
-
-export const spacing = {
-  1: '4px',
-  2: '8px',
-  3: '12px',
-  4: '16px',
-  5: '20px',
-  6: '24px',
-  7: '28px',
-  8: '32px',
-  10: '40px',
-  12: '48px',
-  16: '64px',
-  20: '80px',
-  24: '96px',
-  30: '120px',
-} as const;
-
-export const easing = {
-  out: 'cubic-bezier(0.16, 1, 0.3, 1)',
-  outQuint: 'cubic-bezier(0.22, 1, 0.36, 1)',
-  inOut: 'cubic-bezier(0.65, 0, 0.35, 1)',
-  in: 'cubic-bezier(0.4, 0, 1, 1)',
-} as const;
-
-export const duration = {
-  instant: '0s',
-  fast: '0.15s',
-  base: '0.3s',
-  slow: '0.6s',
-  slower: '0.8s',
-  slowest: '1.2s',
-} as const;
-
-/** OKLCH color palette */
-export const color = {
-  ink: 'oklch(10% 0 0)',
-  charcoal: 'oklch(25% 0 0)',
-  ash: 'oklch(55% 0 0)',
-  mist: 'oklch(92% 0 0)',
-  cream: 'oklch(96% 0.005 350)',
-  paper: 'oklch(98% 0 0)',
-  white: 'oklch(99.5% 0 0)',
-  accent: 'oklch(60% 0.25 350)',
-  accentHover: 'oklch(52% 0.25 350)',
-  accentDim: 'oklch(60% 0.25 350 / 0.15)',
-  accentSoft: 'oklch(60% 0.25 350 / 0.25)',
-  accentText: 'oklch(45% 0.22 350)',
-} as const;
-
-export const accentScale = {
-  1: 'oklch(22% 0.15 350)',
-  2: 'oklch(33% 0.20 350)',
-  3: 'oklch(42% 0.23 350)',
-  4: 'oklch(52% 0.25 350)',
-  5: 'oklch(60% 0.25 350)',
-  6: 'oklch(68% 0.22 350)',
-  7: 'oklch(76% 0.18 350)',
-  8: 'oklch(84% 0.12 350)',
-  9: 'oklch(94% 0.05 350)',
-} as const;
-
-export const shadow = {
-  none: 'none',
-  sm: '0 1px 3px rgba(0, 0, 0, 0.06)',
-  md: '0 4px 24px -4px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06)',
-  lg: '0 20px 40px rgba(0, 0, 0, 0.08)',
-  accent: '0 20px 60px oklch(60% 0.25 350 / 0.15)',
-} as const;
-
-export const radius = {
-  none: '0',
-  sm: '4px',
-  md: '8px',
-  lg: '12px',
-  xl: '16px',
-  full: '9999px',
-} as const;