@reqvire-org/ads 0.0.0-stage → 0.3.0

package/dist/bootstrap-ds/biome.css.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.5.15/schema.json",
+  "files": {
+    "includes": ["design-system/**/*.css"]
+  },
+  "formatter": { "enabled": false },
+  "assist": { "enabled": false },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "preset": "none",
+      "suspicious": {
+        "noDuplicateFontNames": "error",
+        "noDuplicateProperties": "error"
+      },
+      "nursery": {
+        "noDuplicateSelectors": "error"
+      }
+    }
+  }
+}

package/dist/bootstrap-ds/design-system/assets/brand/README.md

@@ -0,0 +1,28 @@
+# Project branding
+
+Keep original logos, app icons, and artwork variants here. This starter contains
+no artwork. Record each asset's purpose, suitable backgrounds, usage, source
+credits, and applicable licenses when adding it.
+
+UI branding uses the fixed ADS token names in `tokens/`: change values such as
+`--accent`, `--font-sans`, and `--radius-md`. Components own `--ds-*` variables;
+patterns own `--ux-*`; the showcase owns `--showcase-*`. Do not introduce a
+brand-prefixed token vocabulary or override component state variables.
+
+Put licensed font files in `assets/fonts/` and their declarations in
+`tokens/fonts.css`. Keep that optional import first in `styles.css`.
+
+To generate web icons, set `assets.iconSource` in the project's `ds.config.json`
+to the SVG path relative to the ADS folder, for example:
+
+```json
+{ "assets": { "iconSource": "assets/brand/app-icon.svg" } }
+```
+
+After `ads init`, the normal npm or Bun build generates `favicon.svg`,
+`favicon.ico` (16/32/48), `apple-touch-icon.png` (180), `icon-192.png`, and
+`icon-512.png` in ignored `.ds/assets/`. Run `ads assets` to regenerate manually.
+Outputs retain the artwork's colors and transparent background; provide an
+appropriate source background if a platform needs one. Mount this directory
+through the application's existing bundler and keep app manifest metadata in
+the application. Edit the original SVG, never generated variants.

package/dist/bootstrap-ds/design-system/index.ts

@@ -0,0 +1,5 @@
+// Load local foundation styles; the compile check also extracts dist/styles.css.
+import "./styles.css";
+
+// Add public component and pattern exports here as they are implemented.
+export {};

package/dist/bootstrap-ds/design-system/showcase/mcp/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ADS scenario</title><style>html,body,#root{height:100%}body{overflow:hidden}</style></head><body><div id="root"></div><script type="module" src="./main.tsx"></script></body></html>

package/dist/bootstrap-ds/design-system/showcase/mcp/main.tsx

@@ -0,0 +1,8 @@
+import { createRoot } from "react-dom/client";
+import type { ComponentType } from "react";
+import "@ds";
+export function mountScenario(Scenario: ComponentType, container: HTMLElement) {
+  const root = createRoot(container);
+  root.render(<Scenario />);
+  return () => root.unmount();
+}

package/dist/bootstrap-ds/design-system/styles.css

@@ -0,0 +1,5 @@
+@import "./tokens/colors.css";
+@import "./tokens/typography.css";
+@import "./tokens/spacing.css";
+@import "./tokens/elevation.css";
+@import "./tokens/base.css";

package/dist/bootstrap-ds/design-system/tokens/Foundation.fixture.ts

@@ -0,0 +1,47 @@
+export const fixture = {
+  "title": "Foundation",
+  "tokens": [
+    "--accent",
+    "--accent-fg",
+    "--accent-hover",
+    "--bg-canvas",
+    "--bg-hover",
+    "--bg-surface",
+    "--border-default",
+    "--border-focus",
+    "--border-w",
+    "--dur-fast",
+    "--dur-normal",
+    "--ease-standard",
+    "--focus-offset",
+    "--focus-w",
+    "--font-mono",
+    "--font-sans",
+    "--leading-normal",
+    "--leading-tight",
+    "--radius-lg",
+    "--radius-md",
+    "--radius-sm",
+    "--shadow-raised",
+    "--shadow-xs",
+    "--space-0",
+    "--space-12",
+    "--space-16",
+    "--space-2",
+    "--space-4",
+    "--space-6",
+    "--space-8",
+    "--text-base",
+    "--text-body",
+    "--text-inverse",
+    "--text-lg",
+    "--text-muted",
+    "--text-sm",
+    "--text-strong",
+    "--text-xl",
+    "--weight-medium",
+    "--weight-normal",
+    "--weight-semibold",
+    "--z-overlay"
+  ]
+} as const;

package/dist/bootstrap-ds/design-system/tokens/Foundation.scenario.tsx

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+import { fixture } from "./Foundation.fixture";
+export const scenario = { title: fixture.title, covers: [], tokens: fixture.tokens };
+export default function Scenario() {
+  const [values, setValues] = useState<Record<string, string>>({});
+  useEffect(() => {
+    const read = () => { const style = getComputedStyle(document.documentElement); setValues(Object.fromEntries(fixture.tokens.map(name => [name, style.getPropertyValue(name).trim()]))); };
+    read();
+    const observer = new MutationObserver(read);
+    observer.observe(document.documentElement, {attributes: true, attributeFilter: ["data-theme"]});
+    return () => observer.disconnect();
+  }, []);
+  return <section><h1>{fixture.title}</h1><dl>{fixture.tokens.map(name => <div key={name}><dt><code>{name}</code></dt><dd>{values[name]}</dd></div>)}</dl></section>;
+}

package/dist/bootstrap-ds/design-system/tokens/base.css

@@ -0,0 +1,27 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: var(--space-0);
+  background: var(--bg-canvas);
+  color: var(--text-body);
+  font-family: var(--font-sans);
+  font-size: var(--text-sm);
+  font-weight: var(--weight-normal);
+  line-height: var(--leading-normal);
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit;
+}
+
+:focus-visible {
+  outline: var(--focus-w) solid var(--border-focus);
+  outline-offset: var(--focus-offset);
+}

package/dist/bootstrap-ds/design-system/tokens/colors.css

@@ -0,0 +1,29 @@
+:root {
+  color-scheme: light;
+  --bg-canvas: #faf9f6;
+  --bg-surface: #fff;
+  --bg-hover: #f1efea;
+  --text-strong: #1e293b;
+  --text-body: #334155;
+  --text-muted: #64748b;
+  --text-inverse: #fff;
+  --border-default: #d6d3cc;
+  --accent: #c62648;
+  --accent-hover: #a91c3a;
+  --accent-fg: #fff;
+  --border-focus: var(--accent);
+}
+
+:root[data-theme="dark"] {
+  color-scheme: dark;
+  --bg-canvas: #17191e;
+  --bg-surface: #20232a;
+  --bg-hover: #2c3039;
+  --text-strong: #f8fafc;
+  --text-body: #e2e8f0;
+  --text-muted: #94a3b8;
+  --border-default: #3b414c;
+  --accent: #fb7185;
+  --accent-hover: #fda4af;
+  --accent-fg: #17191e;
+}

package/dist/bootstrap-ds/design-system/tokens/elevation.css

@@ -0,0 +1,15 @@
+:root {
+  --shadow-xs: 0 1px 2px rgb(15 23 42 / 8%);
+  --shadow-raised: 0 4px 12px rgb(15 23 42 / 12%);
+  --dur-fast: 120ms;
+  --dur-normal: 200ms;
+  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --z-overlay: 1000;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --dur-fast: 0ms;
+    --dur-normal: 0ms;
+  }
+}

package/dist/bootstrap-ds/design-system/tokens/spacing.css

@@ -0,0 +1,15 @@
+:root {
+  --space-0: 0;
+  --space-2: 4px;
+  --space-4: 8px;
+  --space-6: 12px;
+  --space-8: 16px;
+  --space-12: 24px;
+  --space-16: 32px;
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --border-w: 1px;
+  --focus-w: 2px;
+  --focus-offset: 2px;
+}

package/dist/bootstrap-ds/design-system/tokens/typography.css

@@ -0,0 +1,13 @@
+:root {
+  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
+  --text-sm: 13px;
+  --text-base: 14px;
+  --text-lg: 17px;
+  --text-xl: 21px;
+  --weight-normal: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --leading-tight: 1.25;
+  --leading-normal: 1.5;
+}

package/dist/bootstrap-ds/ds.config.json

@@ -0,0 +1,13 @@
+{
+  "framework": "react",
+  "mcp": {
+    "previewManifest": ".ds/preview/manifest.json",
+    "previewWatch": {
+      "command": "node",
+      "args": [
+        "scripts/build-mcp-previews.mjs",
+        "--watch"
+      ]
+    }
+  }
+}

package/dist/bootstrap-ds/gitignore.template

@@ -0,0 +1,8 @@
+node_modules/
+.ds/
+dist/
+dist-showcase/
+.vite/
+coverage/
+*.local
+*.log