@nac3/forge-cli 1.0.52 → 1.0.53

package/yujin-design-system-artdeco/icons/artdeco/phone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 9 L18 9 L20 16 L16 19 C18 23 21 26 25 28 L28 24 L35 26 V32 C24 33 11 21 12 9 Z" transform="translate(-2 -1)"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="18" cy="18" r="8"/><path d="M24 24 L31 31"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/send.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 20 L32 9 L24 32 L19 23 Z"/><path d="M19 23 L32 9"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/settings.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 8 L24 12 H29 V17 L33 20 L29 23 V28 H24 L20 32 L16 28 H11 V23 L7 20 L11 17 V12 H16 Z"/><circle cx="20" cy="20" r="5"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/share.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="12" cy="20" r="3"/><circle cx="28" cy="11" r="3"/><circle cx="28" cy="29" r="3"/><path d="M15 18 L25 12 M15 22 L25 28"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/shield.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 8 L31 12 V21 C31 27 20 32 20 32 C20 32 9 27 9 21 V12 Z"/><path d="M16 20 L19 23 L25 16"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/star.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 7 L24 16 L33 17 L26 23 L28 32 L20 27 L12 32 L14 23 L7 17 L16 16 Z"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/sun.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="20" r="5"/><path d="M20 6 V11 M20 29 V34 M6 20 H11 M29 20 H34 M10 10 L13.5 13.5 M26.5 26.5 L30 30 M30 10 L26.5 13.5 M13.5 26.5 L10 30"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/table.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><rect x="9" y="11" width="22" height="18"/><path d="M9 17 H31"/><path d="M9 23 H31"/><path d="M16 11 V29"/><path d="M24 11 V29"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/tag.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 8 H20 L32 20 L20 32 L8 20 Z"/><circle cx="14" cy="14" r="1.8"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/target.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="20" r="11"/><circle cx="20" cy="20" r="6"/><circle cx="20" cy="20" r="1.5"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/user.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="15" r="6"/><path d="M9 31 C9 23 31 23 31 31"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/users.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="16" cy="15" r="5"/><path d="M7 30 C7 23 25 23 25 30"/><path d="M26 12 A5 5 0 0 1 26 22"/><path d="M27 24 C31 25 33 27 33 30"/></svg>

package/yujin-design-system-artdeco/icons/artdeco/warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 8 L33 31 H7 Z"/><path d="M20 17 V24"/><path d="M20 27 V28"/></svg>

package/yujin-design-system-artdeco/manifest.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "https://yujin.app/schema/design-system-v1.json",
+  "name": "Yujin Design System -- Art Deco",
+  "id": "yujin-design-system-artdeco",
+  "variant_of": "yujin-design-system",
+  "version": "0.1.0",
+  "description": "Variante art deco del Yujin DS: paleta pastel (grays, blues, whites, creams), tipografia geometrica, iconografia art deco (lineas finas, simetria). Sin kanjis, sin sumi-e. El Yujin DS sumi-e sigue siendo el default; este es seleccionable por los productos generados + el panel.",
+  "lema": "Geometria serena. La forma sigue a la relacion.",
+  "tokens": {
+    "file":   "tokens/artdeco-tokens.json",
+    "format": "dtcg-w3c",
+    "css":    "tokens/artdeco-tokens.css",
+    "count":  30,
+    "selector": ":root[data-yujin-ds=\"artdeco\"], .yujin-ds-artdeco"
+  },
+  "components": {
+    "dir":     "../yujin-design-system/components",
+    "index":   "../yujin-design-system/components/_index.json",
+    "count":   30,
+    "format":  "yujin-component-v1",
+    "shared":  true,
+    "note": "Los 30 componentes se reutilizan tal cual: usan var(--color-*) y heredan la paleta art deco via el selector de tokens. No se duplican."
+  },
+  "icons": {
+    "artdeco": {
+      "dir":    "icons/artdeco",
+      "index":  "icons/artdeco/manifest.json",
+      "count":  48,
+      "format": "inline-svg-40x40",
+      "style":  "geometric line, fine stroke, symmetric, stepped art deco motifs",
+      "status": "active -- 48 iconos (tags mas usados); extensible via icons/_generate.mjs"
+    }
+  },
+  "kanji": null,
+  "fonts": {
+    "provider": "google-fonts-cdn",
+    "import": "https://fonts.googleapis.com/css2?family=Poiret+One&family=Josefin+Sans:wght@300;400;600&family=JetBrains+Mono:wght@400;500&display=swap",
+    "families": {
+      "display": "Poiret One",
+      "sans":    "Josefin Sans",
+      "mono":    "JetBrains Mono"
+    }
+  }
+}

package/yujin-design-system-artdeco/preview.html

@@ -0,0 +1,25 @@
+<!doctype html><html lang="es"><head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Yujin DS -- Art Deco preview</title>
+<link rel="stylesheet" href="tokens/artdeco-tokens.css">
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Poiret+One&family=Josefin+Sans:wght@300;400;600&display=swap');
+:root,.page{--color-accent:#6E8FB5}
+body{margin:0;background:#FCFAF5;color:#1B2026;font-family:'Josefin Sans',system-ui,sans-serif}
+.page{max-width:980px;margin:0 auto;padding:48px 28px 80px}
+h1{font-family:'Poiret One',sans-serif;font-weight:400;letter-spacing:.42em;font-size:34px;margin:0 0 4px;text-transform:uppercase}
+.sub{color:#5A646F;letter-spacing:.18em;text-transform:uppercase;font-size:12px;border-top:1px solid #BFA871;border-bottom:1px solid #BFA871;display:inline-block;padding:6px 0;margin:10px 0 36px}
+h2{font-family:'Poiret One',sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:16px;color:#41607F;margin:40px 0 16px;border-bottom:1px solid #BFA871;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:4px;border:1px solid rgba(0,0,0,.08);display:inline-block}
+.sw code{color:#5A646F}
+.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px}
+figure{margin:0;background:#fff;border:1px solid #E2E6EC;border-top:2px solid #BFA871;border-radius:4px;padding:14px 6px 8px;text-align:center}
+.ic svg{width:34px;height:34px;color:#6E8FB5}
+figcaption{margin-top:8px;font-size:11px;color:#5A646F;letter-spacing:.04em}
+</style></head>
+<body><div class="page">
+<h1>Yujin</h1><div class="sub">Design System &middot; Art Deco</div>
+<h2>Paleta pastel</h2><div><div class="sw"><span style="background:#6E8FB5"></span><b>Acento</b><code>#6E8FB5</code></div><div class="sw"><span style="background:#41607F"></span><b>Acento hover</b><code>#41607F</code></div><div class="sw"><span style="background:#DFE9F3"></span><b>Acento light</b><code>#DFE9F3</code></div><div class="sw"><span style="background:#1B2026"></span><b>Slate 900</b><code>#1B2026</code></div><div class="sw"><span style="background:#5A646F"></span><b>Slate 600</b><code>#5A646F</code></div><div class="sw"><span style="background:#CBD2DB"></span><b>Slate 300</b><code>#CBD2DB</code></div><div class="sw"><span style="background:#F8F9FB"></span><b>Slate 50</b><code>#F8F9FB</code></div><div class="sw"><span style="background:#FCFAF5"></span><b>Cream 50</b><code>#FCFAF5</code></div><div class="sw"><span style="background:#F6F1E7"></span><b>Cream 100</b><code>#F6F1E7</code></div><div class="sw"><span style="background:#BFA871"></span><b>Brass (filete)</b><code>#BFA871</code></div><div class="sw"><span style="background:#4F6E4D"></span><b>Salvia (ok)</b><code>#4F6E4D</code></div><div class="sw"><span style="background:#8C5252"></span><b>Rosa polvo (danger)</b><code>#8C5252</code></div><div class="sw"><span style="background:#957B3C"></span><b>Ocre (warn)</b><code>#957B3C</code></div></div>
+<h2>Iconografia &middot; 48 iconos</h2><div class="grid"><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 20 L20 9 L32 20"/><path d="M11 18 V31 H29 V18"/><path d="M17 31 V24 H23 V31"/></svg></span><figcaption>home</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="18" cy="18" r="8"/><path d="M24 24 L31 31"/></svg></span><figcaption>search</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 9 V31"/><path d="M9 20 H31"/></svg></span><figcaption>add</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M24 9 L31 16 L16 31 L9 31 L9 24 Z"/><path d="M21 12 L28 19"/></svg></span><figcaption>edit</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M10 13 H30"/><path d="M13 13 V31 H27 V13"/><path d="M16 13 V10 H24 V13"/><path d="M18 17 V27 M22 17 V27"/></svg></span><figcaption>delete</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 8 L24 12 H29 V17 L33 20 L29 23 V28 H24 L20 32 L16 28 H11 V23 L7 20 L11 17 V12 H16 Z"/><circle cx="20" cy="20" r="5"/></svg></span><figcaption>settings</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M9 21 L17 29 L31 11"/></svg></span><figcaption>check</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M11 11 L29 29"/><path d="M29 11 L11 29"/></svg></span><figcaption>close</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 20 H30"/><path d="M23 13 L30 20 L23 27"/></svg></span><figcaption>arrow-right</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M9 14 H31"/><path d="M9 20 H31"/><path d="M9 26 H31"/></svg></span><figcaption>menu</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 10 H32 L23 21 V31 L17 28 V21 Z"/></svg></span><figcaption>filter</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 8 V25"/><path d="M12 18 L20 26 L28 18"/><path d="M10 31 H30"/></svg></span><figcaption>download</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M9 16 V9 H16"/><path d="M31 16 V9 H24"/><path d="M9 24 V31 H16"/><path d="M31 24 V31 H24"/></svg></span><figcaption>expand</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M16 10 L26 20 L16 30"/></svg></span><figcaption>chevron-right</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 20 L32 9 L24 32 L19 23 Z"/><path d="M19 23 L32 9"/></svg></span><figcaption>send</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="12" cy="20" r="3"/><circle cx="28" cy="11" r="3"/><circle cx="28" cy="29" r="3"/><path d="M15 18 L25 12 M15 22 L25 28"/></svg></span><figcaption>share</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><rect x="9" y="9" width="9" height="9"/><rect x="22" y="9" width="9" height="9"/><rect x="9" y="22" width="9" height="9"/><rect x="22" y="22" width="9" height="9"/></svg></span><figcaption>dashboard</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M15 13 H31"/><path d="M15 20 H31"/><path d="M15 27 H31"/><circle cx="10" cy="13" r="1.3"/><circle cx="10" cy="20" r="1.3"/><circle cx="10" cy="27" r="1.3"/></svg></span><figcaption>list</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><rect x="9" y="11" width="22" height="20"/><path d="M9 17 H31"/><path d="M15 8 V13"/><path d="M25 8 V13"/></svg></span><figcaption>calendar</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M9 13 H17 L20 16 H31 V29 H9 Z"/></svg></span><figcaption>folder</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><rect x="9" y="11" width="22" height="18"/><path d="M9 17 H31"/><path d="M9 23 H31"/><path d="M16 11 V29"/><path d="M24 11 V29"/></svg></span><figcaption>table</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><ellipse cx="20" cy="12" rx="9" ry="4"/><path d="M11 12 V28 C11 32 29 32 29 28 V12"/><path d="M11 20 C11 24 29 24 29 20"/></svg></span><figcaption>database</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M13 8 H24 L28 12 V32 H13 Z"/><path d="M24 8 V12 H28"/><path d="M16 18 H25 M16 22 H25 M16 26 H21"/></svg></span><figcaption>document</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><rect x="11" y="11" width="18" height="20"/><rect x="16" y="8" width="8" height="5"/><path d="M16 19 H24 M16 24 H24"/></svg></span><figcaption>clipboard</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 8 H20 L32 20 L20 32 L8 20 Z"/><circle cx="14" cy="14" r="1.8"/></svg></span><figcaption>tag</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="15" r="6"/><path d="M9 31 C9 23 31 23 31 31"/></svg></span><figcaption>user</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="16" cy="15" r="5"/><path d="M7 30 C7 23 25 23 25 30"/><path d="M26 12 A5 5 0 0 1 26 22"/><path d="M27 24 C31 25 33 27 33 30"/></svg></span><figcaption>users</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 32 V18 H16 V13 H20 V9 H24 V13 H28 V18 V32"/><path d="M16 22 H20 M24 22 H28 M16 27 H20 M24 27 H28"/></svg></span><figcaption>building</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><rect x="8" y="15" width="24" height="16"/><path d="M15 15 V11 H25 V15"/><path d="M8 22 H32"/></svg></span><figcaption>briefcase</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M8 16 L14 14 L20 18 L26 14 L32 16"/><path d="M8 16 V24 L14 26 L20 22"/><path d="M32 16 V24 L26 26 L20 22"/></svg></span><figcaption>handshake</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="20" r="11"/><circle cx="20" cy="20" r="6"/><circle cx="20" cy="20" r="1.5"/></svg></span><figcaption>target</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="20" r="11"/><path d="M20 12 V28"/><path d="M16 16 H22 A3 3 0 0 1 22 22 H16 H23"/></svg></span><figcaption>coin</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 8 H28 V32 L24 30 L20 32 L16 30 L12 32 Z"/><path d="M16 15 H24 M16 20 H24 M16 25 H21"/></svg></span><figcaption>invoice</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M9 9 V31 H31"/><rect x="13" y="22" width="4" height="9"/><rect x="20" y="16" width="4" height="15"/><rect x="27" y="12" width="4" height="19" transform="translate(-4 0)"/></svg></span><figcaption>chart-bar</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M9 9 V31 H31"/><path d="M11 27 L17 19 L22 23 L30 12"/></svg></span><figcaption>chart-line</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><rect x="8" y="12" width="24" height="16"/><path d="M8 12 L20 22 L32 12"/></svg></span><figcaption>mail</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M9 10 H31 V24 H19 L12 30 V24 H9 Z"/><path d="M15 15 H25 M15 19 H22"/></svg></span><figcaption>chat</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M12 9 L18 9 L20 16 L16 19 C18 23 21 26 25 28 L28 24 L35 26 V32 C24 33 11 21 12 9 Z" transform="translate(-2 -1)"/></svg></span><figcaption>phone</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M13 26 C13 16 14 12 20 12 C26 12 27 16 27 26 Z"/><path d="M10 26 H30"/><path d="M17 29 A3 3 0 0 0 23 29"/><path d="M20 9 V12"/></svg></span><figcaption>bell</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 7 L24 16 L33 17 L26 23 L28 32 L20 27 L12 32 L14 23 L7 17 L16 16 Z"/></svg></span><figcaption>star</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 30 C7 21 11 11 20 16 C29 11 33 21 20 30 Z"/></svg></span><figcaption>heart</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="20" r="11"/><path d="M20 13 V20 L25 24"/></svg></span><figcaption>clock</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><rect x="11" y="18" width="18" height="14"/><path d="M15 18 V14 A5 5 0 0 1 25 14 V18"/><path d="M20 23 V27"/></svg></span><figcaption>lock</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 8 L31 12 V21 C31 27 20 32 20 32 C20 32 9 27 9 21 V12 Z"/><path d="M16 20 L19 23 L25 16"/></svg></span><figcaption>shield</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="20" r="11"/><path d="M20 18 V26"/><path d="M20 13 V14.5"/></svg></span><figcaption>info</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><path d="M20 8 L33 31 H7 Z"/><path d="M20 17 V24"/><path d="M20 27 V28"/></svg></span><figcaption>warning</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="20" r="5"/><path d="M20 6 V11 M20 29 V34 M6 20 H11 M29 20 H34 M10 10 L13.5 13.5 M26.5 26.5 L30 30 M30 10 L26.5 13.5 M13.5 26.5 L10 30"/></svg></span><figcaption>sun</figcaption></figure><figure><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="miter"><circle cx="20" cy="20" r="11"/><path d="M9 20 H31"/><path d="M20 9 V31"/><ellipse cx="20" cy="20" rx="5" ry="11"/></svg></span><figcaption>globe</figcaption></figure></div>
+</div></body></html>

package/yujin-design-system-artdeco/tokens/artdeco-tokens.css

@@ -0,0 +1,145 @@
+/* ============================================================
+   YUJIN DESIGN SYSTEM -- ART DECO variant
+   Paleta pastel (grays, blues, whites, creams) + geometria art deco.
+   Sin kanjis, sin sumi-e. Iconografia art deco (lineas finas,
+   geometria, simetria).
+   ============================================================
+   Variante alternativa del Yujin DS (el sumi-e sigue siendo default).
+   Cubre EXACTAMENTE los mismos tokens SEMANTICOS que el DS base, asi
+   los 30 componentes (que usan var(--color-*)) funcionan sin tocarlos.
+   Fuente de verdad de la variante: este archivo.
+   ============================================================ */
+
+:root[data-yujin-ds="artdeco"],
+.yujin-ds-artdeco {
+
+  /* ----------------------------------------------------------
+     MARCA -- sin kanji; wordmark tipografico
+     ---------------------------------------------------------- */
+  --yujin-name: "Yujin";
+  --yujin-kanji: "";              /* art deco no usa ideogramas */
+  --yujin-wordmark-letterspacing: 0.42em;
+
+  /* ----------------------------------------------------------
+     PALETA BASE -- pasteles
+     ---------------------------------------------------------- */
+
+  /* Azul polvo (acento primario -- accion, foco, identidad) */
+  --color-powder-50:  #F1F5FA;
+  --color-powder-100: #DFE9F3;
+  --color-powder-200: #C4D6E8;
+  --color-powder-400: #93B1CE;
+  --color-powder-600: #6E8FB5;   /* <- acento principal */
+  --color-powder-800: #41607F;
+  --color-powder-900: #2B4054;
+
+  /* Gris (neutros / estructura -- pizarra calida) */
+  --color-slate-0:   #FFFFFF;
+  --color-slate-50:  #F8F9FB;
+  --color-slate-100: #EFF1F5;
+  --color-slate-200: #E2E6EC;
+  --color-slate-300: #CBD2DB;
+  --color-slate-400: #A6B0BD;
+  --color-slate-500: #7C8794;
+  --color-slate-600: #5A646F;
+  --color-slate-700: #424B55;
+  --color-slate-800: #2C333B;
+  --color-slate-900: #1B2026;
+
+  /* Crema (fondos calidos / papel) */
+  --color-cream-50:  #FCFAF5;
+  --color-cream-100: #F6F1E7;
+  --color-cream-200: #EDE5D4;
+  --color-cream-300: #E0D5BD;
+
+  /* Laton/champagne (acento art deco -- lineas, filetes, divisores;
+     uso PARCO, es la firma geometrica del estilo) */
+  --color-brass-100: #EFE7D2;
+  --color-brass-300: #D8C7A0;
+  --color-brass-500: #BFA871;   /* <- filete art deco */
+  --color-brass-700: #97824F;
+
+  /* Estados (pastel) */
+  --color-sage-100:  #E4EDE2;   /* exito */
+  --color-sage-500:  #7FA37C;
+  --color-sage-700:  #4F6E4D;
+  --color-dustrose-100: #F2E2E2; /* peligro */
+  --color-dustrose-500: #BE7C7C;
+  --color-dustrose-700: #8C5252;
+  --color-ochre-100: #F4EAD6;    /* atencion */
+  --color-ochre-500: #C9A961;
+  --color-ochre-700: #957B3C;
+
+  /* ----------------------------------------------------------
+     COLORES SEMANTICOS -- el contrato que consumen los componentes
+     ---------------------------------------------------------- */
+
+  /* Acento */
+  --color-accent:        var(--color-powder-600);
+  --color-accent-hover:  var(--color-powder-800);
+  --color-accent-light:  var(--color-powder-100);
+  --color-accent-text:   #FFFFFF;
+
+  /* Fondos (de mas claro/pagina a superficie) */
+  --color-bg-app:     var(--color-cream-50);
+  --color-bg-page:    var(--color-cream-100);
+  --color-bg-surface: var(--color-slate-0);
+  --color-bg-subtle:  var(--color-slate-50);
+  --color-bg-muted:   var(--color-slate-100);
+
+  /* Bordes (el strong usa el laton para el filete art deco) */
+  --color-border-subtle:  var(--color-slate-200);
+  --color-border-default: var(--color-slate-300);
+  --color-border-strong:  var(--color-brass-500);
+
+  /* Texto */
+  --color-ink:            var(--color-slate-900);
+  --color-text-primary:   var(--color-slate-900);
+  --color-text-secondary: var(--color-slate-600);
+  --color-text-tertiary:  var(--color-slate-500);
+  --color-text-disabled:  var(--color-slate-400);
+  --color-text-inverse:   var(--color-cream-50);
+
+  /* Estados semanticos */
+  --color-success:       var(--color-sage-700);
+  --color-success-light: var(--color-sage-100);
+  --color-success-text:  #FFFFFF;
+  --color-danger:        var(--color-dustrose-700);
+  --color-danger-light:  var(--color-dustrose-100);
+  --color-danger-text:   #FFFFFF;
+  --color-warning:       var(--color-ochre-700);
+  --color-warning-light: var(--color-ochre-100);
+  --color-warning-text:  var(--color-slate-900);
+
+  /* ----------------------------------------------------------
+     TIPOGRAFIA -- geometrica art deco (Google Fonts CDN, sin binarios)
+     display: Poiret One (geometrica art deco por excelencia)
+     sans:    Josefin Sans (geometrica, elegante)
+     mono:    se mantiene
+     ---------------------------------------------------------- */
+  --font-display: "Poiret One", "Josefin Sans", system-ui, sans-serif;
+  --font-sans:    "Josefin Sans", system-ui, -apple-system, sans-serif;
+  --font-regular: "Josefin Sans", system-ui, -apple-system, sans-serif;
+  --font-medium:  "Josefin Sans", system-ui, -apple-system, sans-serif;
+  --font-mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;
+
+  /* ----------------------------------------------------------
+     GEOMETRIA -- art deco: radios crispados, filetes finos
+     ---------------------------------------------------------- */
+  --radius-sm:   2px;
+  --radius-md:   4px;
+  --radius-lg:   8px;
+  --radius-full: 999px;
+
+  /* Sombras suaves, frias (sin el calor sumi-e) */
+  --shadow-sm: 0 1px 2px rgba(43, 64, 84, 0.06);
+  --shadow-md: 0 2px 8px rgba(43, 64, 84, 0.10);
+  --shadow-lg: 0 8px 28px rgba(43, 64, 84, 0.14);
+
+  /* Filete art deco reutilizable (linea de laton doble fina) */
+  --artdeco-rule: 1px solid var(--color-brass-500);
+}
+
+/* Carga de fuentes (CDN, sin binarios) -- importar junto a este archivo:
+   @import url('https://fonts.googleapis.com/css2?family=Poiret+One&family=Josefin+Sans:wght@300;400;600&display=swap');
+*/

package/yujin-design-system-artdeco/tokens/artdeco-tokens.json

@@ -0,0 +1,40 @@
+{
+  "$schema": "https://design-tokens.github.io/community-group/format/",
+  "$description": "Yujin DS -- Art Deco variant. Pastel semantic tokens (DTCG W3C). The CSS (artdeco-tokens.css) is the applied source of truth; this mirrors the semantic layer for tooling.",
+  "color": {
+    "accent":        { "$type": "color", "$value": "#6E8FB5" },
+    "accent-hover":  { "$type": "color", "$value": "#41607F" },
+    "accent-light":  { "$type": "color", "$value": "#DFE9F3" },
+    "accent-text":   { "$type": "color", "$value": "#FFFFFF" },
+    "bg-app":        { "$type": "color", "$value": "#FCFAF5" },
+    "bg-page":       { "$type": "color", "$value": "#F6F1E7" },
+    "bg-surface":    { "$type": "color", "$value": "#FFFFFF" },
+    "bg-subtle":     { "$type": "color", "$value": "#F8F9FB" },
+    "bg-muted":      { "$type": "color", "$value": "#EFF1F5" },
+    "border-subtle":  { "$type": "color", "$value": "#E2E6EC" },
+    "border-default": { "$type": "color", "$value": "#CBD2DB" },
+    "border-strong":  { "$type": "color", "$value": "#BFA871" },
+    "ink":            { "$type": "color", "$value": "#1B2026" },
+    "text-primary":   { "$type": "color", "$value": "#1B2026" },
+    "text-secondary": { "$type": "color", "$value": "#5A646F" },
+    "text-tertiary":  { "$type": "color", "$value": "#7C8794" },
+    "text-disabled":  { "$type": "color", "$value": "#A6B0BD" },
+    "text-inverse":   { "$type": "color", "$value": "#FCFAF5" },
+    "success":       { "$type": "color", "$value": "#4F6E4D" },
+    "success-light": { "$type": "color", "$value": "#E4EDE2" },
+    "danger":        { "$type": "color", "$value": "#8C5252" },
+    "danger-light":  { "$type": "color", "$value": "#F2E2E2" },
+    "warning":       { "$type": "color", "$value": "#957B3C" },
+    "warning-light": { "$type": "color", "$value": "#F4EAD6" }
+  },
+  "font": {
+    "display": { "$type": "fontFamily", "$value": "Poiret One" },
+    "sans":    { "$type": "fontFamily", "$value": "Josefin Sans" },
+    "mono":    { "$type": "fontFamily", "$value": "JetBrains Mono" }
+  },
+  "radius": {
+    "sm": { "$type": "dimension", "$value": "2px" },
+    "md": { "$type": "dimension", "$value": "4px" },
+    "lg": { "$type": "dimension", "$value": "8px" }
+  }
+}