@ebrains/components 0.3.0-alpha.0 → 0.5.0-alpha.0

package/dist/components/{p-d571d530.entry.js → p-b1de9a6c.entry.js}

@@ -1 +1 @@
-import{r as e,h as r}from"./p-7a8b9de5.js";const t={tokens:{"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",black:"#000000",white:"#ffffff",transparent:"transparent",current:"currentColor"},border:{default:"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",error:"red-700",current:"currentColor",transparent:"transparent"},text:{inverse:"white",default:"black",current:"currentColor",transparent:"transparent",light:"grey-700",lighter:"grey-600",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)"},background:{default:"grey-200",inverse:"white","inverse-soft":"rgba(255, 255, 255, .2)","inverse-softer":"rgba(255, 255, 255, .15)",dark:"grey-300",darker:"grey-400",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",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:"green-500",light:"grey-700",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300"},outline:{default:"black",accent:"green-500"},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"}},a=class{constructor(r){e(this,r),this.show=void 0}getTextColor(e){if(e.startsWith("rgba")||e.startsWith("rgb")){const r=e.replace(/rgba?\(/,"").replace(")","").split(",").map((e=>parseFloat(e.trim())));return(.299*r[0]+.587*r[1]+.114*r[2])/255>.5?"text-default":"text-inverse"}if(e.startsWith("#")){const r=e.replace("#","");return(.299*parseInt(r.substring(0,2),16)+.587*parseInt(r.substring(2,4),16)+.114*parseInt(r.substring(4,6),16))/255>.5?"text-default":"text-inverse"}return"text-default"}resolveColor(e){return t.tokens[e]?t.tokens[e]:e}renderSection(e,t){if("tokens"===e){const e=this.groupTokensByCategory(t);return Object.entries(e).map((([,e])=>r("ul",{class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.map((e=>{const t=Object.keys(e)[0],a=this.resolveColor(e[t]),s=this.getTextColor(a);return r("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},r("div",{class:"effect-height items-center justify-between p-16 hidden lg:flex",style:{backgroundColor:a}},r("span",{class:`${s} f-body-02`},t),r("div",{class:"inline-flex"},r("eds-code-block",{code:a,language:"hex",class:"min-w-[210px] mr-4"}),r("eds-code-block",{language:"css",code:`var(--${t})`,class:"min-w-[210px]"}))),r("div",{class:"effect-height items-center justify-between p-16 block lg:hidden",style:{backgroundColor:a}},r("span",{class:`${s} f-body-02`},t),r("div",{class:"inline block"},r("eds-code-block",{code:a,class:"min-w-[210px] mb-4"}),r("eds-code-block",{code:`var(--${t})`,class:"min-w-[210px]"}))))})))))}return r("ul",{class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(t).map((([t,a])=>{const s=this.resolveColor(a),l=this.getTextColor(s),n=s.startsWith("#")||s.startsWith("rgb")?{backgroundColor:s}:{border:`2px solid ${s}`};return r("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},r("div",{class:"effect-height block lg:flex items-center justify-between p-16",style:n},r("div",{class:"w-full flex"},r("span",{class:`${l} mr-auto font-bold`},t),r("span",{class:`${l} ml-auto  mr-4 font-bold`},a)),r("span",{class:`${l}`},r("eds-code-block","background"===e?{code:`bg-${t}`,class:"min-w-[210px] mr-4"}:{code:`${e}-${t}`,class:"border"===e?"min-w-[250px] mr-4":"min-w-[210px] mr-4"}))))})))}groupTokensByCategory(e){const r={};return Object.entries(e).forEach((([e,t])=>{const a=e.split("-")[0];r[a]||(r[a]=[]),r[a].push({[e]:t})})),r}render(){return r("section",{key:"ac8573b341ad313eba0f9f082dcc72cfc81208b3",class:"w-full mt-28"},Object.entries(this.show?{[this.show]:t[this.show]}:t).map((([e,r])=>r?this.renderSection(e,r):null)))}},s={xxs:"2px",xs:"4px",sm:"8px",md:"12px",lg:"16px",pill:"100px"},l=class{constructor(r){e(this,r)}render(){return r("section",{key:"84dabcd5a39d49e116f8fc9e9b26e00455c7fbb3",class:"w-full mt-28"},r("ul",{key:"a821c747c45b8898ab2e7626d2ead91814549335",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(s).map((([e,t])=>r("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},r("div",{class:`w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${e}`},r("eds-code-block",{language:"Utility Class",code:`rounded-${e}`,class:"mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto"}),r("eds-code-block",{code:`border-radius:${t}`,language:"css",class:"mx-auto min-w-[200px] sm:max-w-[200px] ml-auto"})))))))}},n={shadows:{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);"},dropShadows:{small:"0px 0px 16px rgba(0, 0, 0, 0.3)"}},c=class{constructor(r){e(this,r)}render(){return r("section",{key:"4575feac8b5bff23aed39733e638fbb62916988f",class:"w-full mt-28"},r("ul",{key:"c9833aa0d698a7ec33911011ccb9227d43c8261a",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(n).map((([e,t])=>Object.entries(t).map((([t,a])=>r("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"},r("div",{class:"w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft",style:{boxShadow:a}},r("eds-code-block",{code:`${e}-${t}`,language:"Utility Class",class:"mr-auto sm:mb-4 min-w-[200px]"}),r("eds-code-block",{code:`${a}`,language:"css",class:"ml-auto min-w-[200px]"})))))))))}};export{a as token_list,l as token_radii,c as token_shadows}
+import{r as e,h as r}from"./p-7a8b9de5.js";const t={tokens:{"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",black:"#000000",white:"#ffffff",transparent:"transparent",current:"currentColor"},border:{default:"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",error:"red-700",current:"currentColor",transparent:"transparent"},text:{inverse:"white",default:"black",current:"currentColor",transparent:"transparent",light:"grey-700",lighter:"grey-600",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)"},background:{default:"grey-200",inverse:"white","inverse-soft":"rgba(255, 255, 255, .2)","inverse-softer":"rgba(255, 255, 255, .15)",dark:"grey-300",darker:"grey-400",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",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:"green-500",light:"grey-700",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300"},outline:{default:"black",accent:"green-500"},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"}},a=class{constructor(r){e(this,r),this.show=void 0}getTextColor(e){if(e.startsWith("rgba")||e.startsWith("rgb")){const r=e.replace(/rgba?\(/,"").replace(")","").split(",").map((e=>parseFloat(e.trim())));return(.299*r[0]+.587*r[1]+.114*r[2])/255>.5?"text-default":"text-inverse"}if(e.startsWith("#")){const r=e.replace("#","");return(.299*parseInt(r.substring(0,2),16)+.587*parseInt(r.substring(2,4),16)+.114*parseInt(r.substring(4,6),16))/255>.5?"text-default":"text-inverse"}return"text-default"}resolveColor(e){return t.tokens[e]?t.tokens[e]:e}renderSection(e,t){if("tokens"===e){const e=this.groupTokensByCategory(t);return Object.entries(e).map((([,e])=>r("ul",{class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.map((e=>{const t=Object.keys(e)[0],a=this.resolveColor(e[t]),s=this.getTextColor(a);return r("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},r("div",{class:"effect-height items-center justify-between p-16 hidden lg:flex",style:{backgroundColor:a}},r("span",{class:`${s} f-body-02`},t),r("div",{class:"inline-flex"},r("eds-code-block",{code:a,language:"hex",class:"min-w-[210px] mr-4"}),r("eds-code-block",{language:"css",code:`var(--${t})`,class:"min-w-[210px]"}))),r("div",{class:"effect-height items-center justify-between p-16 block lg:hidden",style:{backgroundColor:a}},r("span",{class:`${s} f-body-02`},t),r("div",{class:"inline block"},r("eds-code-block",{code:a,class:"min-w-[210px] mb-4"}),r("eds-code-block",{code:`var(--${t})`,class:"min-w-[210px]"}))))})))))}return r("ul",{class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(t).map((([t,a])=>{const s=this.resolveColor(a),l=this.getTextColor(s),n=s.startsWith("#")||s.startsWith("rgb")?{backgroundColor:s}:{border:`2px solid ${s}`};return r("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},r("div",{class:"effect-height block lg:flex items-center justify-between p-16",style:n},r("div",{class:"w-full flex"},r("span",{class:`${l} mr-auto font-bold`},t),r("span",{class:`${l} ml-auto  mr-4 font-bold`},a)),r("span",{class:`${l}`},r("eds-code-block","background"===e?{code:`bg-${t}`,class:"min-w-[210px] mr-4"}:{code:`${e}-${t}`,class:"border"===e?"min-w-[250px] mr-4":"min-w-[210px] mr-4"}))))})))}groupTokensByCategory(e){const r={};return Object.entries(e).forEach((([e,t])=>{const a=e.split("-")[0];r[a]||(r[a]=[]),r[a].push({[e]:t})})),r}render(){return r("section",{key:"43d7e8b3192d4a2d596ca99a4dce072ea7387924",class:"w-full mt-28"},Object.entries(this.show?{[this.show]:t[this.show]}:t).map((([e,r])=>r?this.renderSection(e,r):null)))}},s={xxs:"2px",xs:"4px",sm:"8px",md:"12px",lg:"16px",pill:"100px"},l=class{constructor(r){e(this,r)}render(){return r("section",{key:"0b0ccb9adcfa77ea898828ddbb244e959f93e2e4",class:"w-full mt-28"},r("ul",{key:"7c81d0a9725565c4e2587369528568d640e7b1a3",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(s).map((([e,t])=>r("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},r("div",{class:`w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${e}`},r("eds-code-block",{language:"Utility Class",code:`rounded-${e}`,class:"mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto"}),r("eds-code-block",{code:`border-radius:${t}`,language:"css",class:"mx-auto min-w-[200px] sm:max-w-[200px] ml-auto"})))))))}},n={shadows:{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);"},dropShadows:{small:"0px 0px 16px rgba(0, 0, 0, 0.3)"}},c=class{constructor(r){e(this,r)}render(){return r("section",{key:"18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4",class:"w-full mt-28"},r("ul",{key:"b258c50ab37a0445d523187c773e92f6569dd6ad",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(n).map((([e,t])=>Object.entries(t).map((([t,a])=>r("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"},r("div",{class:"w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft",style:{boxShadow:a}},r("eds-code-block",{code:`${e}-${t}`,language:"Utility Class",class:"mr-auto sm:mb-4 min-w-[200px]"}),r("eds-code-block",{code:`${a}`,language:"css",class:"ml-auto min-w-[200px]"})))))))))}};export{a as token_list,l as token_radii,c as token_shadows}

package/dist/components/{p-0910d733.entry.js → p-b3c1aef5.entry.js}

@@ -1 +1 @@
-import{r as e,h as t}from"./p-7a8b9de5.js";const s=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("token-list",{show:"background"});case 1:return t("token-list",{show:"text"});case 2:return t("token-list",{show:"border"});case 3:return t("token-radii",null);case 4:return t("token-list",{show:"outline"});case 5:return t("token-shadows",null);default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"10708d591c4077e4e1fe94073322f01121253bdb",class:"container"},this.renderContent())}};export{s as eds_docs_tokens}
+import{r as e,h as t}from"./p-7a8b9de5.js";const s=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("token-list",{show:"background"});case 1:return t("token-list",{show:"text"});case 2:return t("token-list",{show:"border"});case 3:return t("token-radii",null);case 4:return t("token-list",{show:"outline"});case 5:return t("token-shadows",null);default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"b140f7650e5e01711dc0778b04af83f9d004efc7",class:"container"},this.renderContent())}};export{s as eds_docs_tokens}

package/dist/components/p-b60ed774.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-7a8b9de5.js";import{m as c}from"./p-29041952.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4",class:this.class,innerHTML:c})}};export{e as eds_icon_more}

package/dist/components/p-b67aafe7.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-7a8b9de5.js";const c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],d=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],s=class{constructor(a){e(this,a)}render(){return a("div",{key:"cb22d37293f3b3b5fe3772cfe83234a5d81e1094",class:"container"},a("eds-alert",{key:"9aa7a510440c32f92242b3e09f9e818cd2509b06",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"}),a("div",{key:"4d22cba75b7dd45a5a9a7d2b2eba5404875f1403",class:"flex"},a("div",{key:"c7f08b3e4ef2692c545edd4185a005ddd6526a23",class:"w-full"},a("ul",{key:"28561abcdc93a4899a5d7481fdd47c439f734ff6",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),a("div",{key:"f8836d4805fdd416ee75712f749d5cee3f612559",class:"w-full"},a("ul",{key:"5842acd55d3a827355f2814c709d057676fb5d0f",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},d.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{s as incorrect_use_of_colors}

package/dist/components/p-b79999d5.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-7a8b9de5.js";const d=class{constructor(a){e(this,a)}render(){return a("div",{key:"144e643ff3f26d09b932b3bfa2086164134728c0",class:"w-full"},a("ul",{key:"901ef03cdff10b00eb4c8bdbda083760fcde7f24",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"330a1a3bae65fde46111f2213d25e436fd2a91cf",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"1d2a762f9cf33ea03af1d63892f9ab53293ee1e7",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"adb666cc7517d3bf05d3599c75adb94833522848",class:"spacing-sample m-32 bg-darker"},a("span",{key:"b7b11b55a5ccc619c2aa9890d1051995ba9a22f7",class:"text-white"},"Margin: 2rem / m-32")))),a("li",{key:"0cf9be1778f86479eca5db5d38964cdffeb4d336",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"5327b962b290dcaf1479cee8a0ae4c85d195be6f",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"7ada04bb258adad1d06562a6f35d44fcfe21ab5a",class:"spacing-sample ml-64 bg-darker"},a("span",{key:"5b50ff36cd166f19704cc431ea607fa95fdfe2aa",class:"text-white"},"Margin Left: 4rem / ml-64")))),a("li",{key:"93c162e7bd651e4e7876e9098327b5d0d6a14001",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"baad427ed16e9f64f268cf4b5172426dee3fbf81",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"4e9cf544dd6ef7bace03d025a887e0c21b7fe3b4",class:"spacing-sample mt-32 bg-darker"},a("span",{key:"64858f80ac6535ad5d1f5e0dda7ed0b4ea61c9ba",class:"text-white"},"Margin Top: 2rem / mt-32")))),a("li",{key:"a5f0b462645727b11bdd874b7883cde9e3208e04",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"90fd6d72e160d5e16088c715153370b53ba07e36",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"c46fbff19edc9b0389b3a3347e96846e8e01d0ea",class:"spacing-sample p-32 bg-darker"},a("span",{key:"0acbde0ab78642e37e25103260804a096cb9e996",class:"text-white"},"Padding: 2rem / p-32")))),a("li",{key:"cdb0d711cad94887bd001defe30f0334dd948d16",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"6874126bd20267fdd9d0031002e24a71e0a39693",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"8ab168cab95089dffdc8bff3b9bb2f9cb1fc3832",class:"spacing-sample pt-32 bg-darker"},a("span",{key:"4366fbd79ce583f9399bc739da790b01759eb5ea",class:"text-white"},"Padding Top: 2rem / pt-32")))),a("li",{key:"affbabf8b1d8c4abdd61f51ac12cac4c5e3460a7",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"6e9eae3de01dd4ff99b19fdfc62eb4a301d5071d",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"5e6788281bc9f57aab48cd768fa81fb98e1e31c3",class:"spacing-sample pl-32 bg-darker"},a("span",{key:"8fe02840d35475a60536f13abf97bd98cb53b07e",class:"text-white"},"Padding Left: 2rem / pl-32"))))))}};export{d as token_spacing}

package/dist/components/{p-02e2a62f.entry.js → p-b80457ed.entry.js}

@@ -1 +1 @@
-import{r as e,h as a}from"./p-7a8b9de5.js";const s=class{constructor(a){e(this,a),this.accent=!1,this.tags=[]}render(){return a("div",{key:"b201dc6df5e809d828a055fb5f01fe798e228361",class:"flex flex-wrap gap-y-4"},this.tags.map(((e,s)=>a("eds-tag",{key:s,intent:this.accent?"accent":"default",label:e}))))}};s.style=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";export{s as eds_card_tags}
+import{r as e,h as a}from"./p-7a8b9de5.js";const s=class{constructor(a){e(this,a),this.accent=!1,this.tags=[]}render(){return a("div",{key:"272d53abb9be9086881cb2f8e99f7fb7aae1bb59",class:"flex flex-wrap gap-y-4"},this.tags.map(((e,s)=>a("eds-tag",{key:s,intent:this.accent?"accent":"default",label:e}))))}};s.style=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";export{s as eds_card_tags}

package/dist/components/p-b860b4aa.entry.js

@@ -0,0 +1 @@
+import{h as e,r as n}from"./p-7a8b9de5.js";const t=()=>e("div",{class:"static-content container"},e("h2",null,"Load the module"),e("p",null,"Integrating EDSs components to a project without a JavaScript framework is straight forward. If you’re working on a simple HTML page, you can start using the components immediately by adding the tags below to the"," ",e("code",null,"head"),"."),e("eds-code-block",{code:"<script type='module'>\n  import { defineCustomElements } from 'https://unpkg.com/@ebrains/components@latest/loader/index.js'; \n  // Define custom elements\n  defineCustomElements(window);\n<\/script>",language:"javascript","copy-label":"Copy Code"}),e("h2",null,"Load the styles"),e("p",null,"To directly use the produced css framework with a few predefined custom utility classes, add the tag below to the"," ",e("code",null,"head")),e("eds-code-block",{code:'<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/output.css"/>',language:"css","copy-label":"Copy Code"}),e("div",{class:"my-4"},e("eds-alert",{message:"Note that, loading the predefined CSS framework above, automatically loads the fonts so you can skip loading them separately.",intent:"warning"})),e("h2",null,"Load the fonts"),e("p",null,"To load the webfonts, add the tag below to the ",e("code",null,"head")),e("eds-code-block",{code:'<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@0.0.1/styles/base/fonts.css"/>',language:"css","copy-label":"Copy Code"}),e("h2",null,"Component Usage"),e("p",null,"Once included, components can be used in your markup like any other regular HTML elements:"),e("eds-code-block",{code:'<eds-button \n  label="my bytton" \n  intent="primary">\n</eds-button>',language:"html","copy-label":"Copy Code"})),a=()=>e("div",null,e("p",null,"Before proceeding, ensure that Node.js is installed on your machine—you can download the latest version from the official website. If your project doesn’t already use npm and you plan to integrate EBRAINS Components, you'll need to create a package.json file by running npm init and following the on-screen instructions."),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/components",language:"html","copy-label":"Copy Code"})),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/assets",language:"html","copy-label":"Copy Code"})),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/react",language:"html","copy-label":"Copy Code"})),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/vue",language:"html","copy-label":"Copy Code"})),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/angular",language:"html","copy-label":"Copy Code"}))),s=()=>e("div",null,e("h2",null,"React Wrappers"),e("p",null,"Learn how to use our components in a React Application.Simple install the package below and check out the examples"),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/react",language:"javascript","copy-label":"Copy Code"})),e("eds-section-core",{"section-title":"Example React App","heading-level":"h3"},e("eds-code-block",{code:'\nimport {\n  EdsHeader,\n  EdsFullscreenMenu,\n  EdsUser\n} from "@ebrains/react";\n\ninterface User {\n  firstname: string;\n  lastname: string;\n  // Add any other properties your user object might have\n}\n\ninterface AuthStatus {\n  authenticated: boolean;\n  user: User | null;\n}\n\nimport { useEffect, useState } from "react";\n\nexport function App() {\n  const [authStatus, setAuthStatus] = useState<AuthStatus>({\n    authenticated: false,\n    user: null,\n  });\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(0);\n\n  // Use useEffect to render Stencil components dynamically after the component mounts\n  useEffect(() => {\n    const handleAuthStatusChange = (event: CustomEvent) => {\n      console.log(event.detail);\n      setAuthStatus(event.detail); // Set the entire object\n    };\n\n    document.addEventListener(\n      "authStatusChanged",\n      handleAuthStatusChange as EventListener,\n    );\n\n    return () => {\n      document.removeEventListener(\n        "authStatusChanged",\n        handleAuthStatusChange as EventListener,\n      );\n    };\n  }, []);\n\n  return (\n    <div>\n      <EdsHeader\n        homeUrl="/"\n        menuEnabled={true}\n        inverseHeader={false}\n        links={[\n          { label: "About", url: "#" },\n          { label: "Focus Areas", url: "#" },\n          { label: "News & Events", url: "#" },\n          { label: "Contact", url: "#" }\n        ]}\n      >\n        <div className="px-16">\n          <EdsUser\n            keycloak-url="http://localhost:8080"\n            keycloak-realm="nigeor-realm"\n            keycloak-client-id="stencil-app"\n          ></EdsUser>\n        </div>\n      </EdsHeader>\n\n      <EdsFullscreenMenu\n        home-url="/"\n        links={[\n          { label: "About", url: "#" },\n          { label: "Focus Areas", url: "#" },\n          { label: "News & Events", url: "#" },\n          { label: "Contact", url: "#" }\n        ]}\n      ></EdsFullscreenMenu>\n      \n      <div>\n        User is{" "}\n        {authStatus.authenticated ? "authenticated" : "not authenticated"}\n      </div>\n      {authStatus.user && <div>Welcome, {authStatus.user.firstname}</div>}\n\n      <div id="main"></div>\n    </div>\n  );\n}\n\nexport default App;\n\n',language:"javascript","copy-label":"Copy Code"}))),o=()=>e("div",null,e("h2",null,"Vue Wrappers"),e("p",null,"Learn how to use our components in a Vue Application."),e("p",null,"Simply install the latest version of our NPM package."),e("eds-code-block",{code:"npm install @ebrains/vue",language:"javascript","copy-label":"Copy Code"}),e("p",null,'Our NPM package already includes the custom elements definitions. However, you can use the components as they are by simply importing and executing the initialization command in your "main.ts" file.'),e("eds-code-block",{code:"import { defineCustomElements } from '@ebrains/components/loader';\ndefineCustomElements();",language:"javascript","copy-label":"Copy Code"}),e("h2",null,"Passing Properties to Custom Elements Using the ",e("b",null,".prop")," Modifier in Vue Wrappers"),e("p",null,"When using Vue wrappers for Stencil components (or any custom elements), you might encounter issues with property names being altered due to HTML’s attribute handling. By default, Vue binds values as HTML attributes, and HTML attributes are case-insensitive. This means that camelCase property names can be transformed into lowercase strings, which can prevent your component from receiving the correct data."),e("h3",null,"How to Use the ",e("b",null,".prop")," Modifier"),e("p",null,"When using Vue wrappers, you can pass properties with the .prop modifier by adding it to your binding expression. Here’s an example of how to do it:"),e("div",{class:"mt-8"},e("eds-alert",{message:"This may lead to issues because Vue binds these as attributes .",intent:"error"})),e("eds-code-block",{code:'<EdsAlert\n  message="This is a default informational alert."\n  intent="default"\n  :pressableLabel="Press Me"\n  :pressableUrl="https://ebrains.eu"\n></EdsAlert>',language:"javascript","copy-label":"Copy Code"}),e("div",{class:"mt-8"},e("eds-alert",{message:"Use the .prop modifier to ensure properties are passed correctly.",intent:"success"})),e("eds-code-block",{code:'<EdsAlert\n  message="This is a default informational alert."\n  intent="default"\n  :pressableLabel.prop="Press Me"\n  :pressableUrl.prop="https://ebrains.eu"\n></EdsAlert>',language:"javascript","copy-label":"Copy Code"}),e("p",null,"Using the ",e("b",null,".prop")," modifier in Vue ensures that the data you pass to your custom elements is received as intended. It prevents Vue (and the browser) from transforming camelCase property names into lowercase attributes, thereby maintaining the correct data mapping in your Stencil components."),e("eds-section-core",{"section-title":"Example Vue App","heading-level":"h3"},e("eds-code-block",{code:'\n<template>\n  <EdsHeader \n    :inverseHeader.prop="true"\n    :menuEnabled.prop="true">\n  </EdsHeader>\n</template>\n\n<script>\n\nimport { EdsHeader } from "@ebrains/vue";\n\nexport default {\n  name: "App",\n  components: {\n    EdsHeader,\n  }\n};\n<\/script>\n',language:"javascript","copy-label":"Copy Code"}))),l=()=>e("div",null,e("h2",null,"Angular Wrappers"),e("p",null,"Learn how to use our components in a Angular Application."),e("eds-code-block",{code:"npm install @ebrains/angular",language:"javascript","copy-label":"Copy Code"}),e("p",null,"Define the custom elements"),e("eds-code-block",{code:"import { defineCustomElements } from '@ebrains/components/loader';\ndefineCustomElements();",language:"javascript","copy-label":"Copy Code"}),e("p",null,"Angular Custom Elements Schema"),e("eds-code-block",{code:'import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";',language:"javascript","copy-label":"Copy Code"}),e("eds-section-core",{"section-title":"Example Angular App","heading-level":"h3"},e("eds-code-block",{code:'\n<div class="container">\n  <eds-breadcrumb\n    intent="tertiary"\n    items="[\n      { "label": "Home", "url": "#" },\n      { "label": "Products", "url": "#" },\n    ]">\n  </eds-breadcrumb>\n  <eds-footer></eds-footer>\n</div>',language:"javascript","copy-label":"Copy Code"}))),r=class{constructor(e){n(this,e),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e(t,null);case 1:return e(a,null);case 2:return e(s,null);case 3:return e(o,null);case 4:return e(l,null);default:return e("p",null,"Content not available.")}}render(){return e("div",{key:"7e582a0eeafc2687229454532b5a7f66f91c1856",class:"container"},this.renderContent())}};export{r as eds_components_section}

package/dist/components/p-c034c395.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-7a8b9de5.js";const s=class{constructor(e){t(this,e),this.handleNext=()=>{this.activeStep<this.parsedSteps.length&&(this.activeStep=this.activeStep+1)},this.handleBack=()=>{this.activeStep>0&&(this.activeStep=this.activeStep-1)},this.handleReset=()=>{this.activeStep=0},this.steps="[]",this.activeStep=0}get parsedSteps(){try{return JSON.parse(this.steps)}catch(t){return[]}}render(){const t=this.parsedSteps;return e("div",{key:"08fa2f85c49dbe217b2f9d068bee486e432f5315",class:"stepper-container"},e("div",{key:"6f7e0a0ccaa2882794a6be0216201d1bf924e2b2",class:"stepper"},t.map(((s,i)=>e("div",{class:"step",key:i},e("div",{class:"step-label"},e("span",null,s.label),i===t.length-1&&e("span",{class:"f-ui-03 text-lightest ml-4"},"(Last step)")),this.activeStep===i&&e("div",{class:"step-content"},e("p",null,s.description),e("div",{class:"step-buttons"},e("eds-button",{label:i===t.length-1?"Finish":"Continue",class:"next-btn",onClick:this.handleNext}),e("eds-button",{label:"Back",intent:"ghostInverse",onClick:this.handleBack,disabled:0===i,"extra-class":0===i?"hidden":"ml-8 block"}))))))),this.activeStep===t.length&&e("div",{key:"8a5ebfed582b25d828758e1762a063df6c745093",class:""},e("eds-alert",{key:"a142fb50b8df533dd97f770aeaa453f2379ea7cb",intent:"success",message:"All steps completed - you're finished!"}),e("eds-button",{key:"5cfba059c9a152f179e7c31fa5d7a222c00defe2",label:"Start again",onClick:this.handleReset,"extra-class":"mt-4"})))}};s.style=":host{display:block}.stepper-container{margin:0 auto}.stepper{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;counter-reset:step}.step{margin-bottom:24px}.step-label{counter-increment:step;font-size:1.25rem;font-weight:600;position:relative;margin-top:1em;margin-bottom:1em}.step-label::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.optional{font-size:0.8rem;color:#888;margin-left:8px}.step-content{margin-top:8px}.step-buttons{margin-top:12px}.step-buttons button{margin-right:8px;padding:6px 12px;font-size:0.875rem}.completed{padding:16px;border:1px solid #ddd;margin-top:16px;text-align:center}";export{s as eds_vertical_stepper}

package/dist/components/p-c5fa170d.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-7a8b9de5.js";import{l as a}from"./p-2117611b.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"f11c60068baa2d2398056b3d7f04129d9deb4517",class:this.class,innerHTML:a})}};export{e as eds_icon_loader}

package/dist/components/p-d69ef196.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,g as i}from"./p-7a8b9de5.js";import{s as a}from"./p-89227919.js";const s=class{constructor(e){t(this,e),this.currentPage=void 0,this.lastPage=void 0,this.perPage=10,this.total=0,this.url="",this.mode="default",this.prevLabel="Prev",this.nextLabel="Next",this.prevUrl="",this.nextUrl="",this.links=[]}componentWillLoad(){"default"===this.mode&&this.generateLinks()}componentDidLoad(){this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach((t=>{this.emitContext(t)}))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}onPageOrLastPageChange(){"default"===this.mode&&this.generateLinks()}isFirstPage(){return 1===this.currentPage}isLastPage(){return this.currentPage===this.lastPage}generateLink(t){const e=this.url.includes("?");return{ariaLabel:`Page ${t}`,url:`${this.url}${e?"&":"?"}page=${t}`,label:t.toString(),current:this.currentPage===t,disabled:!1}}generateLinks(){this.lastPage&&this.lastPage>5?this.links=this.getPaginationGenerator(this.currentPage||1,this.lastPage).map((t=>"number"==typeof t?this.generateLink(t):t)):this.lastPage&&(this.links=Array.from({length:this.lastPage}).map(((t,e)=>this.generateLink(e+1))))}getPaginationGenerator(t,e){const i=[];if(e<=5)for(let t=1;t<=e;t++)i.push(t);else{i.push(1),t-1>2&&i.push("...");for(let a=Math.max(2,t-1);a<=Math.min(e-1,t+1);a++)i.push(a);t+1<e-1&&i.push("..."),i.push(e)}return i}pageResults(){return this.total>0?this.total>this.perPage?`${this.perPage*((this.currentPage||1)-1)+1} - ${this.perPage*(this.currentPage||1)>=this.total?this.total:this.perPage*(this.currentPage||1)} of ${this.total}`:`${this.total}`:""}handlePageClick(t,e){if("navigator"!==this.mode&&(t.preventDefault(),e!==this.currentPage)){this.links=this.links.map((t=>"object"==typeof t?Object.assign(Object.assign({},t),{current:parseInt(t.label)===e}):t));const t=new CustomEvent("pageChange",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(t),this.currentPage=e}}render(){return e("div",{key:"8c8418eec263acc153a928b752775458f897504f"},this.total>0&&"default"===this.mode&&e("p",{key:"02a5a69772a4812f10b29e8df117b72df210614d",class:"f-ui-03 text-lightest mb-28 w-full text-center"},e("span",{key:"ef9804843100c722643c24e31a05f86f2d55efa0",class:"sr-only"},"Results:"),this.pageResults()),"navigator"===this.mode||this.lastPage&&this.lastPage>1?e("nav",{"aria-label":"Pagination"},e("ul",{class:"flex items-center justify-center gap-x-8"},e("li",{class:"mr-auto"},e("eds-link",{label:this.prevLabel,url:"navigator"===this.mode?this.prevUrl||"#":this.isFirstPage()?"#":this.generateLink(this.currentPage-1).url,disabled:"navigator"===this.mode?!this.prevUrl:this.isFirstPage(),"aria-label":"Previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pr-12",onClick:t=>{"default"===this.mode&&(this.isFirstPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)-1))}})),"default"===this.mode&&this.links.map(((t,i)=>e("li",{key:i,class:"f-ui-02 flex h-36 items-center justify-center"},"string"==typeof t?e("span",{class:"flex items-center justify-center"},t):e("eds-link",{url:t.url,"aria-label":t.ariaLabel,label:t.label,current:t.current,size:"small",class:"!p-8",intent:t.current?"secondary":"ghost",onClick:e=>this.handlePageClick(e,parseInt(t.label))})))),e("li",{class:"ml-auto"},e("eds-link",{label:this.nextLabel,url:"navigator"===this.mode?this.nextUrl||"#":this.isLastPage()?"#":this.generateLink(this.currentPage+1).url,disabled:"navigator"===this.mode?!this.nextUrl:this.isLastPage(),"aria-label":"Next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors",onClick:t=>{"default"===this.mode&&(this.isLastPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)+1))}})))):null)}get hostEl(){return i(this)}static get watchers(){return{currentPage:["onPageOrLastPageChange"],lastPage:["onPageOrLastPageChange"]}}};s.style="ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}";const n=class{constructor(e){t(this,e),this.data=null,this.endpoint=null,this.config={},this.rowsPerPage=10,this.paginationEnabled=!0,this.searchEnabled=!1,this.hostWidth=void 0,this.columnSize="default",this.tableData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery=""}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}parseData(){try{this.tableData="string"==typeof this.data?JSON.parse(this.data):this.data||[],this.totalRows=this.tableData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tableData=[]}}parseConfig(){try{this.parsedConfig="string"==typeof this.config?JSON.parse(this.config):this.config}catch(t){console.error("Failed to parse config:",t),this.parsedConfig={}}}async fetchData(){try{const t=await fetch(this.endpoint),e=await t.json();this.data=e}catch(t){console.error("Failed to fetch data:",t)}}setupPaginationListener(){if(!this.shouldEnablePagination())return;const t=this.hostEl.shadowRoot.querySelector("eds-pagination");t&&!t.hasAttribute("listener-attached")&&(t.addEventListener("pageChange",(t=>this.handlePageChange(t.detail))),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tableData.filter((t=>Object.values(t).some((t=>t.toString().toLowerCase().includes(this.searchQuery.toLowerCase())))))}getPaginatedRows(){const t=this.getFilteredRows();this.totalRows=t.length;const e=(this.currentPage-1)*this.rowsPerPage;return t.slice(e,e+this.rowsPerPage)}handlePageChange(t){this.currentPage=t,a({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/eds-pagination`,name:`${t}`||"",action:"page"})}handleSearch(t){this.searchQuery=t.target.value,this.currentPage=1}renderCell(t,i){var a;const s=null===(a=this.parsedConfig[i])||void 0===a?void 0:a.format;return"uppercase"===s?null==t?void 0:t.toString().toUpperCase():"svg"===s?e("div",{innerHTML:t}):"bold"===s?e("strong",null,t):"code"===s?e("code",null,t):t}shouldEnablePagination(){return this.paginationEnabled&&this.totalRows>this.rowsPerPage}updateColumns(){this.columns=this.tableData.length>0?Object.keys(this.tableData[0]):[]}getVisibleColumnsCount(){return this.columns.filter((t=>{var e;return!(null===(e=this.parsedConfig[t])||void 0===e?void 0:e.hidden)})).length}divisionFactor(){let t=1;return"medium"===this.columnSize?t=2:"large"===this.columnSize&&(t=4),t}render(){const t=this.getPaginatedRows(),i=Math.ceil(this.totalRows/this.rowsPerPage),a=this.getVisibleColumnsCount(),s=this.hostWidth&&""!==this.hostWidth.trim()?Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.hostEl.parentElement.getBoundingClientRect().width:this.hostEl.getRootNode().host instanceof HTMLElement?this.hostEl.getRootNode().host.getBoundingClientRect().width:400,n=a>0?Math.floor(s/a*this.divisionFactor()):100;return e("div",{key:"66ca59804bc8054655ed0d942104516fe4cd259b"},this.searchEnabled&&e("div",{key:"df7267fc443da042e4b6ff81ded5800a2213bd73"},e("eds-input-field",{key:1,name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:t=>this.handleSearch(t)})),e("div",{key:"80ac1fcb3802f9f5d5eabe016fb7345b88908b36",class:"mt-20"},e("table",{key:"09acf39378b1a4c8bfe40b496ec6bf71a2d761ca",class:"block overflow-x-auto mt-6 p-0"},e("thead",{key:"8b844806cfef10d1a59da54a385ee8ed6c167050"},e("tr",{key:"1b3cff91bdaf225e9f3b337e245cd80ad4772b6a",class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map((t=>{var i;return!(null===(i=this.parsedConfig[t])||void 0===i?void 0:i.hidden)&&e("th",{class:"m-0 py-8 border border-softer f-ui-02 break-words",style:{minWidth:n-5+"px"}},t)})))),e("tbody",{key:"93dfd3abd196779c288f85bb6a357ad3e9c01418"},t.map((t=>e("tr",{class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map((i=>{var a;return!(null===(a=this.parsedConfig[i])||void 0===a?void 0:a.hidden)&&e("td",{class:"text-center border border-softer m-0 py-8 f-ui-2 break-words",style:{minWidth:n-5+"px"}},this.renderCell(t[i],i))})))))))),this.shouldEnablePagination()&&e("div",{key:"516b65d78a9ea91060c1dfcb3306bbd3ac2c6f58",class:"mt-20"},e("eds-pagination",{key:"abe3a593827d99437a06e204ea9d8ef92f80aba7",currentPage:this.currentPage,lastPage:i,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};n.style="table{text-indent:0;border-color:inherit;border-collapse:collapse;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}";export{s as eds_pagination,n as eds_table}

package/dist/components/p-de12396f.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e}from"./p-7a8b9de5.js";import{m as r}from"./p-aefcb641.js";const c=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"0084602c8e870b70caa66479f71bed3bd0cce94e",class:this.class,innerHTML:r})}};export{c as eds_icon_menu}

package/dist/components/p-de2fbcfc.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-7a8b9de5.js";const r=class{constructor(a){e(this,a)}render(){return a("div",{key:"17506a830e62dd31e1415d2be8b4553c3068bfd0"},a("div",{key:"4ae7fe3624155cf1b2a749bed360d8b55cd2bede",class:"container my-16"},a("h3",{key:"e6daae3d262a53fb374162b5e3313fa98e11bf6b",class:"f-heading03"},"Coloured Background"),a("div",{key:"ab405030d5cac7ec5fe95f638dfeaa0e48f70af7",class:"coloured lg:w-[500px] md:w-[300px]"},a("eds-logo",{key:"05441cfb40658a2bd01f7f9a8c28e28d340b6dc1",type:"no-bg",href:"#"}))),a("div",{key:"82731279160c6c666889d32f329cf8469f853783",class:"container my-16"},a("h3",{key:"73269548408d466223d44f9293f589e7e4b99bae",class:"f-heading03"},"Black and White Background"),a("div",{key:"1d3e89b35eca34712e184ce42ba2f7632439ce4f",class:"bg-default lg:w-[500px] md:w-[300px]"},a("eds-logo",{key:"fc59306d8098f4764ab0f72fdbb5009bea5f3c44",type:"black",href:"#"}))),a("div",{key:"355ce3ef5cbd6872ce86ec847c3394deb29f2846",class:"container my-16"},a("h3",{key:"57adbc464a1e2f2d5818112f00149840c2c0758a",class:"f-heading03"},"Dark Background "),a("div",{key:"84e43ad22d556672c1b0e82a9ed3e2c988649598",class:"lg:w-[500px] md:w-[300px]"},a("eds-logo",{key:"0d0d38e691d763189c88ae803f9b02523b362ff8",type:"color-white",href:"#"}))))}};r.style=".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[500px\\]{width:500px}@media (min-width: 750px){.md\\:w-\\[300px\\]{width:300px}.md\\:w-\\[500px\\]{width:500px}}@media (min-width: 900px){.lg\\:w-\\[300px\\]{width:300px}.lg\\:w-\\[500px\\]{width:500px}}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";const t=class{constructor(a){e(this,a),this.orientation="vertical",this.type=void 0}render(){return a("div",{key:"fee70336cee863d905a6537392f1ddf6bda1d449"},a("div",{key:"f04e0928bbd1875982190f5fe685c43a0e712704",class:"container my-16"},a("h3",{key:"d10318ccf82f90743af6279afea3afa36ec411dc",class:"f-heading03"},"Coloured Background"),a("div",{key:"06cca782bfc5564172c1a745652c66d5304ad9c8",class:"coloured w-[200px]"},a("eds-logo",{key:"175bbd4acc1b184e8d372b78246524b2d4ae6758",orientation:"vertical",type:"no-bg",href:"#"}))),a("div",{key:"a7eb431d1ee679bc8c28aed0932325c99d4e0798",class:"container my-16"},a("h3",{key:"0a5d4e193f9b8e36c81beb5fcc81eccaa2433ee9",class:"f-heading03"},"Black and White Background"),a("div",{key:"c2d6c02f46629f32155bfb0ef1eee7522cd4b6c1",class:"bg-default w-[200px]"},a("eds-logo",{key:"a97c323c7af4c98fab5da6721450b80e2c8d85cb",orientation:"vertical",type:"black",href:"#"}))),a("div",{key:"ac99317a56b7ce01f324efc3423593a20164f932",class:"container my-16"},a("h3",{key:"908f915f49802906b1d0d5cb008ed4cdb3b5a68a",class:"f-heading03"},"Dark Background "),a("div",{key:"94e25cd1734ec0ef18d3742f908a08ceec50aa6f",class:"w-[200px]"},a("eds-logo",{key:"7f74de4532f6696e7168f0fc9c5dc28afed91f98",orientation:"vertical",type:"color-white",href:"#"}))))}};t.style=".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";export{r as logo_variations_horizontal,t as logo_variations_vertical}

package/dist/components/p-def72462.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,g as s}from"./p-7a8b9de5.js";import{s as i}from"./p-89227919.js";import{g as d}from"./p-eb0b93d5.js";import"./p-112122d6.js";const a=class{constructor(t){e(this,t),this.image=void 0,this.editorialTitle=void 0,this.headingLevel="h3",this.categoryTitle=void 0,this.color=void 0,this.bgOnHover=!1,this.vertical=!1,this.titleProject=void 0,this.url=void 0,this.parsedImage=null}componentWillLoad(){if(this.image)try{this.parsedImage=JSON.parse(this.image)}catch(e){}}handleClick(e){var t;e.preventDefault(),i({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null===(t=this.titleProject)||void 0===t?void 0:t.toLowerCase())||"",action:"click"})}render(){var e;const s=["min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",this.color?d({color:this.color,hover:this.bgOnHover,class:"before:border-2 before:rounded-lg before:border-softest"}):"bg-default",this.bgOnHover&&this.color?"effect-background bg-default focus-within:bg-transparent hover:bg-transparent":"effect-background hover:bg-default",this.vertical?"flex-col gap-y-16":"flex-col gap-x-16 gap-y-12 lg:flex-row"].join(" "),i=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return t("article",{key:"98c5dbd033ec05d08965559e00f32d9fe18698ef",class:s,onClick:e=>this.handleClick(e)},t("div",{key:"e083c43e38c3c24fcd996a90267f7cd92d3651b3",class:"flex grow flex-col "+(this.vertical?"min-h-156":"")},t("div",{key:"37de1e46023b533fd8595a3077c4e68c11fb01af",class:"lg:max-w-[720px]"},t("eds-card-title",{key:"ee31ae2804d2c17c82e8f4c0c3269ac8254331df","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&t("span",{key:"c6f74ba9b5b522f713e25d3339f541efa68cdddd",class:"block "+(this.vertical?"f-ui-02":"mt-4 f-heading-06")},this.editorialTitle)),this.categoryTitle&&t("div",{key:"ab18e55046777cf4a4f58ebd057641db9b9e0328",class:"mt-auto flex items-center gap-x-12 pt-12"},(null===(e=this.categoryTitle)||void 0===e?void 0:e.length)&&t("eds-tag",{key:"3714ee86a74dce7f33a8f953fd726db349ba9271",label:this.categoryTitle}))),this.parsedImage&&t("div",{key:"2818d15f7ab671b7b2dfb34ec3085b390150f38d",class:i},t("div",{key:"5166feef3674631298f699449b956655f38f0db9",class:"aspect-1x1 w-full"},t("eds-img",Object.assign({key:"86555a43491da5b2aa3b287e539e603a2c2adaf3",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return s(this)}};export{a as eds_card_project}

package/dist/components/p-e2c250c5.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-7a8b9de5.js";import{c}from"./p-5d046674.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"f770cd9151077e8708c76d2082613c65a20c420f",class:this.class,innerHTML:c})}};export{t as eds_icon_chevron_right}

package/dist/components/p-eb0b93d5.js

@@ -0,0 +1 @@
+import{c as o}from"./p-112122d6.js";const e=o([],{variants:{color:["green","yellow","among-blue","purple"].reduce(((o,e)=>Object.assign(Object.assign({},o),{[e]:""})),{}),direction:{top:"",bottom:""},pseudo:{true:"before:effect-opacity effect-bg-behind",false:""},hover:{true:"before:opacity-0 hover:before:opacity-100",false:""}},compoundVariants:[{color:"green",direction:"top",pseudo:!0,className:"before:bg-gradient-01-top"},{color:"green",pseudo:!0,direction:"bottom",className:"before:bg-gradient-01-bottom"},{color:"green",direction:"top",pseudo:!1,className:"bg-gradient-01-top"},{color:"green",pseudo:!1,direction:"bottom",className:"bg-gradient-01-bottom"},{color:"yellow",direction:"top",pseudo:!0,className:"before:bg-gradient-02-top"},{color:"yellow",direction:"bottom",pseudo:!0,className:"before:bg-gradient-02-bottom"},{color:"yellow",direction:"top",pseudo:!1,className:"bg-gradient-02-top"},{color:"yellow",direction:"bottom",pseudo:!1,className:"bg-gradient-02-bottom"},{color:"purple",direction:"top",pseudo:!0,class:"before:bg-gradient-03-top"},{color:"purple",direction:"bottom",pseudo:!0,class:"before:bg-gradient-03-bottom"},{color:"purple",direction:"top",pseudo:!1,class:"bg-gradient-03-top"},{color:"purple",direction:"bottom",pseudo:!1,class:"bg-gradient-03-bottom"},{color:"among-blue",direction:"top",pseudo:!0,class:"before:bg-gradient-04-top"},{color:"among-blue",direction:"bottom",pseudo:!0,class:"before:bg-gradient-04-bottom"},{color:"among-blue",direction:"top",pseudo:!1,class:"bg-gradient-04-top"},{color:"among-blue",direction:"bottom",pseudo:!1,class:"bg-gradient-04-bottom"}],defaultVariants:{direction:"top",pseudo:!0}});export{e as g}

package/dist/components/p-eeeb0d83.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,g as a}from"./p-7a8b9de5.js";import{t as s}from"./p-22f9e720.js";import{m as r}from"./p-89227919.js";const n=class{constructor(e){t(this,e),this.title="Analytics Consent",this.description="We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.",this.showNotice=!0}componentWillLoad(){this.checkConsentCookie()}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach((t=>{this.emitContext(t)}))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}checkConsentCookie(){const t=document.cookie.split("; ").find((t=>t.startsWith("mtm_consent="))),e=sessionStorage.getItem("matomo-deferred");this.showNotice=!t&&!e}optInAnalytics(){r(),s.show("You have opted in to analytics.","success"),this.hideNotice()}deferDecision(){sessionStorage.setItem("matomo-deferred","true"),s.show("You can decide later.","warning"),this.hideNotice()}hideNotice(){this.showNotice=!1}render(){return this.showNotice?e("div",{class:"fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"},e("eds-accordion",{title:this.title,description:this.description,switchBg:!0,expanded:!0},e("div",{class:"flex items-center gap-4"},e("eds-button",{intent:"primary",label:"Yes, I agree","aria-label":"Opt-in for analytics",onClick:()=>this.optInAnalytics()}),e("eds-button",{intent:"ghost",label:"Ask me later","aria-label":"Defer analytics decision",onClick:()=>this.deferDecision()})))):null}get el(){return a(this)}};n.style=".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}";export{n as eds_matomo_notice}

package/dist/components/p-f08eac56.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,g as e}from"./p-7a8b9de5.js";import{s}from"./p-89227919.js";const a=class{constructor(i){t(this,i),this.focusableItems=[],this.handleClick=()=>{var t;this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown(),s({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:(null===(t=this.label)||void 0===t?void 0:t.toLowerCase())||"",action:this.isOpen?"expanded":"collapsed"})},this.icon="chevron-down",this.label=void 0,this.rounded=!1,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="tertiary",this.isOpen=!1,this.focusIndex=-1}handleWindowClick(t){this.host.contains(t.target)||this.closeDropdown()}handleKeyDown(t){if(this.isOpen)switch(t.key){case"Tab":this.closeDropdown();break;case"ArrowUp":t.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":t.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem()}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1}focusItem(){var t;null===(t=this.focusableItems[this.focusIndex])||void 0===t||t.focus()}componentDidLoad(){var t;this.focusableItems=Array.from((null===(t=this.dropdownContent)||void 0===t?void 0:t.querySelectorAll("a, button"))||[])}render(){return i("div",{key:"84f4cea78ea1c40c7897a356fe03ac83922fccb8",class:"z-focus relative",ref:t=>this.dropdownContent=t},i("eds-button",{key:"99dc51632dc82830054502a2d6d77d9fcefe9337",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),i("nav",{key:"a63613a7ecf709fd1d22d77da4b2d286905fef3e",role:"menu",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":"left"===this.dropdownPos&&this.dropdownOffset,"left-0":"left"===this.dropdownPos&&!this.dropdownOffset,"right-4":"right"===this.dropdownPos&&this.dropdownOffset,"right-0":"right"===this.dropdownPos&&!this.dropdownOffset,"rounded-lg":this.rounded},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},i("slot",{key:"dda70b865ed03dc7ad36a32934587bbcb0a16c1b"})))}get host(){return e(this)}};a.style=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}";const l=class{constructor(i){t(this,i),this.user=void 0,this.links=void 0,this.onLogout=void 0,this.parsedUser={},this.parsedLinks=[]}parseUserProp(t){this.parsedUser="string"==typeof t?JSON.parse(t):t}parseLinksProp(t){this.parsedLinks="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.parseUserProp(this.user),this.parseLinksProp(this.links)}get initials(){var t,i,e,s,a,l,o;return`${(null===(i=null===(t=this.parsedUser)||void 0===t?void 0:t.firstname)||void 0===i?void 0:i.charAt(0))||""}${(null===(s=null===(e=this.parsedUser)||void 0===e?void 0:e.lastname)||void 0===s?void 0:s.charAt(0))||""}`.toUpperCase()||(null===(o=null===(l=null===(a=this.parsedUser)||void 0===a?void 0:a.fullname)||void 0===l?void 0:l.charAt(0))||void 0===o?void 0:o.toUpperCase())||""}get hasLogout(){return"function"==typeof this.onLogout}render(){var t,e,s,a,l;return i("div",{key:"4a80335b6a59b9653130ca75a6e42c04fce68f4f",class:"min-w-[280px] p-8"},i("div",{key:"9c97f6be46216587692d4852174cecfaacb70593",class:"flex gap-x-16 pb-16 border-b-2 border-softer"},i("eds-avatar",{key:"c778f6bdfb21068ca7c2deff6e298f61af6dbc67","first-name":null===(t=this.parsedUser)||void 0===t?void 0:t.firstname,"last-name":null===(e=this.parsedUser)||void 0===e?void 0:e.lastname,initials:this.initials,color:"grey",rounded:!0,"initials-strong":!0}),i("div",{key:"7f453546c9cc54597069abb3e4b50312fe7bf364",class:"max-w-full"},(null===(s=this.parsedUser)||void 0===s?void 0:s.fullname)&&i("p",{key:"34e080ef159535820c09378701de0e6f4fd96009",class:"f-ui-01 text-default w-full text-ellipsis"},this.parsedUser.fullname),(null===(a=this.parsedUser)||void 0===a?void 0:a.username)&&i("p",{key:"2f85764e7d015dc3f3b22ca8a07126f8f57216ef",class:"f-ui-03-light text-light mt-4"},this.parsedUser.username),(null===(l=this.parsedUser)||void 0===l?void 0:l.email)&&i("p",{key:"002dec51e979c29f2343f55e004449e4cee4075c",class:"f-ui-03-light text-light mt-4"},this.parsedUser.email))),i("div",{key:"740b78c504257fb755ba7ba04dd25f023d37ed33",class:"text-default mt-16 flex w-full flex-col gap-y-8"},i("div",{key:"ac307937bdd3fc86cce502e5eeb3e922d931f418",class:"border-softer mb-10 border-b-2 pb-16"},i("eds-link",{key:"bdd0f1ef62ac78ffb1b40ed6873475df360cec66",label:"My EBRAINS","aria-label":"My EBRAINS",url:"https://www.ebrains.eu/dashboard",intent:"primary","extra-class":"w-full",external:!0})),i("eds-link",{key:1,label:"Account Settings",url:"https://iam.ebrains.eu/auth/realms/hbp/account/",intent:"secondary",icon:"arrow-diagonal",external:!0,"extra-class":"w-full"}),this.hasLogout&&i("eds-link",{key:"d73016ad71f3b356b7fb7d0a2a84124eabb05da5",label:"Sign out",intent:"tertiary","extra-class":"w-full justify-center",onClick:()=>this.onLogout&&this.onLogout()})))}static get watchers(){return{user:["parseUserProp"],links:["parseLinksProp"]}}};export{a as eds_dropdown,l as eds_user_modal}

package/dist/components/p-f1cd83da.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-7a8b9de5.js";import{c as e}from"./p-4587d0ef.js";const o=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"fa8022d27b91e909d4cd5522c6d0406be698a412",class:this.class,innerHTML:e})}};export{o as eds_icon_chevron_down}

package/dist/components/{p-22e6d7d5.entry.js → p-f36f2aeb.entry.js}

@@ -1 +1 @@
-import{r as e,h as t}from"./p-7a8b9de5.js";const i={sans:"Inter, Helvetica, Arial, sans-serif"},n={"heading-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"22px",lineHeight:"120%"}},"body-01":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"17px",lineHeight:"150%"}},"ui-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"120%"}},"display-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}}},a=class{constructor(t){e(this,t)}render(){return t("section",{key:"23815518d694435812ed3d7b9aab850043941b96",class:"w-full"},t("ul",{key:"366ed5bc5933c5b8a563d33b70471f507a21386c",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(n).filter((([e])=>"displays"!==e)).flatMap((([e,n])=>Object.entries(n).map((([n,a])=>t("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},t("div",{class:"w-full p-4 block lg:flex items-center border border-soft rounded"},t("div",{class:"mr-auto hidden lg:block",style:{fontFamily:i.sans,fontWeight:a.fontWeight,fontSize:a.fontSize,lineHeight:a.lineHeight,letterSpacing:a.letterSpacing}},t("span",{class:"text-default font-bold"},`${e} (${n})`)),t("div",{class:"mr-auto block lg:hidden p-4"},t("span",{class:"text-default f-heading-05"},`${e} (${n})`)),t("div",{class:"ml-auto"},t("eds-code-block",{code:`f-${e}`,language:"Utility Class",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`${n}:f-${e}`,language:"Screen",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:[a.fontSize&&`font-size: ${a.fontSize};`,a.lineHeight&&`line-height: ${a.lineHeight};`,a.letterSpacing&&`letter-spacing: ${a.letterSpacing};`,a.fontWeight&&`font-weight: ${a.fontWeight};`,a.fontFamily&&`font-family: ${a.fontFamily};`].filter(Boolean).join("\n"),language:"css",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontFamily)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontWeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontSize)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-lineHeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-letterSpacing)`,class:"min-w-[250px] mb-4"}))))))))))}};export{a as token_typography}
+import{r as e,h as t}from"./p-7a8b9de5.js";const i={sans:"Inter, Helvetica, Arial, sans-serif"},n={"heading-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"22px",lineHeight:"120%"}},"body-01":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"17px",lineHeight:"150%"}},"ui-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"120%"}},"display-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}}},a=class{constructor(t){e(this,t)}render(){return t("section",{key:"b831c9707b00d17768f585e2015de8a7289b11d2",class:"w-full"},t("ul",{key:"472e46f2c903597d24e8f24cf28b6f475c7d7a82",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(n).filter((([e])=>"displays"!==e)).flatMap((([e,n])=>Object.entries(n).map((([n,a])=>t("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},t("div",{class:"w-full p-4 block lg:flex items-center border border-soft rounded"},t("div",{class:"mr-auto hidden lg:block",style:{fontFamily:i.sans,fontWeight:a.fontWeight,fontSize:a.fontSize,lineHeight:a.lineHeight,letterSpacing:a.letterSpacing}},t("span",{class:"text-default font-bold"},`${e} (${n})`)),t("div",{class:"mr-auto block lg:hidden p-4"},t("span",{class:"text-default f-heading-05"},`${e} (${n})`)),t("div",{class:"ml-auto"},t("eds-code-block",{code:`f-${e}`,language:"Utility Class",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`${n}:f-${e}`,language:"Screen",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:[a.fontSize&&`font-size: ${a.fontSize};`,a.lineHeight&&`line-height: ${a.lineHeight};`,a.letterSpacing&&`letter-spacing: ${a.letterSpacing};`,a.fontWeight&&`font-weight: ${a.fontWeight};`,a.fontFamily&&`font-family: ${a.fontFamily};`].filter(Boolean).join("\n"),language:"css",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontFamily)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontWeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontSize)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-lineHeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-letterSpacing)`,class:"min-w-[250px] mb-4"}))))))))))}};export{a as token_typography}

package/dist/components/p-f5dafbc8.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e}from"./p-7a8b9de5.js";import{y as r}from"./p-ecbb679f.js";const a=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"4eba69bfec926b7a3490feee15b5947a8ab8a7b9",class:this.class,innerHTML:r})}};export{a as eds_icon_youtube}

package/dist/components/p-f7493f41.entry.js

@@ -0,0 +1 @@
+import{r as t,h as a}from"./p-7a8b9de5.js";import{c as e}from"./p-112122d6.js";const r=class{constructor(a){t(this,a),this.tabCva=e(["cursor-pointer","text-gray-700","hover:text-black","focus:outline-none","focus-visible:ring"],{variants:{active:{true:"border-blue-500 font-bold text-blue-600",false:"border-transparent"}},defaultVariants:{active:!1}}),this.label=void 0,this.url=void 0,this.active=!1,this.ariaLabel=void 0}render(){return a("a",{key:"a55be2a07e554ab13a0d7e913710382d6126da57","aria-label":this.label,"aria-current":this.active,class:this.tabCva({active:this.active})},this.label)}};export{r as eds_tab}

package/dist/components/p-fce25541.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,g as s}from"./p-7a8b9de5.js";const i=class{constructor(t){e(this,t),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing timeline events JSON",e),t=[]}else t=Array.isArray(e)?e:[];this.parsedEvents=Array.isArray(t)?t.map((e=>Object.assign(Object.assign({},e),{completed:"true"===e.completed||!0===e.completed}))):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach((e=>{this.emitContext(e)}))}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}handleEventClick(e){this.selectedEvent=e,this.modalRef&&"function"==typeof this.modalRef.open&&this.modalRef.open()}render(){return t("div",{key:"1ba4a93ce518b52f5821af75ae0587c44db92c6d",class:"max-w-sidebar mx-auto px-4 py-8"},t("div",{key:"3e019420ddd4bfab7800567c7130299ea47205c6",class:"relative"},t("div",{key:"df99ce8fb08232c46449d7485dd7cffcd04b64d6",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),t("div",{key:"1b52694d2e8c3656910c02680aa8ce2e78b02997",class:"space-y-16"},this.parsedEvents.map(((e,s)=>t("div",{class:"relative flex"},t("div",{class:"w-1/2 "+(s%2==0?"pr-4":"")},s%2==0&&t("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})),t("div",{class:"flex items-center justify-center relative"},t("div",e.completed?{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}:{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),t("div",{class:"w-1/2 "+(s%2!=0?"pl-4":"")},s%2!=0&&t("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)}))))))))}get el(){return s(this)}static get watchers(){return{events:["parseEvents"]}}};export{i as eds_timeline}

package/dist/components/primary.js

@@ -35,7 +35,7 @@ const ColorPrimaryPalette = /*@__PURE__*/ proxyCustomElement(class ColorPrimaryP
         ];
     }
     render() {
-        return (h("ul", { key: '581f0978ebeda33a156d2baf3cc41a10897da1cf', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (h("ul", { key: 'b9b1f4d9c692d3b6f80dd5e50f7c840ed2dd6139', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
 }, [0, "color-primary-palette"]);
 function defineCustomElement() {

package/dist/components/primary2.js

@@ -35,7 +35,7 @@ const GradientPrimaryPalette = /*@__PURE__*/ proxyCustomElement(class GradientPr
         ];
     }
     render() {
-        return (h("ul", { key: '922dbe263e6db86ed17d98d65d38e1d6f4ef25df', class: "gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: '783eb92c379de99659e65e7cb02a1f0ca9df8758', class: "gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
                 background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
             } }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16" }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }

package/dist/components/secondary.js

@@ -60,7 +60,7 @@ const ColorSecondaryPalette = /*@__PURE__*/ proxyCustomElement(class ColorSecond
         this.show = undefined;
     }
     render() {
-        return (h("ul", { key: '7f2e8e7efa207bedaa1e19c0f7d87459a5c22693', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (h("ul", { key: 'f3b7eccec4f67008e8ed73c1a0ff23a542e3c516', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
 }, [0, "color-secondary-palette", {
         "show": [1]

package/dist/components/secondary2.js

@@ -60,19 +60,19 @@ const GradientSecondaryPalette = /*@__PURE__*/ proxyCustomElement(class Gradient
         ];
     }
     render() {
-        return (h("div", { key: '29353679b15fce11ec2e357704cffd6a2d1389d4' }, h("ul", { key: '7a262e1c8f17226c6639a00e1829d4f0927f988d', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f3dfcbe6da3ee882ae9100f95fe68788cd82195f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '83e3ac5d6f64e18e38e179251d58ff3ed23019a3', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: '4bb98c83660ec855ba6b7faeb83386450c27f5fd' }, h("ul", { key: '55b537cacdc2e3df835615e1658f82810633c485', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd2f0d5c21e96579ef9a29540df473f821e2b29b6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e29f3000a3ee702caba1e1867b5d63be74b0d657', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: 'ebc2424dd2950cc2704351456d4d974051e0dd93', class: "grid" }, h("span", { key: '3fdfb110070a8795a1bb1aea12447bc2556937cc', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '0b929d1ddd40e67bc8cd0248fc7bf0c0f8a11cb7', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '3f4ab8d6b91afeaba20c273b8ede74593d452bf0', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '80b6a23a151e6b71630071f2d51c03e6b8c957ff', class: "grid" }, h("span", { key: 'c86531490e51f5559d4293bc75bb2477d23d1593', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '5bbc4e02eb2845508c6de7715f5fe202a36249a5', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '050d2770d4c2e6395dc5350c9f29860ecf3d7e46', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'b1337194dd634b5820cc33707958fd0a2e0e92a6', class: "grid" }, h("span", { key: '0385f9d05575613fcb99e8e01ee04c427ba66a8d', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'bbebf9ca89b0972376225d1708a356777dc6fcca', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'cb70085fe98e4c3e9f535e626b386b1c51b26fc8', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cfd3721992823321bb75c0e544b28fa13cabd7eb', class: "grid" }, h("span", { key: '00834f078742102f17dfa76a6ab024b0ccbcb7c9', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '35d7c496211ab03ce17e17e839c27bcc5a9ef56f', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'baae2cbc6859b137a8588b0e9dd56d0c9e3c3acd', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: '20a5a6748573d6e059ec81d00a737355cfd7f934', class: "grid" }, h("span", { key: 'a63a0ea4301f11e4984f3749c087041acedb94b4', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'd986ecee52e15de1bbd58c48109f8c89d0cf19a2', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'd35bb3c1cb26aa9a3828cecfde1b32f428e8b1af', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8a616b789a99d3721ccc1f102131c2aba1951106', class: "grid" }, h("span", { key: '03d172bbc56a4535d20051bb2ab1bfb4c0889586', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '66f1656d1d41f1616175285cf8f7e7089c9f2657', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '85a7244a69f0d3af26ea5f148917183e2431140e' }), h("ul", { key: 'eb44b6b21fc75b1fd22e1aee42fac1aa99155b0d', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ecb50392387996034d1f4211d5336d2071927844', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'f45bf292bf11cb440731ff7bc67e5b364cb7b6c1', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '55e3d9d0ce260c574da96b4775ce5f3e3e7fbaf0', class: "grid" }, h("span", { key: 'c29acb597734c8422532cb303af1eaf04be73bbb', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'f1d9139118ce788e0c59d0fb7e8304b8d2ad2b6b', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'f8d92e3e205baf3c60a776ef6928da3f45682397', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '09c594d5fe6a642bb0b8dc813911516cb933488e', class: "grid" }, h("span", { key: '62caf5d0012613e3ce291efc0539224e20da2180', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '6a6ced363a3b8a3c05298fd82ab9b7ec81d580f3', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '126929a680751e2028b373be442814d677911978' }), h("ul", { key: '522cc84b4b8e1765a97c08927d640981e0a37328', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4db01022fbe75477a88e7c8e7474e431c126dd63', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '92c1d309578f357745dcde72aae7c54b48d1a378', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '981db4da9bdbc0f60ba6e8fd83840101a815550f', class: "grid" }, h("span", { key: 'd6aaf058991f0d7e1c4d5d7bfa17b0342880cb9c', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'cd63d8d64b9fa30f7a568125f61d3735c3596f0b', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'aca8d6c9668168c6d4b71cb5039e0af4cd419e30', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'ed16477727fe22372cbcd730c4e9cc67f5b35ed8', class: "grid" }, h("span", { key: '4b6989756eb826d93b5b7d71e874f62914d221df', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'a4e3d7e9f3582a0fc5dfabbfc9feb5bb969c2933', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'd23b28073abf3c16b3f8d58744fb5f66877cdd94', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'f789570aa4141bd4dbdbe737fca7a666beb5e635', class: "grid" }, h("span", { key: '2d3840caf5ec39e08271b4400f9ce0e425bc796c', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '41cd0250155a4d8413fb5b35677c6121c3539ab3', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'c36680567bbfd9085b2151748a4dfa7e557925d8', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '14241bc8d0354da8eba7fb06eafc6841b182796a', class: "grid" }, h("span", { key: '97bde70e3d904c55fdf1e7d8b13aff954b905644', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'c5734847ceebbcf235c058c7987415cd47bdba86', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '0c016fdccdbb1c372b28da2c47eacbbfb7af32a8', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '1c96adb58e67d7cada4b4ba382ca2fcd37f0dfd8', class: "grid" }, h("span", { key: 'beaab441ab5852d1141b509a161123ab0f743e7c', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'd2e57f4fd72ff1ef9c84f27e81c8c6b03ec50f66', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '48772cedf0b4ad119e14696e58203efce7bb3559', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '0e233bc33432cdd2149ab20b64464d03de22bcef', class: "grid" }, h("span", { key: 'b0f41ae03bfd3bedf2ebd60b6a4b30c677395da0', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '433f30e367352cbd24668dac2ecf741b9f81febe', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: 'a862789d835c146d140b634782eefa7b48139597' }), h("ul", { key: '9fe132435b11fa93057df3d747dfe36f04bfd997', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e8438aedc62f4d0195a3c4c1c714ba99c6f7b67f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '9928ba20be7b9100e437345a4c5b03bf6d495707', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '0d34612dbff071b4abd0aa2e0b89885ab1088a60', class: "grid" }, h("span", { key: 'ab9628602287dc6543c086cb6b34dd22d40af58c', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '7ca06f7d0801cf664762b274815747e75023b596', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'a910ecaee2d78c6be8af632b497a4fe2d9651a9e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '420889ad4cb54cd70ed3d10053f836e0b226eee6', class: "grid" }, h("span", { key: 'cc92bf72e7dd47a8d492ef263c46d22c7f5b64b2', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'd740c9446d7521e4b6f3e049149d687c74615493', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: 'a6c5dea6ed19042213dcb8c0d12cb3120078c284' }), h("ul", { key: '7eede8a017fc381b57f07c1d3c4cf62b4b9a7f63', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '1202837ab3483b3cb9dd71992e71ea59594596e5', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '5280e99341777daa28196e0be215f58b64d5be37', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: '1cd2d6a8ec580b4094335d3c56acfbb398a96c28', class: "grid" }, h("span", { key: 'dbbd548a12bcc861526309132e685a97714de1d5', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '93d38512e45747e4277169ee3221c36f96862f29', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'b04c9679ea48bf89e70cc969ecd42984ce3c7286', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '4a6130bdeb963c9674100528e2ef24a2245acbab', class: "grid" }, h("span", { key: '7f49f52d514e36d7886a1aecb3c92c7148dcf595', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '0d9a53c5262183a24114f762175f1d9fe5299950', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '26a6e6ca4a67e5ff01d4fcb75e40fdb1456ca62f', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '0a29d5eba0d80789df6e2df892f72a210558bc5f', class: "grid" }, h("span", { key: 'b53837c45946fd2a2e2f44d1ed6ffe86fa15de5d', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '236bb0f5c879da738a5b758982262ef23537e863', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'ae5ed445fb1a5203745d71b9507cc1247c244d95', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'b1ee585cd3ae08d506b42e435e00f885b49f8994', class: "grid" }, h("span", { key: '35c51bc7d60ba9fde2b6eac0ce035e0aceaad92c', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: 'c8796f41fe7ef23bafa9139c19b0807f712a8382', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'e849871809560f669619b23a695f20103d5872e8', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: 'ff5052b9aa74a3edb7d3ba6d1c75b9073b969b31', class: "grid" }, h("span", { key: 'b69e9f4646835b689fd46c6f84b8b35dba1500a1', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: 'a459cc1600cb4072e6d1cfbcae75d17cf14fbbfe', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '55f9185213f01a7891a4e8ff54f4f26759370ef8', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '2f3bbbcdf402f0da4bade772b3cadb1b8cb3370c', class: "grid" }, h("span", { key: '818372e4673ef5c8e35085702a559b744a5cbe8c', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '2bc994826618735b82fd93fe039328a2ff4f6f95', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: 'ef1de66807f52f07f65dcdcebb82db99e4488e96', class: "grid" }, h("span", { key: '60e08fa96458ca4e403ac7f44d57fa68c5bdcab8', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '8c0ca774be1ff12054bfb29ea2b56c12b776f84c', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '2ad43b9dc6d62df3ed3e057262aca05558781f50', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6f9ca87ef408575620079ca088ae00252cccd0fc', class: "grid" }, h("span", { key: 'ccd038680073b25d8584f06fd1baab655cf6125c', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '8705f39198fa91da2b26d334dc1c89cd9f511492', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
 }, [0, "gradient-secondary-palette"]);
 function defineCustomElement() {

package/dist/components/support.js

@@ -51,7 +51,7 @@ const ColorSupportPalette = /*@__PURE__*/ proxyCustomElement(class ColorSupportP
         ];
     }
     render() {
-        return (h("ul", { key: '6cd3d5f3128a49e9ac77abc11f46ca880bc6c195', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC || 'N/A'), h("span", { class: "f-body-02" }, color.pantoneU || 'N/A'))))))));
+        return (h("ul", { key: 'bef8701ffa7aec7ea1f0f21a2dfbe1157647bb0a', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC || 'N/A'), h("span", { class: "f-body-02" }, color.pantoneU || 'N/A'))))))));
     }
 }, [0, "color-support-palette"]);
 function defineCustomElement() {

package/dist/components/support2.js

@@ -51,11 +51,11 @@ const GradientSupportPalette = /*@__PURE__*/ proxyCustomElement(class GradientSu
         ];
     }
     render() {
-        return (h("ul", { key: 'e5444717497402cac34586943ffd10abd2e77148', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '84f6b65181b6f2237b7ef261445a2e58935975ab', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'b9eb17a05b1a479e46adf3908ede6d2a74e47e91', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '74cb2cf74997cf993557cbf06158578a45439965', class: "grid" }, h("span", { key: '29c00a82880aff024927e29c95fde61016553d5d', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'db89f95d9c30eb90ba6d7f9cd12c793f8a500b00', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'd050e9d7910ed8ac88f4f791a2c8a1edaadcb0ac', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd2b688154a3d1f61df4dcc1f735eae9747011d01', class: "grid" }, h("span", { key: '2a204759a52f881b2d6b0d40116bf00bbda3aed2', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '9023f33ba5182558f12dfb119ed4338649638bd7', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '55a4cf54a4dbc1b5c7f9962c571cbb971cba0d93', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'b4190fda8834ddfe5e53e90d357cc1835e7d16ce', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'cf5415f31d46d7a966fa3da040aec720c0241673', class: "grid" }, h("span", { key: '4fb475890391784e8be7c40d0c74c02a492739f7', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '02f5bd1fcb7be45141963bb1d723646195978d49', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '781791e59a86c8687d9afe6d729161acf05fc9dd', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'dd84d9b36892ff47481babfb2fbb8a9082f43219', class: "grid" }, h("span", { key: 'df5ef60b6866f46bafcd93d8f82498090102a520', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'a8cf80fcb9f7fef12daf32055c61fdb33ee38d67', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '2ed0376ad5484fadac08c530450e993fa6145328', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '30ba72591ea4537407b2220a85a961fce0fc54e5', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: 'e1b86872cead72320e3e4cf6cd22e672500cfcab', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a39321c305bb9c0f4c79932252faf0c08fd11e6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '255fb9153e49030054666f086b2e0ac4d6d3dc0e', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: 'fb08851f97cefa4b06a00f7063b558607f5df19e', class: "grid" }, h("span", { key: '4a8a0dc633cca7c36e6ca981e6b85775005ce80f', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '0bebfc5eb567e030e993037f527df3af46615ff2', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'aa06e607647a762ed7150a5aceaeda8c7854a050', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '5c143dd4c8afff2365aad02f68d444fd2234d90f', class: "grid" }, h("span", { key: '47c9334efb42ee8259033bf1a323519d0a048bc7', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: 'bca6d9635f5bcb16ef54154b2d3a2b6734cef7e7', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'e78077ac00556ec5faa7d0ec7e3dc2b9ae7643f2', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '10f182a6515a0006f3903dfcf783349870c2e6c2', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '4ef41025e6e2bb0ebe05933f7fad707c4136c852', class: "grid" }, h("span", { key: 'c2b3c48904efe628b148e080e1487dc8fba70b63', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'ae12e16d9a070b29492a385ff21b6371b9826f85', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'a6e980da23e2c5d0312a9d1a12432388fbba1d56', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a38408a780756f4e81c8d791e52eb87056755eaf', class: "grid" }, h("span", { key: '0180f83000b733914c33696ef4b6d7257efba396', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'fdaab526fcb07f4a58e4daae616da144c2f46666', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'c771a8d62610c7255835896fe678136838c05235', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'debe404f676d76d4ee6e0bf70fc1fb596b768a72', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '641ea920703268846558c852fe087fa9546e14b7', class: "grid" }, h("span", { key: 'f672422e13deb40e9dfaddd6f9855b2de28eab5b', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '008794c76fb2713438c198c914e718efbbfc7b5e', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'ee1cfa3a78f670c74e00e96b6415f85715334526', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '295c044bb9cc9ed3a85bb488225db4401f0ea542', class: "grid" }, h("span", { key: '9d7dbf15fd44ce3d3e45a39324ad3a60d7ae30f0', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'd639d12c3215caf3f4f1e8a4ae062b540b6af50d', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '04e95d8b1a6f7dcdbc465263382e36d05f79d602', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'db1beec1c3ad71ef5fcacaa0d14618acc01666f4', class: "grid" }, h("span", { key: 'cc6e9c599d26813756dc0eb0c240169ea5b2856a', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '9f45b4ec7cd579040a135f63aa3b7aadb8f10ada', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '2ce58a56fcfd1a3b8f7855296c929c37b634bfca', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd494a074655c8bcf35d4021b700eafcd9acdfb54', class: "grid" }, h("span", { key: '626ae49228b52ff921b5ce2bc15b12a540618691', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'db8c4d3f246851fd18794e317d20f1a1f9be59b9', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'f27de0de4bfff2bc26ef573a11b770f55f461425', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: 'e67079bbbdfa1853a2f069f08c52a8388cce688a', class: "grid" }, h("span", { key: '43be6b7785066c0d51aa87e987fb672a758de8bb', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '791e968b11a9dafefac8fe0eda01b04ab4911802', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '5831fd1e75f8ed0d2edc29fbc439389275adf59e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '09329acac8fbc33edada7a7c10c675631a240ea2', class: "grid" }, h("span", { key: '42f70fa2578b40e189b95cd1d4c56ccd84cdce69', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '2b8dfefd1e2dff08aa17b234a04cff60e3eb9d7a', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: 'e3a39fb7ad23526623bfea88cdab8d320847365d', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'cfde16c94675c5c9b510e3752f875655c9d098e2', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '1f8a8bd2e746c187323841ced84eec52d2c2f2f1', class: "grid" }, h("span", { key: '920fc68ae73790a37c927dabf687ccaf5e248841', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '40205cf5666e6ba44ca07a09dc08e54f2f9cad56', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '8a855110b362569cc9926a09772d12f133aa20b6', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a69c90cfac79b0a7ba5fbd921117a12ce997c228', class: "grid" }, h("span", { key: 'bc06aaaaececad3b81e4884380e17fe773f97570', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '15baae3dafc6b53322e1a67956af1f533ea402f7', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '386d0e341c37f0baef2c62a13fcba88640b5ec3a', class: "grid" }, h("span", { key: '5b5f541490612b70841e2ea62bad3b8f86587301', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '88b7fd61a6fe4f15bb37d067e8b9f28fe329de0d', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '7d96a904aa3703ffba953ede2e68aae605aa5921', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8a20e30b1c43b8f50eb8cbde0e735a54d4129e26', class: "grid" }, h("span", { key: 'd843ddf7b0328f99400c106e7705aed0626d2f32', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '57ce96cc38ae1f0b91f512841e0738384e543cb1', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '5d96a25dcd51b35b01952ebc94c75cfa1045b8da', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '713e347acd6ee623562db92a24b87a2f36086875', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: 'a62ed8e1fda6deb45b131c4d7cefe355862b33ba', class: "grid" }, h("span", { key: 'bb419133f1bfcd07f05d551a4dafa54331ee1c09', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '774de6f18b6ab9d5539cc6889949b7ef9a0511db', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '87d83ce275bfbba7a8930e1e0fcecf14dee2af59', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '4e4acde29f939b2e7b2d4925490da515b8bcabf1', class: "grid" }, h("span", { key: 'c2276899357a54e0be5d35fcb9cbc01257882a12', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'c78d9648c05583b858d75ff0f6aff57a62ff1628', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 }, [0, "gradient-support-palette"]);
 function defineCustomElement() {

package/dist/components/token-list2.js

@@ -243,7 +243,7 @@ const TokenList = /*@__PURE__*/ proxyCustomElement(class TokenList extends HTMLE
     render() {
         // Check if `show` prop is provided; if not, display all sections
         const sectionsToDisplay = this.show ? { [this.show]: colors[this.show] } : colors;
-        return (h("section", { key: 'ac8573b341ad313eba0f9f082dcc72cfc81208b3', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (h("section", { key: '43d7e8b3192d4a2d596ca99a4dce072ea7387924', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }

package/dist/components/token-radii2.js

@@ -17,7 +17,7 @@ const TokenRadii = /*@__PURE__*/ proxyCustomElement(class TokenRadii extends HTM
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: '84dabcd5a39d49e116f8fc9e9b26e00455c7fbb3', class: "w-full mt-28" }, h("ul", { key: 'a821c747c45b8898ab2e7626d2ead91814549335', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
+        return (h("section", { key: '0b0ccb9adcfa77ea898828ddbb244e959f93e2e4', class: "w-full mt-28" }, h("ul", { key: '7c81d0a9725565c4e2587369528568d640e7b1a3', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
 }, [0, "token-radii"]);
 function defineCustomElement() {

package/dist/components/token-ratios.js

@@ -17,7 +17,7 @@ const TokenRatios$1 = /*@__PURE__*/ proxyCustomElement(class TokenRatios extends
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: '9c4dc70bd40a40fbeedc88280ea3fdd4b2597e40', class: "w-full" }, h("eds-section-core", { key: '039b72b762e48f62a4fa58d5af7803d0ed73bf6a', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'be3e37d842a24536488b7bc03f24399faa1304ff', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
+        return (h("section", { key: '0fb029d34cba573e04e15030b3fdd1497ac9974e', class: "w-full" }, h("eds-section-core", { key: 'd6914b95ef74d590d58b0c90600fc44f5d9d6678', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'f08511f07380707795b810fd0f34c1acdc47d37d', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
                 aspectRatio: value.replace('/', ':'), // Cast to string to resolve TypeScript error
                 width: '100%', // Full width to show the aspect ratio correctly
                 maxWidth: '300px'

package/dist/components/token-shadows2.js

@@ -26,7 +26,7 @@ const TokenShadows = /*@__PURE__*/ proxyCustomElement(class TokenShadows extends
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: '4575feac8b5bff23aed39733e638fbb62916988f', class: "w-full mt-28" }, h("ul", { key: 'c9833aa0d698a7ec33911011ccb9227d43c8261a', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
+        return (h("section", { key: '18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4', class: "w-full mt-28" }, h("ul", { key: 'b258c50ab37a0445d523187c773e92f6569dd6ad', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
     }
 }, [0, "token-shadows"]);
 function defineCustomElement() {

package/dist/components/token-spacing.js

@@ -6,7 +6,7 @@ const TokenSpacing$1 = /*@__PURE__*/ proxyCustomElement(class TokenSpacing exten
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '5f72b8386e92973faca8b22ebadcffa5b8ca8744', class: "w-full" }, h("ul", { key: '619cc2546059aaac566dc89f56b098f72f7c2bde', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'b90587543210e02a577854ce061472ef8f3bdc7a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'd98ea95c641209ba592aae8c695e278549840420', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '6dd84540a213d98fa09480eac823fe030dfb2404', class: "spacing-sample m-32 bg-darker" }, h("span", { key: 'ad0493ba8d97cdcc15535505db4d726d6f69bd38', class: "text-white" }, "Margin: 2rem / m-32")))), h("li", { key: 'a0914d288cdb4b9caef6956af0069cd0937ee019', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '95adc2b10d3962378de300e00b749b691fda88af', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '8bad94397c9fe8112b49933a508958000f9cd99d', class: "spacing-sample ml-64 bg-darker" }, h("span", { key: '04229385104243a5ce9a194c4f8056f7341a6736', class: "text-white" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'f34e1fd5ccafc528ed9359766deaa5c615a2e14b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '38e12800b2c8502ea2f9e912af929f71d3ec9699', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'f4e93d89576ab3de7f44ce3a85d9838f21bfa7f6', class: "spacing-sample mt-32 bg-darker" }, h("span", { key: 'e85e2e1c7c4c7e765dfafd25dc9f2c33b6bd5069', class: "text-white" }, "Margin Top: 2rem / mt-32")))), h("li", { key: 'b42299c17c024a5906bd09c80a2f309b461b6fde', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'f54a9e32893ac6f1b0384e79e2959d1e65a251e2', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '4209fa0c979a1d55d42d7b892bc94cc0f3788e88', class: "spacing-sample p-32 bg-darker" }, h("span", { key: '1d9249c56d3a42500dfb8cc1d3eae1f89e79cdcd', class: "text-white" }, "Padding: 2rem / p-32")))), h("li", { key: 'ad6f2e33e15c4c21bdfed8478b3d2faa905490fa', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '9950970e66b8a382e7b0158b54e980a5e5f45774', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '40e96cd046eaddf3a23387995affbfc399d171ae', class: "spacing-sample pt-32 bg-darker" }, h("span", { key: '2d120273f7a6d4429061d0ade2164ada9a14b506', class: "text-white" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '8c3327edc63f8959c0cb01cce0a8407bf3a605af', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'c0be38039770c54577f073e1a707110cd0807ab5', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'd8085da375e734ed11fe580f1a9004f6fddef679', class: "spacing-sample pl-32 bg-darker" }, h("span", { key: '029857c00659221390438d8477734d0f130d1b97', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: '144e643ff3f26d09b932b3bfa2086164134728c0', class: "w-full" }, h("ul", { key: '901ef03cdff10b00eb4c8bdbda083760fcde7f24', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '330a1a3bae65fde46111f2213d25e436fd2a91cf', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '1d2a762f9cf33ea03af1d63892f9ab53293ee1e7', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'adb666cc7517d3bf05d3599c75adb94833522848', class: "spacing-sample m-32 bg-darker" }, h("span", { key: 'b7b11b55a5ccc619c2aa9890d1051995ba9a22f7', class: "text-white" }, "Margin: 2rem / m-32")))), h("li", { key: '0cf9be1778f86479eca5db5d38964cdffeb4d336', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '5327b962b290dcaf1479cee8a0ae4c85d195be6f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '7ada04bb258adad1d06562a6f35d44fcfe21ab5a', class: "spacing-sample ml-64 bg-darker" }, h("span", { key: '5b50ff36cd166f19704cc431ea607fa95fdfe2aa', class: "text-white" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '93c162e7bd651e4e7876e9098327b5d0d6a14001', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'baad427ed16e9f64f268cf4b5172426dee3fbf81', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '4e9cf544dd6ef7bace03d025a887e0c21b7fe3b4', class: "spacing-sample mt-32 bg-darker" }, h("span", { key: '64858f80ac6535ad5d1f5e0dda7ed0b4ea61c9ba', class: "text-white" }, "Margin Top: 2rem / mt-32")))), h("li", { key: 'a5f0b462645727b11bdd874b7883cde9e3208e04', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '90fd6d72e160d5e16088c715153370b53ba07e36', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c46fbff19edc9b0389b3a3347e96846e8e01d0ea', class: "spacing-sample p-32 bg-darker" }, h("span", { key: '0acbde0ab78642e37e25103260804a096cb9e996', class: "text-white" }, "Padding: 2rem / p-32")))), h("li", { key: 'cdb0d711cad94887bd001defe30f0334dd948d16', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '6874126bd20267fdd9d0031002e24a71e0a39693', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '8ab168cab95089dffdc8bff3b9bb2f9cb1fc3832', class: "spacing-sample pt-32 bg-darker" }, h("span", { key: '4366fbd79ce583f9399bc739da790b01759eb5ea', class: "text-white" }, "Padding Top: 2rem / pt-32")))), h("li", { key: 'affbabf8b1d8c4abdd61f51ac12cac4c5e3460a7', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '6e9eae3de01dd4ff99b19fdfc62eb4a301d5071d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '5e6788281bc9f57aab48cd768fa81fb98e1e31c3', class: "spacing-sample pl-32 bg-darker" }, h("span", { key: '8fe02840d35475a60536f13abf97bd98cb53b07e', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
     }
 }, [0, "token-spacing"]);
 function defineCustomElement$1() {

package/dist/components/token-typography.js

@@ -206,7 +206,7 @@ const TokenTypography$1 = /*@__PURE__*/ proxyCustomElement(class TokenTypography
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: '23815518d694435812ed3d7b9aab850043941b96', class: "w-full" }, h("ul", { key: '366ed5bc5933c5b8a563d33b70471f507a21386c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: 'b831c9707b00d17768f585e2015de8a7289b11d2', class: "w-full" }, h("ul", { key: '472e46f2c903597d24e8f24cf28b6f475c7d7a82', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
             .filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
             .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-4 block lg:flex items-center border border-soft rounded" }, h("div", { class: "mr-auto hidden lg:block", style: {
                 fontFamily: typography.families.sans,