npm - @nac3/forge-cli - Versions diffs - 1.0.52 → 1.0.54 - Mend

@nac3/forge-cli 1.0.52 → 1.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (404) hide show

package/yujin-design-system/_preview.mjs ADDED Viewed

@@ -0,0 +1,77 @@
+/**
+ * Yujin Design System (sumi-e default) -- visual preview generator.
+ *
+ * Mirrors the art deco variant's preview: reads the package's own palette,
+ * kanji wordmarks and 170 sumi-e icons and emits a self-contained
+ * preview.html (palette swatches + wordmarks + every icon). Run
+ * `node _preview.mjs`. ASCII-only (the kanji live in data, not source).
+ */
+import { promises as fs } from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+const ROOT = path.dirname(fileURLToPath(import.meta.url));
+const ICONS_DIR = path.join(ROOT, 'icons', 'sumie');
+const run = async () => {
+  const man = JSON.parse(await fs.readFile(path.join(ROOT, 'manifest.json'), 'utf-8'));
+  const idx = JSON.parse(await fs.readFile(path.join(ICONS_DIR, 'manifest.json'), 'utf-8'));
+  /* inline each icon SVG */
+  const cells = [];
+  for (const ic of idx.icons) {
+    let svg = '';
+    try { svg = (await fs.readFile(path.join(ICONS_DIR, ic.file), 'utf-8')).trim(); } catch { continue; }
+    cells.push(`<figure><span class="ic">${svg}</span><figcaption>${ic.slug}</figcaption></figure>`);
+  }
+  const swatches = [
+    ['Acento (indigo)', '#2D3A8C'], ['Indigo claro', '#5A66E8'], ['Indigo light', '#C8CDFA'],
+    ['Exito (teal)', '#0F6E66'], ['Teal claro', '#1D9E94'],
+    ['Atencion (ambar)', '#9B6A05'], ['Peligro (coral)', '#943020'],
+    ['Tinta', '#1A1815'], ['Warm 600', '#615E58'], ['Warm 100', '#F2F0EC'],
+    ['Pagina', '#FAFAF7'], ['Superficie', '#FFFFFF'],
+  ];
+  const swatchHtml = swatches.map(([n, c]) =>
+    `<div class="sw"><span style="background:${c}"></span><b>${n}</b><code>${c}</code></div>`).join('');
+  const wm = man.icons.kanji.wordmarks;
+  const wordmarks = Object.entries(wm).map(([k, v]) =>
+    `<div class="wm"><span class="kj">${v}</span><code>${k}</code></div>`).join('');
+  const html = `<!doctype html><html lang="es"><head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Yujin Design System -- sumi-e</title>
+<link rel="stylesheet" href="tokens/yujin-tokens.css">
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;700&display=swap');
+body{margin:0;background:#FAFAF7;color:#1A1815;font-family:Inter,system-ui,sans-serif}
+.page{max-width:1000px;margin:0 auto;padding:52px 28px 90px}
+.mark{font-family:'Noto Serif JP',serif;font-size:52px;color:#2D3A8C;line-height:1;margin:0}
+h1{font-size:26px;font-weight:700;margin:10px 0 2px;letter-spacing:-.01em}
+.lema{color:#615E58;font-style:italic;margin:0 0 30px;font-size:14px}
+h2{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#2D3A8C;margin:42px 0 16px;border-bottom:2px solid #C8CDFA;padding-bottom:8px}
+.sw{display:inline-flex;align-items:center;gap:8px;margin:0 18px 12px 0;font-size:12px}
+.sw span{width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.08);display:inline-block}
+.sw code{color:#615E58}
+.wms{display:flex;gap:26px;flex-wrap:wrap}
+.wm{text-align:center}.wm .kj{font-family:'Noto Serif JP',serif;font-size:40px;color:#1A1815;display:block}
+.wm code{color:#615E58;font-size:11px}
+.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:9px}
+figure{margin:0;background:#fff;border:1px solid #F2F0EC;border-radius:10px;padding:14px 6px 8px;text-align:center;transition:border-color .15s}
+figure:hover{border-color:#5A66E8}
+.ic svg{width:32px;height:32px;color:#1A1815}
+figcaption{margin-top:8px;font-size:10.5px;color:#615E58}
+</style></head>
+<body><div class="page">
+<p class="mark">&#21451;&#20154;</p>
+<h1>Yujin Design System</h1>
+<p class="lema">${man.lema}</p>
+<h2>Paleta</h2><div>${swatchHtml}</div>
+<h2>Wordmarks kanji</h2><div class="wms">${wordmarks}</div>
+<h2>Iconografia sumi-e &middot; ${cells.length} iconos</h2><div class="grid">${cells.join('')}</div>
+</div></body></html>`;
+  await fs.writeFile(path.join(ROOT, 'preview.html'), html, 'utf-8');
+  console.log('wrote preview.html with', cells.length, 'sumi-e icons +', Object.keys(wm).length, 'wordmarks');
+};
+run().catch((e) => { console.error(e); process.exit(1); });

package/yujin-design-system/components/_index.json ADDED Viewed

@@ -0,0 +1,156 @@
+{
+  "generated_at": "2026-06-04T20:56:15.091Z",
+  "count": 30,
+  "components": [
+    {
+      "slug": "card",
+      "category": "surface",
+      "file": "card.yujin.json"
+    },
+    {
+      "slug": "modal",
+      "category": "surface",
+      "file": "modal.yujin.json"
+    },
+    {
+      "slug": "sidebar",
+      "category": "surface",
+      "file": "sidebar.yujin.json"
+    },
+    {
+      "slug": "view",
+      "category": "surface",
+      "file": "view.yujin.json"
+    },
+    {
+      "slug": "topbar",
+      "category": "surface",
+      "file": "topbar.yujin.json"
+    },
+    {
+      "slug": "breadcrumb",
+      "category": "surface",
+      "file": "breadcrumb.yujin.json"
+    },
+    {
+      "slug": "tabs",
+      "category": "surface",
+      "file": "tabs.yujin.json"
+    },
+    {
+      "slug": "accordion",
+      "category": "surface",
+      "file": "accordion.yujin.json"
+    },
+    {
+      "slug": "button",
+      "category": "control",
+      "file": "button.yujin.json"
+    },
+    {
+      "slug": "input",
+      "category": "control",
+      "file": "input.yujin.json"
+    },
+    {
+      "slug": "form-field",
+      "category": "control",
+      "file": "form-field.yujin.json"
+    },
+    {
+      "slug": "select",
+      "category": "control",
+      "file": "select.yujin.json"
+    },
+    {
+      "slug": "datepicker",
+      "category": "control",
+      "file": "datepicker.yujin.json"
+    },
+    {
+      "slug": "file-upload",
+      "category": "control",
+      "file": "file-upload.yujin.json"
+    },
+    {
+      "slug": "dropdown",
+      "category": "control",
+      "file": "dropdown.yujin.json"
+    },
+    {
+      "slug": "switch",
+      "category": "control",
+      "file": "switch.yujin.json"
+    },
+    {
+      "slug": "checkbox",
+      "category": "control",
+      "file": "checkbox.yujin.json"
+    },
+    {
+      "slug": "radio",
+      "category": "control",
+      "file": "radio.yujin.json"
+    },
+    {
+      "slug": "slider",
+      "category": "control",
+      "file": "slider.yujin.json"
+    },
+    {
+      "slug": "search-bar",
+      "category": "control",
+      "file": "search-bar.yujin.json"
+    },
+    {
+      "slug": "badge",
+      "category": "display",
+      "file": "badge.yujin.json"
+    },
+    {
+      "slug": "avatar",
+      "category": "display",
+      "file": "avatar.yujin.json"
+    },
+    {
+      "slug": "tooltip",
+      "category": "display",
+      "file": "tooltip.yujin.json"
+    },
+    {
+      "slug": "alert",
+      "category": "display",
+      "file": "alert.yujin.json"
+    },
+    {
+      "slug": "toast",
+      "category": "display",
+      "file": "toast.yujin.json"
+    },
+    {
+      "slug": "progress",
+      "category": "display",
+      "file": "progress.yujin.json"
+    },
+    {
+      "slug": "skeleton",
+      "category": "display",
+      "file": "skeleton.yujin.json"
+    },
+    {
+      "slug": "table",
+      "category": "data",
+      "file": "table.yujin.json"
+    },
+    {
+      "slug": "kanban-card",
+      "category": "data",
+      "file": "kanban-card.yujin.json"
+    },
+    {
+      "slug": "pagination",
+      "category": "data",
+      "file": "pagination.yujin.json"
+    }
+  ]
+}

package/yujin-design-system/components/accordion.yujin.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "slug": "accordion",
+  "category": "surface",
+  "nac3_id": "yujin.accordion",
+  "description": "accordion -- Yujin Design System default surface component",
+  "html": "<div class=\"yj-accordion\" data-nac-id=\"yujin.accordion\" data-nac-role=\"accordion\">{{items}}</div>",
+  "css": ".yj-accordion details{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) 0}\n.yj-accordion summary{font:500 var(--font-size-md)/1.4 var(--font-family-sans);cursor:pointer;color:var(--color-text-primary)}",
+  "variants": [
+    "default",
+    "flush",
+    "bordered"
+  ],
+  "props": [
+    "items"
+  ],
+  "token_refs": [
+    "color-border-subtle",
+    "space-",
+    "font-size-md",
+    "font-family-sans",
+    "color-text-primary"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/alert.yujin.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "slug": "alert",
+  "category": "display",
+  "nac3_id": "yujin.alert",
+  "description": "alert -- Yujin Design System default display component",
+  "html": "<div class=\"yj-alert yj-alert-{{variant}}\" role=\"alert\" data-nac-id=\"yujin.alert\" data-nac-role=\"alert\">{{children}}</div>",
+  "css": ".yj-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-subtle);font:400 var(--font-size-sm)/1.5 var(--font-family-sans)}\n.yj-alert-success{background:var(--color-teal-50);border-color:var(--color-teal-200);color:var(--color-teal-600)}\n.yj-alert-warning{background:var(--color-amber-50);border-color:var(--color-amber-200);color:var(--color-amber-600)}\n.yj-alert-danger{background:var(--color-coral-50);border-color:var(--color-coral-200);color:var(--color-coral-600)}",
+  "variants": [
+    "info",
+    "success",
+    "warning",
+    "danger"
+  ],
+  "props": [
+    "variant",
+    "children"
+  ],
+  "token_refs": [
+    "space-",
+    "radius-md",
+    "color-border-subtle",
+    "color-bg-subtle",
+    "font-size-sm",
+    "font-family-sans",
+    "color-teal-",
+    "color-amber-",
+    "color-coral-"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/avatar.yujin.json ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "slug": "avatar",
+  "category": "display",
+  "nac3_id": "yujin.avatar",
+  "description": "avatar -- Yujin Design System default display component",
+  "html": "<div class=\"yj-avatar\" data-nac-id=\"yujin.avatar\" data-nac-role=\"avatar\"><img src=\"{{src}}\" alt=\"{{alt}}\" /></div>",
+  "css": ".yj-avatar{display:inline-block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-warm-100)}\n.yj-avatar img{width:100%;height:100%;object-fit:cover}",
+  "variants": [
+    "default",
+    "small",
+    "large",
+    "rounded-square"
+  ],
+  "props": [
+    "src",
+    "alt",
+    "size?"
+  ],
+  "token_refs": [
+    "color-warm-"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/badge.yujin.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "slug": "badge",
+  "category": "display",
+  "nac3_id": "yujin.badge",
+  "description": "badge -- Yujin Design System default display component",
+  "html": "<span class=\"yj-badge yj-badge-{{variant}}\" data-nac-id=\"yujin.badge\" data-nac-role=\"badge\">{{label}}</span>",
+  "css": ".yj-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:999px;font:600 var(--font-size-xs)/1.2 var(--font-family-sans);background:var(--color-bg-subtle);color:var(--color-text-secondary)}\n.yj-badge-success{background:var(--color-teal-50);color:var(--color-teal-600)}\n.yj-badge-warning{background:var(--color-amber-50);color:var(--color-amber-600)}\n.yj-badge-danger{background:var(--color-coral-50);color:var(--color-coral-600)}",
+  "variants": [
+    "default",
+    "success",
+    "warning",
+    "danger",
+    "info"
+  ],
+  "props": [
+    "label",
+    "variant"
+  ],
+  "token_refs": [
+    "space-",
+    "font-size-xs",
+    "font-family-sans",
+    "color-bg-subtle",
+    "color-text-secondary",
+    "color-teal-",
+    "color-amber-",
+    "color-coral-"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/breadcrumb.yujin.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "slug": "breadcrumb",
+  "category": "surface",
+  "nac3_id": "yujin.breadcrumb",
+  "description": "breadcrumb -- Yujin Design System default surface component",
+  "html": "<nav class=\"yj-breadcrumb\" aria-label=\"breadcrumb\" data-nac-id=\"yujin.breadcrumb\" data-nac-role=\"breadcrumb\">\n  <ol>{{items}}</ol>\n</nav>",
+  "css": ".yj-breadcrumb ol{display:flex;gap:var(--space-2);list-style:none;padding:0;margin:0;font:400 var(--font-size-sm)/1.4 var(--font-family-sans);color:var(--color-text-secondary)}\n.yj-breadcrumb li:not(:last-child)::after{content:\" / \";margin-left:var(--space-2);color:var(--color-text-tertiary)}",
+  "variants": [
+    "default"
+  ],
+  "props": [
+    "items"
+  ],
+  "token_refs": [
+    "space-",
+    "font-size-sm",
+    "font-family-sans",
+    "color-text-secondary",
+    "color-text-tertiary"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/button.yujin.json ADDED Viewed

@@ -0,0 +1,35 @@
+{
+  "slug": "button",
+  "category": "control",
+  "nac3_id": "yujin.button",
+  "description": "button -- Yujin Design System default control component",
+  "html": "<button class=\"yj-btn yj-btn-{{variant}}\" data-nac-id=\"yujin.button\" data-nac-role=\"action\" data-nac-action=\"{{action}}\">{{label}}</button>",
+  "css": ".yj-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font:600 var(--font-size-sm)/1.4 var(--font-family-sans);cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:var(--space-2)}\n.yj-btn-primary{background:var(--color-accent);color:var(--color-warm-0)}\n.yj-btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-default)}\n.yj-btn-ghost{background:transparent;color:var(--color-accent-text)}\n.yj-btn-danger{background:var(--color-coral-400);color:var(--color-warm-0)}",
+  "variants": [
+    "primary",
+    "secondary",
+    "ghost",
+    "danger",
+    "icon-only"
+  ],
+  "props": [
+    "label",
+    "variant",
+    "action",
+    "disabled?"
+  ],
+  "token_refs": [
+    "space-",
+    "radius-md",
+    "font-size-sm",
+    "font-family-sans",
+    "color-accent",
+    "color-warm-",
+    "color-bg-surface",
+    "color-text-primary",
+    "color-border-default",
+    "color-accent-text",
+    "color-coral-"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/card.yujin.json ADDED Viewed

@@ -0,0 +1,33 @@
+{
+  "slug": "card",
+  "category": "surface",
+  "nac3_id": "yujin.card",
+  "description": "card -- Yujin Design System default surface component",
+  "html": "<div class=\"yj-card\" data-nac-id=\"yujin.card\" data-nac-role=\"surface\">\n  <div class=\"yj-card-header\">\n    <h3 data-nac-role=\"title\">{{title}}</h3>\n    <div class=\"yj-card-actions\" data-nac-role=\"actions\">{{actions}}</div>\n  </div>\n  <div class=\"yj-card-body\" data-nac-role=\"body\">{{children}}</div>\n</div>",
+  "css": ".yj-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}\n.yj-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}\n.yj-card-header h3{font:600 var(--font-size-md)/1.3 var(--font-family-sans);color:var(--color-text-primary);margin:0}\n.yj-card-body{font:400 var(--font-size-sm)/1.5 var(--font-family-sans);color:var(--color-text-secondary)}",
+  "variants": [
+    "default",
+    "elevated",
+    "flat",
+    "sumie-watermark"
+  ],
+  "props": [
+    "title",
+    "actions",
+    "children",
+    "variant?"
+  ],
+  "token_refs": [
+    "color-bg-surface",
+    "color-border-subtle",
+    "radius-md",
+    "space-",
+    "shadow-sm",
+    "font-size-md",
+    "font-family-sans",
+    "color-text-primary",
+    "font-size-sm",
+    "color-text-secondary"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/checkbox.yujin.json ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "slug": "checkbox",
+  "category": "control",
+  "nac3_id": "yujin.checkbox",
+  "description": "checkbox -- Yujin Design System default control component",
+  "html": "<label class=\"yj-checkbox\" data-nac-id=\"yujin.checkbox\" data-nac-role=\"checkbox\">\n  <input type=\"checkbox\" />\n  <span>{{label}}</span>\n</label>",
+  "css": ".yj-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font:400 var(--font-size-sm)/1.4 var(--font-family-sans)}\n.yj-checkbox input{accent-color:var(--color-accent)}",
+  "variants": [
+    "default",
+    "indeterminate"
+  ],
+  "props": [
+    "label",
+    "checked?",
+    "indeterminate?",
+    "disabled?"
+  ],
+  "token_refs": [
+    "space-",
+    "font-size-sm",
+    "font-family-sans",
+    "color-accent"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/datepicker.yujin.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+  "slug": "datepicker",
+  "category": "control",
+  "nac3_id": "yujin.datepicker",
+  "description": "datepicker -- Yujin Design System default control component",
+  "html": "<input class=\"yj-datepicker\" type=\"date\" data-nac-id=\"yujin.datepicker\" data-nac-role=\"datepicker\" />",
+  "css": ".yj-datepicker{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font:400 var(--font-size-sm)/1.4 var(--font-family-sans)}",
+  "variants": [
+    "default",
+    "range",
+    "inline-calendar"
+  ],
+  "props": [
+    "value?",
+    "min?",
+    "max?"
+  ],
+  "token_refs": [
+    "space-",
+    "color-border-default",
+    "radius-md",
+    "font-size-sm",
+    "font-family-sans"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/dropdown.yujin.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+  "slug": "dropdown",
+  "category": "control",
+  "nac3_id": "yujin.dropdown",
+  "description": "dropdown -- Yujin Design System default control component",
+  "html": "<div class=\"yj-dropdown\" data-nac-id=\"yujin.dropdown\" data-nac-role=\"dropdown\">\n  <button class=\"yj-dropdown-trigger\" data-nac-role=\"trigger\">{{label}}</button>\n  <ul class=\"yj-dropdown-menu\" data-nac-role=\"menu\">{{items}}</ul>\n</div>",
+  "css": ".yj-dropdown{position:relative;display:inline-block}\n.yj-dropdown-menu{position:absolute;top:100%;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);list-style:none;margin:var(--space-1) 0 0 0}",
+  "variants": [
+    "default",
+    "menu",
+    "submenu"
+  ],
+  "props": [
+    "label",
+    "items",
+    "open?"
+  ],
+  "token_refs": [
+    "color-bg-surface",
+    "color-border-subtle",
+    "radius-md",
+    "shadow-md",
+    "space-"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/file-upload.yujin.json ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "slug": "file-upload",
+  "category": "control",
+  "nac3_id": "yujin.file-upload",
+  "description": "file-upload -- Yujin Design System default control component",
+  "html": "<div class=\"yj-upload\" data-nac-id=\"yujin.file-upload\" data-nac-role=\"upload\" data-nac-action=\"upload_file\">\n  <input type=\"file\" />\n  <p>{{label}}</p>\n</div>",
+  "css": ".yj-upload{border:2px dashed var(--color-border-default);padding:var(--space-6);text-align:center;border-radius:var(--radius-md);background:var(--color-bg-subtle);cursor:pointer}",
+  "variants": [
+    "default",
+    "drag-drop",
+    "multi"
+  ],
+  "props": [
+    "label",
+    "accept?",
+    "multi?"
+  ],
+  "token_refs": [
+    "color-border-default",
+    "space-",
+    "radius-md",
+    "color-bg-subtle"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/form-field.yujin.json ADDED Viewed

@@ -0,0 +1,29 @@
+{
+  "slug": "form-field",
+  "category": "control",
+  "nac3_id": "yujin.form-field",
+  "description": "form-field -- Yujin Design System default control component",
+  "html": "<div class=\"yj-field\" data-nac-id=\"yujin.form-field\" data-nac-role=\"field\">\n  <label class=\"yj-field-label\" data-nac-role=\"label\">{{label}}</label>\n  <div class=\"yj-field-control\" data-nac-role=\"control\">{{children}}</div>\n  <p class=\"yj-field-hint\" data-nac-role=\"hint\">{{hint}}</p>\n  <p class=\"yj-field-error\" data-nac-role=\"error\">{{error}}</p>\n</div>",
+  "css": ".yj-field{margin-bottom:var(--space-3)}\n.yj-field-label{display:block;font:500 var(--font-size-xs)/1.3 var(--font-family-sans);color:var(--color-text-secondary);margin-bottom:var(--space-1)}\n.yj-field-hint{font:400 var(--font-size-xs)/1.3 var(--font-family-sans);color:var(--color-text-tertiary);margin-top:var(--space-1)}\n.yj-field-error{font:500 var(--font-size-xs)/1.3 var(--font-family-sans);color:var(--color-coral-600);margin-top:var(--space-1)}",
+  "variants": [
+    "default",
+    "inline",
+    "compact"
+  ],
+  "props": [
+    "label",
+    "hint",
+    "error",
+    "children",
+    "required?"
+  ],
+  "token_refs": [
+    "space-",
+    "font-size-xs",
+    "font-family-sans",
+    "color-text-secondary",
+    "color-text-tertiary",
+    "color-coral-"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/input.yujin.json ADDED Viewed

@@ -0,0 +1,32 @@
+{
+  "slug": "input",
+  "category": "control",
+  "nac3_id": "yujin.input",
+  "description": "input -- Yujin Design System default control component",
+  "html": "<input class=\"yj-input\" type=\"{{type}}\" placeholder=\"{{placeholder}}\" data-nac-id=\"yujin.input\" data-nac-role=\"input\" />",
+  "css": ".yj-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);font:400 var(--font-size-sm)/1.4 var(--font-family-sans);color:var(--color-text-primary);width:100%}\n.yj-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}",
+  "variants": [
+    "default",
+    "small",
+    "large",
+    "invalid"
+  ],
+  "props": [
+    "type",
+    "placeholder",
+    "value?",
+    "invalid?"
+  ],
+  "token_refs": [
+    "space-",
+    "color-border-default",
+    "radius-md",
+    "color-bg-surface",
+    "font-size-sm",
+    "font-family-sans",
+    "color-text-primary",
+    "color-accent",
+    "color-accent-light"
+  ],
+  "sumie_icon_hint": null
+}

package/yujin-design-system/components/kanban-card.yujin.json ADDED Viewed

@@ -0,0 +1,32 @@
+{
+  "slug": "kanban-card",
+  "category": "data",
+  "nac3_id": "yujin.kanban-card",
+  "description": "kanban-card -- Yujin Design System default data component",
+  "html": "<article class=\"yj-kanban-card\" draggable=\"true\" data-nac-id=\"yujin.kanban-card\" data-nac-role=\"kanban-card\">\n  <header class=\"yj-kanban-card-title\">{{title}}</header>\n  <p class=\"yj-kanban-card-body\">{{body}}</p>\n  <footer class=\"yj-kanban-card-meta\">{{meta}}</footer>\n</article>",
+  "css": ".yj-kanban-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);cursor:grab;box-shadow:var(--shadow-sm)}\n.yj-kanban-card-title{font:600 var(--font-size-sm)/1.3 var(--font-family-sans);color:var(--color-text-primary);margin-bottom:var(--space-2)}\n.yj-kanban-card-body{font:400 var(--font-size-xs)/1.4 var(--font-family-sans);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}",
+  "variants": [
+    "default",
+    "compact",
+    "highlighted"
+  ],
+  "props": [
+    "title",
+    "body",
+    "meta",
+    "variant?"
+  ],
+  "token_refs": [
+    "color-bg-surface",
+    "color-border-subtle",
+    "radius-md",
+    "space-",
+    "shadow-sm",
+    "font-size-sm",
+    "font-family-sans",
+    "color-text-primary",
+    "font-size-xs",
+    "color-text-secondary"
+  ],
+  "sumie_icon_hint": null
+}