@ebrains/vue 2.4.1 → 3.1.0

package/{token-list_3.entry-Bi4T4TzA.mjs → token-list_3.entry-CuNhLZNv.mjs}

@@ -1,7 +1,19 @@
-import { r as d, h as e } from "./index-CIU5mTWe.mjs";
+import { r as d, h as e } from "./index-DL15mWAH.mjs";
 const l = {
   tokens: {
-    // grey
+    // Brand Colors - New EBRAINS Visual System
+    "brand-black": "#07140D",
+    "brand-green": "#00FF9D",
+    "brand-green-dark": "#00C87B",
+    // Neutrals
+    "grey-light": "#ECECEC",
+    "grey-dark": "#7A7B7A",
+    // Base
+    black: "#000000",
+    white: "#FFFFFF",
+    transparent: "transparent",
+    current: "currentColor",
+    // Legacy grey scale (keeping for gradual migration)
     "grey-100": "#f8f8f8",
     "grey-200": "#f2f2f2",
     "grey-300": "#e6e6e6",
@@ -11,7 +23,8 @@ const l = {
     "grey-700": "#666666",
     "grey-800": "#4d4d4d",
     "grey-900": "#242424",
-    // green
+    // Secondary colors (de-emphasized but available if needed)
+    // Green variants
     "green-100": "#eaffee",
     "green-200": "#d3ffdc",
     "green-300": "#9dffb4",
@@ -21,7 +34,7 @@ const l = {
     "green-700": "#009d45",
     "green-800": "#007734",
     "green-900": "#004f23",
-    // yellow
+    // Yellow
     "yellow-100": "#fefee5",
     "yellow-200": "#ffffcb",
     "yellow-300": "#fdfdaa",
@@ -31,7 +44,7 @@ const l = {
     "yellow-700": "#d7d72b",
     "yellow-800": "#9a9a1e",
     "yellow-900": "#636313",
-    // orange
+    // Orange
     "orange-100": "#fff4ee",
     "orange-200": "#ffeade",
     "orange-300": "#ffdcc5",
@@ -41,7 +54,7 @@ const l = {
     "orange-700": "#cb7f28",
     "orange-800": "#995f1e",
     "orange-900": "#653f14",
-    // red
+    // Red
     "red-100": "#feefef",
     "red-200": "#ffe0e1",
     "red-300": "#ffc7c9",
@@ -51,7 +64,7 @@ const l = {
     "red-700": "#d01111",
     "red-800": "#a3001a",
     "red-900": "#6f0011",
-    // purple
+    // Purple
     "purple-100": "#f9f3ff",
     "purple-200": "#f4e8ff",
     "purple-300": "#e9ceff",
@@ -61,7 +74,7 @@ const l = {
     "purple-700": "#af56e4",
     "purple-800": "#8337b1",
     "purple-900": "#3d1e4f",
-    // blue
+    // Blue
     "blue-100": "#eff0ff",
     "blue-200": "#dee0ff",
     "blue-300": "#caceff",
@@ -71,7 +84,7 @@ const l = {
     "blue-700": "#0034cb",
     "blue-800": "#002799",
     "blue-900": "#001a65",
-    // cyan
+    // Cyan
     "cyan-100": "#E0EEFF",
     "cyan-200": "#D3E6FF",
     "cyan-300": "#B5D8FF",
@@ -80,56 +93,53 @@ const l = {
     "cyan-600": "#3FA9F5",
     "cyan-700": "#267FBE",
     "cyan-800": "#1F689B",
-    "cyan-900": "#15496D",
-    // Generics
-    black: "#000000",
-    white: "#ffffff",
-    transparent: "transparent",
-    current: "currentColor"
+    "cyan-900": "#15496D"
   },
   border: {
-    default: "black",
+    default: "brand-black",
     inverse: "white",
     "inverse-soft": "rgba(255, 255, 255, 0.3)",
     "inverse-softer": "rgba(255, 255, 255, 0.15)",
-    soft: "rgba(0, 0, 0, .15 )",
-    softer: "rgba(0, 0, 0, .1 )",
-    softest: "rgba(0, 0, 0, .05 )",
-    accent: "green-500",
+    soft: "rgba(0, 0, 0, .15)",
+    softer: "rgba(0, 0, 0, .1)",
+    softest: "rgba(0, 0, 0, .05)",
+    accent: "brand-green",
+    "accent-dark": "brand-green-dark",
     error: "red-700",
     current: "currentColor",
-    transparent: "transparent"
+    transparent: "transparent",
+    grey: "grey-light",
+    "grey-dark": "grey-dark"
   },
   text: {
+    default: "brand-black",
     inverse: "white",
-    default: "black",
     current: "currentColor",
     transparent: "transparent",
-    light: "grey-700",
-    lighter: "grey-600",
+    light: "grey-dark",
+    lighter: "grey-light",
     lightest: "grey-500",
     "extra-light": "grey-300",
     success: "green-800",
     warning: "yellow-900",
     error: "red-700",
-    accent: "green-500",
-    "on-gradient": "rgba(0, 0, 0, 0.55)"
+    accent: "brand-green",
+    "accent-dark": "brand-green-dark",
+    "on-gradient": "rgba(0, 0, 0, 0.55)",
+    "on-dark": "white"
   },
   background: {
-    default: "grey-200",
+    default: "brand-black",
     inverse: "white",
-    "inverse-soft": "rgba(255, 255, 255, .2)",
-    "inverse-softer": "rgba(255, 255, 255, .15)",
-    dark: "grey-300",
-    darker: "grey-400",
+    "inverse-soft": "rgba(0, 0, 0, .05)",
+    dark: "grey-light",
+    darker: "grey-dark",
     strong: "grey-700",
     "strong-dark": "grey-800",
     stronger: "grey-900",
-    strongest: "black",
-    "strongest-soft": "rgba(0, 0, 0, .05)",
-    accent: "green-500",
-    "accent-dark": "green-600",
-    "accent-darker": "green-800",
+    strongest: "brand-black",
+    accent: "brand-green",
+    "accent-dark": "brand-green-dark",
     success: "green-200",
     warning: "yellow-200",
     error: "red-200",
@@ -140,13 +150,18 @@ const l = {
     "on-dark": "rgba(255, 255, 255, 0.2)"
   },
   underline: {
-    accent: "green-500",
-    light: "grey-700",
+    accent: "brand-green",
+    "accent-dark": "brand-green-dark",
+    light: "grey-dark",
     lighter: "grey-600",
     lightest: "grey-500",
     "extra-light": "grey-300"
   },
-  outline: { default: "black", accent: "green-500" },
+  outline: {
+    default: "brand-black",
+    accent: "brand-green",
+    "accent-dark": "brand-green-dark"
+  },
   /**
    * Gradients token are created manually inside gradients.css utility file.
    * This mapping is here to generate gradients view inside storybook
@@ -168,11 +183,11 @@ const l = {
   }
   getTextColor(r) {
     if (r.startsWith("rgba") || r.startsWith("rgb")) {
-      const t = r.replace(/rgba?\(/, "").replace(")", "").split(",").map((c) => parseFloat(c.trim())), s = t[0], a = t[1], o = t[2];
-      return (0.299 * s + 0.587 * a + 0.114 * o) / 255 > 0.5 ? "text-default" : "text-inverse";
+      const t = r.replace(/rgba?\(/, "").replace(")", "").split(",").map((c) => parseFloat(c.trim())), a = t[0], n = t[1], s = t[2];
+      return (0.299 * a + 0.587 * n + 0.114 * s) / 255 > 0.5 ? "text-default" : "text-inverse";
     } else if (r.startsWith("#")) {
-      const t = r.replace("#", ""), s = parseInt(t.substring(0, 2), 16), a = parseInt(t.substring(2, 4), 16), o = parseInt(t.substring(4, 6), 16);
-      return (0.299 * s + 0.587 * a + 0.114 * o) / 255 > 0.5 ? "text-default" : "text-inverse";
+      const t = r.replace("#", ""), a = parseInt(t.substring(0, 2), 16), n = parseInt(t.substring(2, 4), 16), s = parseInt(t.substring(4, 6), 16);
+      return (0.299 * a + 0.587 * n + 0.114 * s) / 255 > 0.5 ? "text-default" : "text-inverse";
     }
     return "text-default";
   }
@@ -181,29 +196,29 @@ const l = {
   }
   renderSection(r, t) {
     if (r === "tokens") {
-      const s = this.groupTokensByCategory(t);
-      return Object.entries(s).map(([, a]) => e("ul", { class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((o) => {
-        const n = Object.keys(o)[0], c = this.resolveColor(o[n]), g = this.getTextColor(c);
-        return e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "effect-height items-center justify-between p-16 hidden lg:flex", style: { backgroundColor: c } }, e("span", { class: `${g} f-body-02` }, n), e("div", { class: "inline-flex" }, e("eds-code-block", { code: c, language: "hex", class: "min-w-[210px] mr-4" }), e("eds-code-block", { language: "css", code: `var(--${n})`, class: "min-w-[210px]" }))), e("div", { class: "effect-height items-center justify-between p-16 block lg:hidden", style: { backgroundColor: c } }, e("span", { class: `${g} f-body-02` }, n), e("div", { class: "inline block" }, e("eds-code-block", { code: c, class: "min-w-[210px] mb-4" }), e("eds-code-block", { code: `var(--${n})`, class: "min-w-[210px]" }))));
+      const a = this.groupTokensByCategory(t);
+      return Object.entries(a).map(([, n]) => e("ul", { class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, n.map((s) => {
+        const o = Object.keys(s)[0], c = this.resolveColor(s[o]), g = this.getTextColor(c);
+        return e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "effect-height items-center justify-between p-16 hidden lg:flex", style: { backgroundColor: c } }, e("span", { class: `${g} f-body-02` }, o), e("div", { class: "inline-flex" }, e("eds-code-block", { code: c, language: "hex", class: "min-w-[210px] mr-4" }), e("eds-code-block", { language: "css", code: `var(--${o})`, class: "min-w-[210px]" }))), e("div", { class: "effect-height items-center justify-between p-16 block lg:hidden", style: { backgroundColor: c } }, e("span", { class: `${g} f-body-02` }, o), e("div", { class: "inline block" }, e("eds-code-block", { code: c, class: "min-w-[210px] mb-4" }), e("eds-code-block", { code: `var(--${o})`, class: "min-w-[210px]" }))));
       })));
     }
-    return e("ul", { class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(t).map(([s, a]) => {
-      const o = this.resolveColor(a), n = this.getTextColor(o), c = o.startsWith("#") || o.startsWith("rgb") ? { backgroundColor: o } : { border: `2px solid ${o}` };
-      return e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { class: "effect-height block lg:flex items-center justify-between p-16", style: c }, e("div", { class: "w-full flex" }, e("span", { class: `${n} mr-auto font-bold` }, s), e("span", { class: `${n} ml-auto  mr-4 font-bold` }, a)), e("span", { class: `${n}` }, r === "background" ? e("eds-code-block", { code: `bg-${s}`, class: "min-w-[210px] mr-4" }) : e("eds-code-block", { code: `${r}-${s}`, class: r === "border" ? "min-w-[250px] mr-4" : "min-w-[210px] mr-4" }))));
+    return e("ul", { class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(t).map(([a, n]) => {
+      const s = this.resolveColor(n), o = this.getTextColor(s), c = s.startsWith("#") || s.startsWith("rgb") ? { backgroundColor: s } : { border: `2px solid ${s}` };
+      return e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { class: "effect-height block lg:flex items-center justify-between p-16", style: c }, e("div", { class: "w-full flex" }, e("span", { class: `${o} mr-auto font-bold` }, a), e("span", { class: `${o} ml-auto  mr-4 font-bold` }, n)), e("span", { class: `${o}` }, r === "background" ? e("eds-code-block", { code: `bg-${a}`, class: "min-w-[210px] mr-4" }) : e("eds-code-block", { code: `${r}-${a}`, class: r === "border" ? "min-w-[250px] mr-4" : "min-w-[210px] mr-4" }))));
     }));
   }
   groupTokensByCategory(r) {
     const t = {};
-    return Object.entries(r).forEach(([s, a]) => {
-      const o = s.split("-")[0];
-      t[o] || (t[o] = []), t[o].push({ [s]: a });
+    return Object.entries(r).forEach(([a, n]) => {
+      const s = a.split("-")[0];
+      t[s] || (t[s] = []), t[s].push({ [a]: n });
     }), t;
   }
   render() {
     const r = this.show ? { [this.show]: l[this.show] } : l;
-    return e("section", { key: "940429578fd363c79e2dd79f0f2ac758ca87e905", class: "w-full mt-28" }, Object.entries(r).map(([t, s]) => (
+    return e("section", { key: "19a7dd76a980e2815f8df3ee0cb083b2c77cafa4", class: "w-full mt-28" }, Object.entries(r).map(([t, a]) => (
       // Only render sections that exist in `colors`
-      s ? this.renderSection(t, s) : null
+      a ? this.renderSection(t, a) : null
     )));
   }
 }, f = {
@@ -218,17 +233,33 @@ const l = {
     d(this, r);
   }
   render() {
-    return e("section", { key: "4e8ae60a6a8c9ed3f49c4d69a6b68b2f9e6e5c5a", class: "w-full mt-28" }, e("ul", { key: "5a4b2c649170390872aec0c21694067d735f4069", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(f).map(([r, t]) => e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${r}` }, e("eds-code-block", { language: "Utility Class", code: `rounded-${r}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), e("eds-code-block", { code: `border-radius:${t}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))));
+    return e("section", { key: "80a475b807538a7c9c1186d0f167a793858ad439", class: "w-full mt-28" }, e("ul", { key: "e3fa97c0f627f2094c7eae87eb9f7079df2b35f2", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(f).map(([r, t]) => e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${r}` }, e("eds-code-block", { language: "Utility Class", code: `rounded-${r}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), e("eds-code-block", { code: `border-radius:${t}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))));
   }
 }, i = {
-  small: "0px 1.5px 2px rgba(0, 0, 0, 0.1)",
-  hover: "0px 0px 16px rgba(0, 0, 0, 0.2)",
-  accent: "0px 0px 12px rgba(0, 201, 89, 0.6)",
-  podium: "0px 0px 8px 8px rgb(0 0 0 / 25%);",
-  border: "0 10px 10px rgba(0, 0, 0, 0.15);",
-  "border-top": "0 -10px 10px rgba(0, 0, 0, 0.15);"
+  // Subtle elevation for cards and containers
+  small: "0px 1px 3px rgba(7, 20, 13, 0.1)",
+  // Medium elevation for dropdowns, modals
+  medium: "0px 4px 12px rgba(7, 20, 13, 0.15)",
+  // Hover state for interactive elements
+  hover: "0px 8px 24px rgba(7, 20, 13, 0.2)",
+  // Accent shadow with brand green glow
+  accent: "0px 0px 16px rgba(0, 255, 157, 0.5)",
+  // Green accent for focus states
+  "accent-focus": "0 0 0 3px rgba(0, 255, 157, 0.3)",
+  // Subtle border-like shadow
+  border: "0 1px 3px rgba(7, 20, 13, 0.1)",
+  "border-top": "0 -1px 3px rgba(7, 20, 13, 0.1)",
+  // For elevated components (navigation, sticky headers)
+  elevated: "0px 2px 8px rgba(7, 20, 13, 0.12)",
+  // Strong shadow for modals/overlays
+  overlay: "0px 16px 48px rgba(7, 20, 13, 0.3)",
+  // None - for flat design elements
+  none: "none"
 }, p = {
-  small: "0px 0px 16px rgba(0, 0, 0, 0.3)"
+  small: "0px 2px 8px rgba(7, 20, 13, 0.15)",
+  medium: "0px 4px 16px rgba(7, 20, 13, 0.2)",
+  // Green glow for images/icons
+  "accent-glow": "0px 0px 24px rgba(0, 255, 157, 0.6)"
 }, b = {
   shadows: i,
   dropShadows: p
@@ -237,7 +268,7 @@ const l = {
     d(this, r);
   }
   render() {
-    return e("section", { key: "b5a033c491057c60a7b0d2ac1a1ef46a234eb718", class: "w-full mt-28" }, e("ul", { key: "3f39094a92599645183ee2eb60b3726bd69b6166", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(b).map(([r, t]) => Object.entries(t).map(([s, a]) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, e("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: a } }, e("eds-code-block", { code: `${r}-${s}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), e("eds-code-block", { code: `${a}`, language: "css", class: "ml-auto min-w-[200px]" })))))));
+    return e("section", { key: "0316f767a182da2f2e96c137034d84794947102a", class: "w-full mt-28" }, e("ul", { key: "16586b6a4d565ee58f4ea2465d54d527390d41ca", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(b).map(([r, t]) => Object.entries(t).map(([a, n]) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, e("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: n } }, e("eds-code-block", { code: `${r}-${a}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), e("eds-code-block", { code: `${n}`, language: "css", class: "ml-auto min-w-[200px]" })))))));
   }
 };
 export {

package/token-list_3.entry-ve9r960B.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-WyhGZcXS.js"),l={tokens:{"brand-black":"#07140D","brand-green":"#00FF9D","brand-green-dark":"#00C87B","grey-light":"#ECECEC","grey-dark":"#7A7B7A",black:"#000000",white:"#FFFFFF",transparent:"transparent",current:"currentColor","grey-100":"#f8f8f8","grey-200":"#f2f2f2","grey-300":"#e6e6e6","grey-400":"#d8d8d8","grey-500":"#8c8c8c","grey-600":"#6e6e6e","grey-700":"#666666","grey-800":"#4d4d4d","grey-900":"#242424","green-100":"#eaffee","green-200":"#d3ffdc","green-300":"#9dffb4","green-400":"#63fb92","green-500":"#00e766","green-600":"#00c959","green-700":"#009d45","green-800":"#007734","green-900":"#004f23","yellow-100":"#fefee5","yellow-200":"#ffffcb","yellow-300":"#fdfdaa","yellow-400":"#ffff8b","yellow-500":"#ffff51","yellow-600":"#f3f30a","yellow-700":"#d7d72b","yellow-800":"#9a9a1e","yellow-900":"#636313","orange-100":"#fff4ee","orange-200":"#ffeade","orange-300":"#ffdcc5","orange-400":"#ffcca9","orange-500":"#ffb87e","orange-600":"#ffa543","orange-700":"#cb7f28","orange-800":"#995f1e","orange-900":"#653f14","red-100":"#feefef","red-200":"#ffe0e1","red-300":"#ffc7c9","red-400":"#ff9ea2","red-500":"#ff7a7f","red-600":"#ff4d68","red-700":"#d01111","red-800":"#a3001a","red-900":"#6f0011","purple-100":"#f9f3ff","purple-200":"#f4e8ff","purple-300":"#e9ceff","purple-400":"#ddb1ff","purple-500":"#d18fff","purple-600":"#c461ff","purple-700":"#af56e4","purple-800":"#8337b1","purple-900":"#3d1e4f","blue-100":"#eff0ff","blue-200":"#dee0ff","blue-300":"#caceff","blue-400":"#b2b8ff","blue-500":"#7a89f5","blue-600":"#2b69fc","blue-700":"#0034cb","blue-800":"#002799","blue-900":"#001a65","cyan-100":"#E0EEFF","cyan-200":"#D3E6FF","cyan-300":"#B5D8FF","cyan-400":"#92C8FF","cyan-500":"#6CBFFE","cyan-600":"#3FA9F5","cyan-700":"#267FBE","cyan-800":"#1F689B","cyan-900":"#15496D"},border:{default:"brand-black",inverse:"white","inverse-soft":"rgba(255, 255, 255, 0.3)","inverse-softer":"rgba(255, 255, 255, 0.15)",soft:"rgba(0, 0, 0, .15)",softer:"rgba(0, 0, 0, .1)",softest:"rgba(0, 0, 0, .05)",accent:"brand-green","accent-dark":"brand-green-dark",error:"red-700",current:"currentColor",transparent:"transparent",grey:"grey-light","grey-dark":"grey-dark"},text:{default:"brand-black",inverse:"white",current:"currentColor",transparent:"transparent",light:"grey-dark",lighter:"grey-light",lightest:"grey-500","extra-light":"grey-300",success:"green-800",warning:"yellow-900",error:"red-700",accent:"brand-green","accent-dark":"brand-green-dark","on-gradient":"rgba(0, 0, 0, 0.55)","on-dark":"white"},background:{default:"brand-black",inverse:"white","inverse-soft":"rgba(0, 0, 0, .05)",dark:"grey-light",darker:"grey-dark",strong:"grey-700","strong-dark":"grey-800",stronger:"grey-900",strongest:"brand-black",accent:"brand-green","accent-dark":"brand-green-dark",success:"green-200",warning:"yellow-200",error:"red-200",current:"currentColor",transparent:"transparent",overlay:"rgba(0, 0, 0, 0.25)","on-gradient":"rgba(0, 0, 0, 0.1)","on-dark":"rgba(255, 255, 255, 0.2)"},underline:{accent:"brand-green","accent-dark":"brand-green-dark",light:"grey-dark",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300"},outline:{default:"brand-black",accent:"brand-green","accent-dark":"brand-green-dark"},gradients:{"gradient-01-top":"gradient-01-top","gradient-02-top":"gradient-02-top","gradient-03-top":"gradient-03-top","gradient-04-top":"gradient-04-top","gradient-01-bottom":"gradient-01-bottom","gradient-02-bottom":"gradient-02-bottom","gradient-03-bottom":"gradient-03-bottom","gradient-04-bottom":"gradient-04-bottom"}},g=class{constructor(r){e.registerInstance(this,r),this.show=void 0}getTextColor(r){if(r.startsWith("rgba")||r.startsWith("rgb")){const t=r.replace(/rgba?\(/,"").replace(")","").split(",").map(c=>parseFloat(c.trim())),a=t[0],n=t[1],s=t[2];return(.299*a+.587*n+.114*s)/255>.5?"text-default":"text-inverse"}else if(r.startsWith("#")){const t=r.replace("#",""),a=parseInt(t.substring(0,2),16),n=parseInt(t.substring(2,4),16),s=parseInt(t.substring(4,6),16);return(.299*a+.587*n+.114*s)/255>.5?"text-default":"text-inverse"}return"text-default"}resolveColor(r){return l.tokens[r]?l.tokens[r]:r}renderSection(r,t){if(r==="tokens"){const a=this.groupTokensByCategory(t);return Object.entries(a).map(([,n])=>e.h("ul",{class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},n.map(s=>{const o=Object.keys(s)[0],c=this.resolveColor(s[o]),d=this.getTextColor(c);return e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"effect-height items-center justify-between p-16 hidden lg:flex",style:{backgroundColor:c}},e.h("span",{class:`${d} f-body-02`},o),e.h("div",{class:"inline-flex"},e.h("eds-code-block",{code:c,language:"hex",class:"min-w-[210px] mr-4"}),e.h("eds-code-block",{language:"css",code:`var(--${o})`,class:"min-w-[210px]"}))),e.h("div",{class:"effect-height items-center justify-between p-16 block lg:hidden",style:{backgroundColor:c}},e.h("span",{class:`${d} f-body-02`},o),e.h("div",{class:"inline block"},e.h("eds-code-block",{code:c,class:"min-w-[210px] mb-4"}),e.h("eds-code-block",{code:`var(--${o})`,class:"min-w-[210px]"}))))})))}return e.h("ul",{class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(t).map(([a,n])=>{const s=this.resolveColor(n),o=this.getTextColor(s),c=s.startsWith("#")||s.startsWith("rgb")?{backgroundColor:s}:{border:`2px solid ${s}`};return e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{class:"effect-height block lg:flex items-center justify-between p-16",style:c},e.h("div",{class:"w-full flex"},e.h("span",{class:`${o} mr-auto font-bold`},a),e.h("span",{class:`${o} ml-auto  mr-4 font-bold`},n)),e.h("span",{class:`${o}`},r==="background"?e.h("eds-code-block",{code:`bg-${a}`,class:"min-w-[210px] mr-4"}):e.h("eds-code-block",{code:`${r}-${a}`,class:r==="border"?"min-w-[250px] mr-4":"min-w-[210px] mr-4"}))))}))}groupTokensByCategory(r){const t={};return Object.entries(r).forEach(([a,n])=>{const s=a.split("-")[0];t[s]||(t[s]=[]),t[s].push({[a]:n})}),t}render(){const r=this.show?{[this.show]:l[this.show]}:l;return e.h("section",{key:"19a7dd76a980e2815f8df3ee0cb083b2c77cafa4",class:"w-full mt-28"},Object.entries(r).map(([t,a])=>a?this.renderSection(t,a):null))}},i={xxs:"2px",xs:"4px",sm:"8px",md:"12px",lg:"16px",pill:"100px"},f=class{constructor(r){e.registerInstance(this,r)}render(){return e.h("section",{key:"80a475b807538a7c9c1186d0f167a793858ad439",class:"w-full mt-28"},e.h("ul",{key:"e3fa97c0f627f2094c7eae87eb9f7079df2b35f2",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(i).map(([r,t])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:`w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${r}`},e.h("eds-code-block",{language:"Utility Class",code:`rounded-${r}`,class:"mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto"}),e.h("eds-code-block",{code:`border-radius:${t}`,language:"css",class:"mx-auto min-w-[200px] sm:max-w-[200px] ml-auto"}))))))}},b={small:"0px 1px 3px rgba(7, 20, 13, 0.1)",medium:"0px 4px 12px rgba(7, 20, 13, 0.15)",hover:"0px 8px 24px rgba(7, 20, 13, 0.2)",accent:"0px 0px 16px rgba(0, 255, 157, 0.5)","accent-focus":"0 0 0 3px rgba(0, 255, 157, 0.3)",border:"0 1px 3px rgba(7, 20, 13, 0.1)","border-top":"0 -1px 3px rgba(7, 20, 13, 0.1)",elevated:"0px 2px 8px rgba(7, 20, 13, 0.12)",overlay:"0px 16px 48px rgba(7, 20, 13, 0.3)",none:"none"},p={small:"0px 2px 8px rgba(7, 20, 13, 0.15)",medium:"0px 4px 16px rgba(7, 20, 13, 0.2)","accent-glow":"0px 0px 24px rgba(0, 255, 157, 0.6)"},u={shadows:b,dropShadows:p},h=class{constructor(r){e.registerInstance(this,r)}render(){return e.h("section",{key:"0316f767a182da2f2e96c137034d84794947102a",class:"w-full mt-28"},e.h("ul",{key:"16586b6a4d565ee58f4ea2465d54d527390d41ca",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(u).map(([r,t])=>Object.entries(t).map(([a,n])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"},e.h("div",{class:"w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft",style:{boxShadow:n}},e.h("eds-code-block",{code:`${r}-${a}`,language:"Utility Class",class:"mr-auto sm:mb-4 min-w-[200px]"}),e.h("eds-code-block",{code:`${n}`,language:"css",class:"ml-auto min-w-[200px]"})))))))}};exports.token_list=g;exports.token_radii=f;exports.token_shadows=h;

package/{token-ratios.entry-CQR23PF9.js → token-ratios.entry-BgWROZuw.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BkPrVkIG.js"),a={"1x1":"1/1","21x9":"21/9","16x9":"16/9","3x2":"3/2","4x3":"4/3","4x5":"4/5"},c=class{constructor(t){e.registerInstance(this,t)}render(){return e.h("section",{key:"70fd39ec49cf5e57a1d1775b18a3dacc3f6afa73",class:"w-full"},e.h("eds-section-core",{key:"fd94df5d8f1049a86e6bebd2e96f5b1c44b8881d",tag:"div","section-title":"Aspect Ratios","heading-level":"h3"},e.h("ul",{key:"cd5928f33ea769e01ff0f7bf402e737cb03940e6",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(a).map(([t,s])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:"container ratio-box flex items-center justify-center text-center border-2 border-soft",style:{aspectRatio:s.replace("/",":"),width:"100%",maxWidth:"300px"}},e.h("span",{class:"text-default font-bold mr-auto"},"aspect-",t),e.h("span",{class:"mt-2 text-sm ml-auto"},s)))))))}};exports.token_ratios=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-WyhGZcXS.js"),a={"1x1":"1/1","21x9":"21/9","16x9":"16/9","3x2":"3/2","4x3":"4/3","4x5":"4/5"},c=class{constructor(t){e.registerInstance(this,t)}render(){return e.h("section",{key:"d95a7a36fc37fb829c74e336d16de79f57ec1b83",class:"w-full"},e.h("eds-section-core",{key:"1e2fbe9a818a162d6acd148804a61b87f919eda5",tag:"div","section-title":"Aspect Ratios","heading-level":"h3"},e.h("ul",{key:"a2429b25e2aef59bde0185115dc2ff908b075db5",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(a).map(([t,s])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:"container ratio-box flex items-center justify-center text-center border-2 border-soft",style:{aspectRatio:s.replace("/",":"),width:"100%",maxWidth:"300px"}},e.h("span",{class:"text-default font-bold mr-auto"},"aspect-",t),e.h("span",{class:"mt-2 text-sm ml-auto"},s)))))))}};exports.token_ratios=c;

package/{token-ratios.entry-RrS5TAyw.mjs → token-ratios.entry-D5YiyMvt.mjs}

@@ -1,4 +1,4 @@
-import { r as a, h as e } from "./index-CIU5mTWe.mjs";
+import { r as a, h as e } from "./index-DL15mWAH.mjs";
 const c = {
   "1x1": "1/1",
   "21x9": "21/9",
@@ -11,7 +11,7 @@ const c = {
     a(this, t);
   }
   render() {
-    return e("section", { key: "70fd39ec49cf5e57a1d1775b18a3dacc3f6afa73", class: "w-full" }, e("eds-section-core", { key: "fd94df5d8f1049a86e6bebd2e96f5b1c44b8881d", tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, e("ul", { key: "cd5928f33ea769e01ff0f7bf402e737cb03940e6", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(c).map(([t, s]) => e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
+    return e("section", { key: "d95a7a36fc37fb829c74e336d16de79f57ec1b83", class: "w-full" }, e("eds-section-core", { key: "1e2fbe9a818a162d6acd148804a61b87f919eda5", tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, e("ul", { key: "a2429b25e2aef59bde0185115dc2ff908b075db5", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(c).map(([t, s]) => e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
       aspectRatio: s.replace("/", ":"),
       // Cast to string to resolve TypeScript error
       width: "100%",

package/token-spacing.entry-BchYKWuE.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-WyhGZcXS.js"),a=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("div",{key:"857d52883315b5be7edb90c89602b29f258cabda",class:"w-full"},e.h("ul",{key:"e1dbf5d8e227c9014183c2465bf281e554f7e35b",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"85795c6c4ad2c4fc05cda1183a06dadc78521b45",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"e0d6a8712ab4d47dca6ca275c09592b8af381b20",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"cbfc5e4dcb4040b375d195246626d833d5b33057",class:"spacing-sample m-16 bg-strong"},e.h("span",{key:"8aa060bb7da7ffdbcd343c849f5e62c6db648fd7",class:"f-body-01 text-inverse"},"Margin: 1rem / m-16")))),e.h("li",{key:"f4e5e7a4eedac3a350f8c68adc5cdc8ba742166a",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"de4ce6ca17ba9c0a20a794e1ec55f2fcc1f0c440",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"52766704ac7cb4b1336d4283991c5204c7dece18",class:"spacing-sample ml-64 bg-strong"},e.h("span",{key:"60c2b72b390ac0b204cf10cf2c01907915e0b3a1",class:"f-body-01 text-inverse"},"Margin Left: 4rem / ml-64")))),e.h("li",{key:"1b7922c2a246a1a95e2e26e455b55ea7b5a2a3e9",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"7d43b9c4bc7ebd4883d9d7871b9fb02a2cece586",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"7afeb3b0db7c70f11e09b5df2d396ebfc4454f00",class:"spacing-sample mt-32 bg-strong"},e.h("span",{key:"3bccca0e93ad8accb3da8ce64c86ee70d2a6f255",class:"f-body-01 text-inverse"},"Margin Top: 2rem / mt-32")))),e.h("li",{key:"7cbdb2d1b0cd2f91c1b7a05d6654e89a26f74340",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"a47cb7cce3d8947d07ceff06fea30e19df12c6ec",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"2ee8dc2c52d8a689c12f0333cf7a4d0b36e572f7",class:"spacing-sample p-32 bg-strong"},e.h("span",{key:"2c19bbed58312c84d15ef45fc4bd5a699718b259",class:"f-body-01 text-inverse"},"Padding: 2rem / p-32")))),e.h("li",{key:"89283aab1c8e84f4d692e290e227d5b91e88cd56",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"e341336d74199f51d440ad01217816939b4877eb",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"6d59ec419924101b4b2d4daf1fa385cd7d921c2e",class:"spacing-sample pt-32 bg-strong"},e.h("span",{key:"378293318a5aa7c0c9fecb575e533aa97c7b0ecf",class:"f-body-01 text-inverse"},"Padding Top: 2rem / pt-32")))),e.h("li",{key:"a8e4328bb418b7b878aebfdfe4022e3054b5167e",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"421adc7f90db876dca2304f0c0f794c2b93b4536",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"ebb689a6011c3da5282eb3bb1cc1a0581af86e90",class:"spacing-sample pl-32 bg-strong"},e.h("span",{key:"8924318c5edcb5d78c37dc1a768e1b3e0fa775ed",class:"f-body-01 text-inverse"},"Padding Left: 2rem / pl-32"))))))}};exports.token_spacing=a;

package/token-spacing.entry-CSkx5neb.mjs

@@ -0,0 +1,12 @@
+import { r as a, h as e } from "./index-DL15mWAH.mjs";
+const s = class {
+  constructor(c) {
+    a(this, c);
+  }
+  render() {
+    return e("div", { key: "857d52883315b5be7edb90c89602b29f258cabda", class: "w-full" }, e("ul", { key: "e1dbf5d8e227c9014183c2465bf281e554f7e35b", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "85795c6c4ad2c4fc05cda1183a06dadc78521b45", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "e0d6a8712ab4d47dca6ca275c09592b8af381b20", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "cbfc5e4dcb4040b375d195246626d833d5b33057", class: "spacing-sample m-16 bg-strong" }, e("span", { key: "8aa060bb7da7ffdbcd343c849f5e62c6db648fd7", class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), e("li", { key: "f4e5e7a4eedac3a350f8c68adc5cdc8ba742166a", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "de4ce6ca17ba9c0a20a794e1ec55f2fcc1f0c440", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "52766704ac7cb4b1336d4283991c5204c7dece18", class: "spacing-sample ml-64 bg-strong" }, e("span", { key: "60c2b72b390ac0b204cf10cf2c01907915e0b3a1", class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), e("li", { key: "1b7922c2a246a1a95e2e26e455b55ea7b5a2a3e9", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "7d43b9c4bc7ebd4883d9d7871b9fb02a2cece586", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "7afeb3b0db7c70f11e09b5df2d396ebfc4454f00", class: "spacing-sample mt-32 bg-strong" }, e("span", { key: "3bccca0e93ad8accb3da8ce64c86ee70d2a6f255", class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), e("li", { key: "7cbdb2d1b0cd2f91c1b7a05d6654e89a26f74340", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "a47cb7cce3d8947d07ceff06fea30e19df12c6ec", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "2ee8dc2c52d8a689c12f0333cf7a4d0b36e572f7", class: "spacing-sample p-32 bg-strong" }, e("span", { key: "2c19bbed58312c84d15ef45fc4bd5a699718b259", class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), e("li", { key: "89283aab1c8e84f4d692e290e227d5b91e88cd56", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "e341336d74199f51d440ad01217816939b4877eb", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "6d59ec419924101b4b2d4daf1fa385cd7d921c2e", class: "spacing-sample pt-32 bg-strong" }, e("span", { key: "378293318a5aa7c0c9fecb575e533aa97c7b0ecf", class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), e("li", { key: "a8e4328bb418b7b878aebfdfe4022e3054b5167e", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "421adc7f90db876dca2304f0c0f794c2b93b4536", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "ebb689a6011c3da5282eb3bb1cc1a0581af86e90", class: "spacing-sample pl-32 bg-strong" }, e("span", { key: "8924318c5edcb5d78c37dc1a768e1b3e0fa775ed", class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32"))))));
+  }
+};
+export {
+  s as token_spacing
+};

package/token-typography.entry-C_NmBPt2.mjs

@@ -0,0 +1,244 @@
+import { r as l, h as i } from "./index-DL15mWAH.mjs";
+const f = {
+  "heading-01": {
+    sm: {
+      fontFamily: "var(--inter)",
+      fontWeight: 300,
+      fontSize: "42px",
+      lineHeight: "100%",
+      letterSpacing: "-0.01em"
+    },
+    md: {
+      fontSize: "48px"
+    },
+    lg: {
+      fontSize: "72px"
+    },
+    xl: {
+      fontSize: "83px"
+    }
+  },
+  "heading-02": {
+    sm: {
+      fontFamily: "var(--inter)",
+      fontWeight: 300,
+      fontSize: "36px",
+      lineHeight: "100%",
+      letterSpacing: "-0.01em"
+    },
+    lg: {
+      fontSize: "48px"
+    },
+    xl: {
+      fontSize: "60px"
+    }
+  },
+  "heading-03": {
+    sm: {
+      fontFamily: "var(--inter)",
+      fontWeight: 300,
+      fontSize: "36px",
+      lineHeight: "100%",
+      letterSpacing: "-0.01em"
+    },
+    xl: {
+      fontSize: "42px"
+    }
+  },
+  "heading-04": {
+    sm: {
+      fontFamily: "var(--inter)",
+      fontWeight: 300,
+      fontSize: "28px",
+      lineHeight: "100%",
+      letterSpacing: "-0.01em"
+    },
+    xl: {
+      fontSize: "36px"
+    }
+  },
+  "heading-05": {
+    sm: {
+      fontFamily: "var(--inter)",
+      fontWeight: 300,
+      fontSize: "28px",
+      lineHeight: "110%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  "heading-06": {
+    sm: {
+      fontFamily: "var(--inter)",
+      fontWeight: 300,
+      fontSize: "22px",
+      lineHeight: "120%"
+    }
+  }
+}, s = {
+  "body-01": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "20px",
+      lineHeight: "140%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  "body-02": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "17px",
+      lineHeight: "150%"
+    }
+  },
+  "body-03": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "17px",
+      lineHeight: "150%"
+    }
+  }
+}, g = {
+  "ui-01": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "18px",
+      lineHeight: "110%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  "ui-02": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "16px",
+      lineHeight: "110%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  "ui-02-light": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "16px",
+      lineHeight: "110%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  "ui-03": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "14px",
+      lineHeight: "110%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  "ui-03-light": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "14px",
+      lineHeight: "130%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  "ui-04": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "12px",
+      lineHeight: "100%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  "ui-05": {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "10px",
+      lineHeight: "110%",
+      letterSpacing: "-0.01em"
+    }
+  },
+  caption: {
+    sm: {
+      fontFamily: "var(--plex-sans)",
+      fontWeight: 400,
+      fontSize: "12px",
+      lineHeight: "120%"
+    }
+  },
+  code: {
+    sm: {
+      fontFamily: "var(--plex-mono)",
+      fontWeight: 400,
+      fontSize: "14px",
+      lineHeight: "140%"
+    }
+  }
+}, r = {
+  "display-01": {
+    sm: {
+      fontFamily: "var(--inter)",
+      fontWeight: 300,
+      fontSize: "120px",
+      lineHeight: "100%",
+      letterSpacing: "-0.01em"
+    },
+    lg: {
+      fontSize: "150px"
+    }
+  },
+  "display-02": {
+    sm: {
+      fontFamily: "var(--inter)",
+      fontWeight: 300,
+      fontSize: "120px",
+      lineHeight: "100%",
+      letterSpacing: "-0.02em"
+    },
+    lg: {
+      fontSize: "150px"
+    }
+  }
+}, o = {
+  families: {
+    inter: "Inter, Helvetica, Arial, sans-serif",
+    "plex-sans": '"IBM Plex Sans", Inter, Helvetica, Arial, sans-serif',
+    "plex-mono": '"IBM Plex Mono", "Courier New", Courier, monospace'
+  },
+  typesets: {
+    ...f,
+    ...s,
+    ...g,
+    ...r
+  }
+}, m = class {
+  constructor(t) {
+    l(this, t);
+  }
+  render() {
+    return i("section", { key: "ce7e291884a4b1bef85050a04c798a365287a131", class: "w-full" }, i("ul", { key: "070567197ed557c07284ebe733c4f9f3246c60d7", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(o.typesets).filter(([t]) => t !== "displays").flatMap(([t, a]) => Object.entries(a).map(([n, e]) => i("li", { class: "grid-col-span-12 flex flex-col mt-16" }, i("div", { class: "w-full p-16 border border-soft rounded", style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "1.5rem", alignItems: "center" } }, i("div", { style: {
+      fontFamily: e.fontFamily || o.families["plex-sans"],
+      fontWeight: e.fontWeight,
+      fontSize: e.fontSize,
+      lineHeight: e.lineHeight,
+      letterSpacing: e.letterSpacing
+    } }, i("span", { class: "text-default" }, `${t}`), i("div", { style: { fontSize: "12px", fontWeight: "400", color: "#7A7B7A", marginTop: "4px", fontFamily: '"IBM Plex Mono", monospace' } }, n, " · class: f-", t)), i("div", null, i("eds-code-block", { code: [
+      `/* Utility: f-${t} | Screen: ${n}:f-${t} */`,
+      e.fontSize && `font-size: ${e.fontSize};`,
+      e.lineHeight && `line-height: ${e.lineHeight};`,
+      e.letterSpacing && `letter-spacing: ${e.letterSpacing};`,
+      e.fontWeight && `font-weight: ${e.fontWeight};`,
+      'font-family: "IBM Plex Sans", sans-serif;'
+    ].filter(Boolean).join(`
+`), language: "css" }))))))));
+  }
+};
+export {
+  m as token_typography
+};

package/token-typography.entry-DEuXeYSY.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-WyhGZcXS.js"),l={"heading-01":{sm:{fontFamily:"var(--inter)",fontWeight:300,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--inter)",fontWeight:300,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--inter)",fontWeight:300,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--inter)",fontWeight:300,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--inter)",fontWeight:300,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--inter)",fontWeight:300,fontSize:"22px",lineHeight:"120%"}}},f={"body-01":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"17px",lineHeight:"150%"}},"body-03":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"17px",lineHeight:"150%"}}},s={"ui-01":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--plex-sans)",fontWeight:400,fontSize:"12px",lineHeight:"120%"}},code:{sm:{fontFamily:"var(--plex-mono)",fontWeight:400,fontSize:"14px",lineHeight:"140%"}}},g={"display-01":{sm:{fontFamily:"var(--inter)",fontWeight:300,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}},"display-02":{sm:{fontFamily:"var(--inter)",fontWeight:300,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.02em"},lg:{fontSize:"150px"}}},o={families:{inter:"Inter, Helvetica, Arial, sans-serif","plex-sans":'"IBM Plex Sans", Inter, Helvetica, Arial, sans-serif',"plex-mono":'"IBM Plex Mono", "Courier New", Courier, monospace'},typesets:{...l,...f,...s,...g}},r=class{constructor(t){i.registerInstance(this,t)}render(){return i.h("section",{key:"ce7e291884a4b1bef85050a04c798a365287a131",class:"w-full"},i.h("ul",{key:"070567197ed557c07284ebe733c4f9f3246c60d7",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(o.typesets).filter(([t])=>t!=="displays").flatMap(([t,a])=>Object.entries(a).map(([n,e])=>i.h("li",{class:"grid-col-span-12 flex flex-col mt-16"},i.h("div",{class:"w-full p-16 border border-soft rounded",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"1.5rem",alignItems:"center"}},i.h("div",{style:{fontFamily:e.fontFamily||o.families["plex-sans"],fontWeight:e.fontWeight,fontSize:e.fontSize,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}},i.h("span",{class:"text-default"},`${t}`),i.h("div",{style:{fontSize:"12px",fontWeight:"400",color:"#7A7B7A",marginTop:"4px",fontFamily:'"IBM Plex Mono", monospace'}},n," · class: f-",t)),i.h("div",null,i.h("eds-code-block",{code:[`/* Utility: f-${t} | Screen: ${n}:f-${t} */`,e.fontSize&&`font-size: ${e.fontSize};`,e.lineHeight&&`line-height: ${e.lineHeight};`,e.letterSpacing&&`letter-spacing: ${e.letterSpacing};`,e.fontWeight&&`font-weight: ${e.fontWeight};`,'font-family: "IBM Plex Sans", sans-serif;'].filter(Boolean).join(`
+`),language:"css"}))))))))}};exports.token_typography=r;