@ebrains/components 0.2.0-alpha.0 → 0.4.0-alpha.0

package/dist/components/{p-1bcfbaf1.entry.js → p-87830085.entry.js}

@@ -1 +1 @@
-import{r as e,h as t}from"./p-7a8b9de5.js";const l=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("div",null,t("h2",null,"Primary Palette"),t("color-primary-palette",null),t("h2",null,"Secondary Palette"),t("color-secondary-palette",null),t("h2",null,"Support Palette"),t("color-support-palette",null));case 1:return t("div",null,t("h2",null,"Primary Palette"),t("gradient-primary-palette",null),t("h2",null,"Secondary Palette"),t("gradient-secondary-palette",null),t("h2",null,"Support Palette"),t("gradient-support-palette",null));default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"c11e0de66c41770e7ebca46d3fb7ab11b454511e",class:"container"},this.renderContent())}};export{l as eds_docs_palettes}
+import{r as e,h as t}from"./p-7a8b9de5.js";const l=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("div",null,t("h2",null,"Primary Palette"),t("color-primary-palette",null),t("h2",null,"Secondary Palette"),t("color-secondary-palette",null),t("h2",null,"Support Palette"),t("color-support-palette",null));case 1:return t("div",null,t("h2",null,"Primary Palette"),t("gradient-primary-palette",null),t("h2",null,"Secondary Palette"),t("gradient-secondary-palette",null),t("h2",null,"Support Palette"),t("gradient-support-palette",null));default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"42f0a4598c64661d98054522e88366ec591a2cb3",class:"container"},this.renderContent())}};export{l as eds_docs_palettes}

package/dist/components/p-8ddc67a1.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as r,g as i}from"./p-7a8b9de5.js";import{s}from"./p-b86a4985.js";import{c as a}from"./p-112122d6.js";const o=class{constructor(r){t(this,r),this.tabChange=e(this,"tabChange",7),this.tabCva=a(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tabChange.emit({tabId:this.id,index:0})}parseTabs(){if(Array.isArray(this.tabs))this.parsedTabs=this.tabs;else if("string"==typeof this.tabs)try{this.parsedTabs=JSON.parse(this.tabs)}catch(t){this.parsedTabs=[]}else this.parsedTabs=[]}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex((t=>t.active))}scrollToActiveTab(){var t;const e=null===(t=this.tabContainer)||void 0===t?void 0:t.querySelector("[data-tab-active]");e&&setTimeout((()=>{e.scrollIntoView({inline:"center",block:"nearest"})}),316)}getTabOptions(t,e){const r=t?"center":-1===this.activeIndex&&0===e?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:t,position:r}),style:{zIndex:`${t?this.parsedTabs.length+99:"left"===r?e:this.parsedTabs.length+1-e}`}},t?{"data-tab-active":"true"}:{})}handleTabClick(t,e){this.activeIndex=t,this.parsedTabs=this.parsedTabs.map(((e,r)=>Object.assign(Object.assign({},e),{active:r===t}))),this.tabChange.emit({tabId:this.id,index:t,name:e}),s({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null==e?void 0:e.toLowerCase())||"",action:"click"})}render(){return r("div",{key:"540bb667084b36ae2151ec39ef6b54a9ac6a4c4a",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},r("div",{key:"f0266d39c943b82725ded757cce0b35fb85fa874",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},r("nav",{key:"fcedf94e6f6c14635291d9c8e6d672efc8055433",ref:t=>this.tabContainer=t,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map(((t,e)=>{const i=this.getTabOptions(t.active,e);return r("eds-tab",Object.assign({},i,{label:t.label||t.ariaLabel,url:t.url,active:e===this.activeIndex,onClick:()=>this.handleTabClick(e,t.label)}))})))))}get el(){return i(this)}static get watchers(){return{tabs:["parseTabs"]}}};o.style="";export{o as eds_tabs}

package/dist/components/p-ab32b3fc.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-b86a4985.js";import"./p-112122d6.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:"584e0918b070eac25a7c4bfceff59b000b60076c"},this.total>0&&"default"===this.mode&&e("p",{key:"c688bd8e1f1d15904fc274454093f03213f59e38",class:"f-ui-03 text-lightest mb-28 w-full text-center"},e("span",{key:"c2472919bad41f76e26d518da27509e545ed9db6",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:"69fd87330d2049eeb91751c781c7aa753fa89883"},this.searchEnabled&&e("div",{key:"2f9680dd17b852b140fe560f7979e1dd58236c5a"},e("eds-input-field",{key:1,name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:t=>this.handleSearch(t)})),e("div",{key:"d67edb24308e526a3e860a90250d58cf8bfee9c8",class:"mt-20"},e("table",{key:"9a2ef219110e459ac670a0f9c2e62c600f6b5acd",class:"block overflow-x-auto mt-6 p-0"},e("thead",{key:"81bae222447e805d06642dda19903d5bf99f2b01"},e("tr",{key:"582d7ea661823b81ccdf3adc9769fe53cf56f04c",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}px`}},t)})))),e("tbody",{key:"ce7f87e665c394c5e9f2201ef2658e888ea07948"},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}px`}},this.renderCell(t[i],i))})))))))),this.shouldEnablePagination()&&e("div",{key:"0fe6aed0d03c3aa491cd1bb17cd3bdc1e35372a0",class:"mt-20"},e("eds-pagination",{key:"5192f3f4b2ee93d5864d1afed3341a122c826d97",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-ac0112d5.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"}))),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 { EdsHeader } from "@ebrains/react";\n\ninterface User {\n  firstname: string;\n  lastname: string;\n}\n\ninterface AuthStatus {\n  authenticated: boolean;\n  user: User | null;\n}\n\nimport { useEffect, useState } from "react";\n\nexport function App() {\n\n  const [authStatus, setAuthStatus] = useState<AuthStatus>({\n    authenticated: false,\n    user: null,\n  });\n  \n  const [activeTabIndex, setActiveTabIndex] = useState<number>(0);\n\n  // Use useEffect to render Stencil components dynamically after the component mounts\n  useEffect(() => {\n    \n    const handleAuthStatusChange = (event: CustomEvent) => {\n      console.log(event.detail);\n      setAuthStatus(event.detail); // Set the entire object\n    };\n\n    const handleTabChange = (\n      event: CustomEvent<{ index: number; name: string }>,\n    ) => {\n      console.log(event.detail);\n      setActiveTabIndex(event.detail.index);\n    };\n\n    document.addEventListener(\n      "authStatusChanged",\n      handleAuthStatusChange as EventListener,\n    );\n    document.addEventListener("tabChange", handleTabChange as EventListener);\n\n    return () => {\n      document.removeEventListener(\n        "authStatusChanged",\n        handleAuthStatusChange as EventListener,\n      );\n      document.removeEventListener(\n        "tabChange",\n        handleTabChange as EventListener,\n      );\n    };\n  }, []); // Empty dependency array ensures this runs only once after mounting\n\n  return (\n    <div id="main">\n      <EdsHeader\n        home-url="/"\n        user-feature={false}\n        keycloak-url="http://localhost:8080"\n        keycloak-realm="nigeor-realm"\n        keycloak-client-id="stencil-app"\n        links="[\n            { "label": "About", "url": "/about" },\n            { "label": "Focus Areas", "url": "/focus-areas" },\n            { "label": "News & Events", "url": "/news-and-events" },\n            { "label": "Contact", "url": "/contact" }\n          ]"\n      ></EdsHeader>\n\n      <div> \n        User is{" "} {authStatus.authenticated ? "authenticated" : "not authenticated"}\n      </div>\n      {authStatus.user && <div>Welcome, {authStatus.user.firstname}</div>}\n      </div>\n    </div>\n  );\n}\n\nexport default App;\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:"ce34514ab73daa5baa011bda56a13d6197f8bfd0",class:"container"},this.renderContent())}};export{r as eds_components_section}

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

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-7a8b9de5.js";const c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],s=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],l=class{constructor(a){e(this,a)}render(){return a("div",{key:"2e660e9a788e46e68d6695ae8aa475bbb1ca395e",class:"container"},a("eds-alert",{key:"1dc4552a33d88055a3a0c33eeb18c53a8379039a",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"}),a("div",{key:"fd6bf7f0205422b1bd3ceb3f8374d5a9a73aaca0",class:"flex"},a("div",{key:"dae745447f5e9792136f059b1dcfc868e473dfd5",class:"w-full"},a("ul",{key:"daeec7514f4027ec3f688f05fb4f1e027b846a81",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:"1ca202afa9384e78e3ed9c0674e06c51184d3a5a",class:"w-full"},a("ul",{key:"7bdef2e7d64f3c5553193d127bac69ee89a93686",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},s.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{l as incorrect_use_of_colors}

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

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-7a8b9de5.js";const r=class{constructor(e){t(this,e),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e("logo-variations-horizontal",null);case 1:return e("logo-variations-vertical",null);default:return e("p",null,"Content not available.")}}render(){return e("div",{key:"9d6ce0e75030d6e636aab423181b0ce999f6f1b0",class:"container"},this.renderContent())}};export{r as eds_logo_variations}

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

@@ -0,0 +1 @@
+import{r,h as n}from"./p-7a8b9de5.js";const i=class{constructor(n){r(this,n),this.cards=[],this.cols=4}get parsedCards(){if(Array.isArray(this.cards))return this.cards;if("object"==typeof this.cards)return this.cards;if("string"==typeof this.cards)try{return JSON.parse(this.cards)}catch(r){return console.error("Error parsing cards prop:",r),[]}return[]}render(){return n("section",{key:"da139da167230819e494a6426c2431f209a2e557",class:"w-full"},n("ul",{key:"3e8affe5c9aee91c4487480c72c437339265101a",class:"grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map((r=>n("li",{class:`grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col`},n("eds-card-generic",{cardTitle:r.title,description:r.description,avatar:r.avatar,headingLevel:r.headingLevel,tags:r.tags,url:r.url,bg:r.bg,tiny:r.tiny,image:r.image,withHover:r.withHover}))))))}};i.style=".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}";export{i as eds_card_section}

package/dist/components/p-b86a4985.js

@@ -0,0 +1 @@
+import{c as e}from"./p-112122d6.js";function o(){return"undefined"!=typeof window&&void 0!==window._paq}function t(e){var t;if(!o())return void console.warn("Matomo is not available or not initialized.");const a=[];(null===(t=e.parentContext)||void 0===t?void 0:t.componentName)&&a.push(e.parentContext.componentName),a.push(e.tag||"unknown-tag"),a.push(e.name||"unknown-name");const r=a.join("/");!function(e,...t){o()?window._paq.push([e,...t]):console.warn("Matomo is not available or not initialized.")}("trackEvent",e.category,e.action,r),console.log(Object.assign({},e))}function a(){o()&&(window._paq.push(["rememberConsentGiven"]),console.log("User has opted in to tracking"))}JSON.stringify([{label:"About",url:"/about"},{label:"Focus Areas",url:"/focus-areas"},{label:"News & Events",url:"/news-and-events"},{label:"Contact",url:"/contact"}]),JSON.stringify([{label:"Home",url:"#",active:!0,ariaLabel:"Home Tab"},{label:"Profile",url:"#",active:!1,ariaLabel:"Profile Tab"},{label:"Settings",url:"#",active:!1,ariaLabel:"Settings Tab"}]),JSON.stringify([{title:"Card 1",description:"Description 1",tags:"tag1, tag2",url:"/link1"},{title:"Card 2",description:"Description 2",tags:"tag3",url:"/link2"}]),JSON.stringify([{label:"Home",url:"/"},{label:"Products",url:"/products"},{label:"Electronics",url:"/products/electronics"},{label:"Laptops",url:"/products/electronics/laptops"}]),JSON.stringify([{name:"username",label:"Username",type:"text",required:!0,maxlength:10},{name:"email",label:"Email",type:"email",required:!0},{name:"number",label:"Number",type:"number",required:!0},{name:"password",label:"Password",type:"password",required:!0,maxlength:50},{name:"date",label:"Date",type:"date",required:!0},{name:"file",label:"File",type:"file",required:!1},{name:"hiddenField",type:"hidden",value:"hiddenValue"},{name:"bio",label:"Biography",type:"textarea",required:!0,maxlength:300},{name:"role",label:"Role",type:"select",required:!0,options:[{label:"Admin",value:"admin"},{label:"Editor",value:"editor"},{label:"Viewer",value:"viewer"}]},{name:"preferences",type:"checkbox",label:"Select your preferences",options:[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3"}],required:!0},{name:"gender",type:"radio",label:"Select your gender",options:[{value:"female",label:"Female"},{value:"male",label:"Male"}],required:!0},{name:"newsletter",label:"newsletter",type:"checkbox",value:"subscribe",required:!0},{name:"range",label:"Range bar",type:"range",min:"0",max:"10",step:"1",required:!0}]),JSON.stringify([{type:"image/webp",srcset:"https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 1080w"},{type:"image/jpeg",srcset:"https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1080w"}]),JSON.stringify([{Property:"username",Type:"string",Required:"Yes"},{Property:"password",Type:"string",Required:"Yes"},{Property:"email",Type:"string",Required:"No"}]),JSON.stringify({Type:{format:"uppercase"},Property:{format:"code"},Required:{hidden:!0}});const r=e([],{variants:{color:["green","yellow","among-blue","purple"].reduce(((e,o)=>Object.assign(Object.assign({},e),{[o]:""})),{}),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{r as g,a as m,t as s}

package/dist/components/{p-9722811d.entry.js → p-ba6bafef.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as a}from"./p-7a8b9de5.js";import{s as r}from"./p-373673ca.js";import{c as s}from"./p-112122d6.js";const o=class{constructor(i){t(this,i),this.tabContentChange=e(this,"tabContentChange",7),this.tabCva=s(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex()}parseTabs(){try{this.parsedTabs=JSON.parse(this.tabs)}catch(t){this.parsedTabs=[]}}componentDidLoad(){this.initializeTabContentVisibility(),this.el.addEventListener("tabContentChange",(t=>{this.updateTabContentVisibility(t.detail.index)})),this.scrollToActiveTab()}initializeTabContentVisibility(){this.el.querySelectorAll(".tab-content").forEach(((t,e)=>{t.setAttribute("style","display: "+(e===this.activeIndex?"block":"none"))}))}updateTabContentVisibility(t){this.el.querySelectorAll(".tab-content").forEach(((e,i)=>{e.setAttribute("style","display: "+(i===t?"block":"none"))}))}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex((t=>t.active))}scrollToActiveTab(){var t;const e=null===(t=this.tabContainer)||void 0===t?void 0:t.querySelector("[data-tab-active]");e&&setTimeout((()=>{e.scrollIntoView({inline:"center",block:"nearest"})}),316)}getTabOptions(t,e){const i=t?"center":-1===this.activeIndex&&0===e?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:t,position:i}),style:{zIndex:`${t?this.parsedTabs.length+99:"left"===i?e:this.parsedTabs.length+1-e}`}},t?{"data-tab-active":"true"}:{})}handleTabClick(t,e){this.activeIndex=t,this.parsedTabs=this.parsedTabs.map(((e,i)=>Object.assign(Object.assign({},e),{active:i===t}))),this.tabContentChange.emit({index:t,name:e}),r({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null==e?void 0:e.toLowerCase())||"",action:"click"})}render(){return i("div",{key:"b1bfb55fbdee21a10fcc600d4c3ce2842684c519",class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i("div",{key:"1d1aeb094b6c350355abec1bf74928561a1c0f2d",class:"scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i("nav",{key:"5d5b04ddf5ddb60c2a9b49d19f4efe026cc2557d",ref:t=>this.tabContainer=t,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map(((t,e)=>{const a=this.getTabOptions(t.active,e);return i("eds-tab",Object.assign({},a,{label:t.label,url:t.url,active:e===this.activeIndex,ariaLabel:t.ariaLabel,onClick:()=>this.handleTabClick(e,t.label)}))}))),i("slot",{key:"58e9281516d0a4485ba0779f9b79c0fa5e989166"})))}get el(){return a(this)}static get watchers(){return{tabs:["parseTabs"]}}};export{o as eds_tabs_content}
+import{r as t,c as e,h as i,g as a}from"./p-7a8b9de5.js";import{s as r}from"./p-b86a4985.js";import{c as s}from"./p-112122d6.js";const o=class{constructor(i){t(this,i),this.tabContentChange=e(this,"tabContentChange",7),this.tabCva=s(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex()}parseTabs(){try{this.parsedTabs=JSON.parse(this.tabs)}catch(t){this.parsedTabs=[]}}componentDidLoad(){this.initializeTabContentVisibility(),this.el.addEventListener("tabContentChange",(t=>{this.updateTabContentVisibility(t.detail.index)})),this.scrollToActiveTab()}initializeTabContentVisibility(){this.el.querySelectorAll(".tab-content").forEach(((t,e)=>{t.setAttribute("style","display: "+(e===this.activeIndex?"block":"none"))}))}updateTabContentVisibility(t){this.el.querySelectorAll(".tab-content").forEach(((e,i)=>{e.setAttribute("style","display: "+(i===t?"block":"none"))}))}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex((t=>t.active))}scrollToActiveTab(){var t;const e=null===(t=this.tabContainer)||void 0===t?void 0:t.querySelector("[data-tab-active]");e&&setTimeout((()=>{e.scrollIntoView({inline:"center",block:"nearest"})}),316)}getTabOptions(t,e){const i=t?"center":-1===this.activeIndex&&0===e?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:t,position:i}),style:{zIndex:`${t?this.parsedTabs.length+99:"left"===i?e:this.parsedTabs.length+1-e}`}},t?{"data-tab-active":"true"}:{})}handleTabClick(t,e){this.activeIndex=t,this.parsedTabs=this.parsedTabs.map(((e,i)=>Object.assign(Object.assign({},e),{active:i===t}))),this.tabContentChange.emit({index:t,name:e}),r({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null==e?void 0:e.toLowerCase())||"",action:"click"})}render(){return i("div",{key:"7bc954d9251bd15b5e3a49d5c74b83805f802b07",class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i("div",{key:"1bfda380604f1eae1cc5be147a5e3e6b537e0396",class:"scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i("nav",{key:"b2ed26b52fd629ec99b01c7dc8e612eae4f3886d",ref:t=>this.tabContainer=t,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map(((t,e)=>{const a=this.getTabOptions(t.active,e);return i("eds-tab",Object.assign({},a,{label:t.label,url:t.url,active:e===this.activeIndex,ariaLabel:t.ariaLabel,onClick:()=>this.handleTabClick(e,t.label)}))}))),i("slot",{key:"5072b877786a23358d540d6d242d5fbdb3c63d7f"})))}get el(){return a(this)}static get watchers(){return{tabs:["parseTabs"]}}};export{o as eds_tabs_content}

package/dist/components/{p-6fc62452.entry.js → p-c3b294a0.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as s}from"./p-7a8b9de5.js";const r=class{constructor(t){e(this,t),this.tiny=!1,this.withBg=!0,this.withHover=!0}hasSlot(e){return e?!!this.el.querySelector(`[slot="${e}"]`):!!this.el.querySelector(":not([slot])")}render(){const e=[this.tiny?"min-h-120":"min-h-156",this.withBg?"bg-inverse":"bg-default",this.withHover?"effect-shadow hover:shadow-hover cursor-pointer":"","border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"].join(" ");return t("article",{key:"c52f6ad7873050c052b8c0e68b2c812d74f2ddf1",class:e},t("slot",{key:"dac6f9fe339c8baa191ee2fd622332ddf25ec08d"}),this.hasSlot("footer")&&t("div",{key:"301862515ba88f320d1af722bec6120bc3e7d723",class:"mt-auto"},t("slot",{key:"85d939150663a4586934413c9965aa92a9babeef",name:"footer"})))}get el(){return s(this)}};export{r as eds_card_wrapper}
+import{r as e,h as t,g as s}from"./p-7a8b9de5.js";const r=class{constructor(t){e(this,t),this.tiny=!1,this.withBg=!0,this.withHover=!0}hasSlot(e){return e?!!this.el.querySelector(`[slot="${e}"]`):!!this.el.querySelector(":not([slot])")}render(){const e=[this.tiny?"min-h-120":"min-h-156",this.withBg?"bg-inverse":"bg-default",this.withHover?"effect-shadow hover:shadow-hover cursor-pointer":"","border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"].join(" ");return t("article",{key:"7c12b1d147f061e189b5dda5d517ec4eae0c3691",class:e},t("slot",{key:"f506bad73ed38ae36931f88f7d7c5f5d94705e4f"}),this.hasSlot("footer")&&t("div",{key:"783f480be269e4a2f61aa8d4396e757fe41bfcc6",class:"mt-auto"},t("slot",{key:"f07ddaa2d930518a5c8ac82efab3cb0dd6647bdd",name:"footer"})))}get el(){return s(this)}};export{r as eds_card_wrapper}

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-7a8b9de5.js";const r=class{constructor(i){t(this,i),this.ratingChange=e(this,"ratingChange",7),this.stars=5,this.label="Rate your experience",this.textMapping=["Very Poor","Poor","Average","Good","Excellent"],this.selectedRating=0}get parsedMappings(){if("object"==typeof this.textMapping)return this.textMapping;if("string"==typeof this.textMapping)try{return JSON.parse(this.textMapping)}catch(t){return console.error("Error parsing textMapping prop:",t),[]}return[]}handleClick(t){this.selectedRating=t,this.ratingChange.emit(t)}render(){return i("div",{key:"c9147c2635f091d93f329d2b56a5fee8dce9126c",class:"relative w-full flex flex-col"},i("span",{key:"39a84bc3d9bcd4b729a35737c883eca7144d13ac",class:"f-body-01"},this.label),i("div",{key:"3cb84acf399cac0b23393c71df2f2b36aab4f43e",class:"stars"},Array.from({length:this.stars},((t,e)=>i("span",{class:{star:!0,filled:e<this.selectedRating},onClick:()=>this.handleClick(e+1)},"★")))),this.selectedRating>0&&this.parsedMappings[this.selectedRating-1]&&i("span",{key:"60605ec21b542825da0dad629fc1618d9cf63b25",class:"f-ui-04 text-lighter"},this.parsedMappings[this.selectedRating-1]))}};r.style=":host{display:inline-block;font-size:2rem}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}";export{r as eds_rating}

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

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-7a8b9de5.js";const a=class{constructor(t){e(this,t),this.applications=void 0}getParsedApplications(){let e=[];if("string"==typeof this.applications)try{e=JSON.parse(this.applications||"[]")}catch(t){console.error("Invalid applications trl JSON",t),e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const e=this.getParsedApplications().map((e=>({Application:e.name,"Current TRL Stage":`TRL ${e.currentTrl}`,Progress:t("div",{class:"w-[200px]"},t("eds-progress-bar",{value:this.calculateProgress(e.currentTrl)}))})));return t("div",{key:"868a7c45e6495d7a2ed8a4ad2974ac31f74535a6",class:"container mx-auto px-4 py-8"},t("eds-table",{key:"ed3e2a949d0e1d66a5e80018fa5fcac9bbe64620",data:JSON.stringify(e),config:JSON.stringify({Application:{format:"code"},"Current TRL Stage":{format:"text"}}),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};export{a as eds_trl}

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

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-7a8b9de5.js";import{h as d}from"./p-2692f93d.js";const o=class{constructor(a){e(this,a)}render(){return a("ul",{key:"e2fbd7802c153f970a457011a5dcaf3163d6290f",class:"container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},a("span",{key:"07d6a5b930dd8ae652e63310c4232e8c3e6858b2",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"5d3dd01a67f41f839e79aa3d449ba319dcc0209c",class:"example"},a("div",{key:"6b51ea71b6b4072ec6c66223a4f92c1232e8691a",class:"bg-dark "},a("div",{key:"03a476635bc1112f1ea2d4ed10df0415ead7f0f8",class:"no-other-bg-color logo",innerHTML:d})),a("p",{key:"084116335e9f8ed4c9d2a04a9551097dc2a53c4a",class:"f-ui-02"},"Do not use with backgrounds that make legibility difficult"))),a("span",{key:"e67f1bdeee28928f4f6f8fb5d1e0b59160edd949",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"b0e909eb57a6771b32a93dd0932ef5b848a19ff2",class:"example"},a("div",{key:"19bc9f29ddbffd1c308cb429100f0af3d58237a1",class:"no-other-color p-16"},a("div",{key:"301c5cb926b9ad167f1ba096f99a874577617fb1",class:"logo non-brand-color",innerHTML:d})),a("p",{key:"b41ab53c2af9efeafb46d41a515eba2f801d49e4",class:"f-ui-02"},"Do not apply other colors"))),a("span",{key:"826ae54f62c5a3880adf1833dbc19bbb9e1ec6f2",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"092d5fc3176845532ecf577c66d6e3a349ebfe45",class:"example"},a("div",{key:"1d1d3cc86e728fc21f898c59ff1511c5fa728f9f",class:"bg-light p-16"},a("div",{key:"df05102398d3de9916a23d0998529d8ca8a66257",class:"logo distorted",innerHTML:d})),a("p",{key:"377e38a762855d563d087eb275481de6a17ddbbb",class:"f-ui-02"},"Do not deform the logo"))),a("span",{key:"766c4ea568c8bf2fa1efa207ff5f602e5128aef3",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"cf4e883370c0ee284167bea7f2c0c603932d1682",class:"example"},a("div",{key:"de160646456f91316bf966db6568c20ff382dd3b",class:"bg-white p-16"},a("div",{key:"5aa03093e5e483547919eaeca58643e54a286405",class:"logo effects",innerHTML:d})),a("p",{key:"aa65e295008001d6fe2b2168d8f7f43a770ec8e3",class:"f-ui-02"},"Do not apply effects"))),a("span",{key:"d0eb2536e430b6e9fdb9a37d638d5c31ee81e205",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"43ec87b4632c2709404aff9d3e7bbcb2910426ca",class:"example"},a("div",{key:"36cd6dc2b23070e5c7fdfc09444d3ccbb8681216",class:"bg-white p-16"},a("div",{key:"a1077b322d113220e05ee3edce627c60547cb49a",class:"logo rotated",innerHTML:d})),a("p",{key:"86c384f5cf362d16bd6ac5ac8448e3e0d591fa18",class:"f-ui-02"},"Do not rotate the logo"))),a("span",{key:"b267f6024a4e7bad6348d323606922888db5264b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"0bd0c5d62e454ce133a187e7d3917afc0c26c551",class:"example"},a("div",{key:"71e4c1681cfbb64970237b410e0925a0f22e1141",class:"bg-light p-16"},a("div",{key:"01ab5d75102b9f476fecebcc31c975f6d4720c12",class:"logo outlined",innerHTML:d})),a("p",{key:"0734a049d710d1f6406989668f60da1249e29c7b",class:"f-ui-02"},"Do not apply outlines"))),a("span",{key:"830b7b2a8cdf6dfc7f395dc92db42fbe626a7ae4",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"}),a("span",{key:"ca40bb4ea839eacf62e93f7fbec41f076f7b12a6",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"641a963ba81294eefe8fc00dd0a3bdca91af94a2",class:"example"},a("div",{key:"70691be08e9081899fb2928d5d287aaebef3b399",class:"bg-accent p-16"},a("div",{key:"556135fd6596b530bf959bb9984641f185cd9f96",class:"text-inverse",innerHTML:d})),a("p",{key:"7eaded302e41fc1d04f2033add829dfaba6e8012",class:"f-ui-02"},"Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))}};o.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}.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)}.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)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}";export{o as logo_wrong_usage}

package/dist/components/{p-b717f95a.entry.js → p-d571d530.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:"12f2874bbc9a74aea2a37e3c9314e85b5cf96d8c",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:"8b66cda1370f366c46ed2772ee0a5a18878cdc13",class:"w-full mt-28"},r("ul",{key:"652f4812de4a40c94646b25429b16683bfc8f54c",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:"6651a6dcd282a9f9df84249c73ab08a6e8d83597",class:"w-full mt-28"},r("ul",{key:"12bda2b4a1306c9a8d1bc4f41da4edd5258e381f",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:"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}

package/dist/components/p-dd6daa96.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:"6016cb89d3fe3250482b42d8a0bf500fe18cee5d",class:"max-w-sidebar mx-auto px-4 py-8"},t("div",{key:"994cc7af75950a0f09d108804efff796602aeb93",class:"relative"},t("div",{key:"77b15ae60feb380ea20c6466b49d0efd5d8f5180",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),t("div",{key:"60bb384ce4eedd7bfc3b15a7a637e2b89318d619",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/{p-73bd0c97.entry.js → p-df94285c.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as s}from"./p-7a8b9de5.js";import{s as i,g as d}from"./p-373673ca.js";import"./p-112122d6.js";const c=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:"6af49754300ded8748ac3f40175e262480054969",class:s,onClick:e=>this.handleClick(e)},t("div",{key:"91e8501312957c44d9dc075f2ec3a9e5a5d425cb",class:"flex grow flex-col "+(this.vertical?"min-h-156":"")},t("div",{key:"44e3cf2d67255bb5669b6c721741ed060ba599e7",class:"lg:max-w-[720px]"},t("eds-card-title",{key:"0cf1d124b975e4d7223bab58db0d5861d348ceb2","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&t("span",{key:"85e1158691ae876bc0f3c6d0c5557f394ae935cb",class:"block "+(this.vertical?"f-ui-02":"mt-4 f-heading-06")},this.editorialTitle)),this.categoryTitle&&t("div",{key:"9ffdc9f14709600b623c3a5f878b2700864ced79",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:"ecc5e55430df355c13420add9969855d1d54c27f",label:this.categoryTitle}))),this.parsedImage&&t("div",{key:"97de7a06a13d9843cb18fe4eb19303f436e2ce16",class:i},t("div",{key:"532d3c8252316a68976b4587c3d5b63167c0c598",class:"aspect-1x1 w-full"},t("eds-img",Object.assign({key:"37ee3dbbc99ec8c9139b0a89f9c725768eac5f6d",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return s(this)}};export{c as eds_card_project}
+import{r as e,h as t,g as s}from"./p-7a8b9de5.js";import{s as i,g as d}from"./p-b86a4985.js";import"./p-112122d6.js";const c=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:"6af49754300ded8748ac3f40175e262480054969",class:s,onClick:e=>this.handleClick(e)},t("div",{key:"91e8501312957c44d9dc075f2ec3a9e5a5d425cb",class:"flex grow flex-col "+(this.vertical?"min-h-156":"")},t("div",{key:"44e3cf2d67255bb5669b6c721741ed060ba599e7",class:"lg:max-w-[720px]"},t("eds-card-title",{key:"0cf1d124b975e4d7223bab58db0d5861d348ceb2","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&t("span",{key:"85e1158691ae876bc0f3c6d0c5557f394ae935cb",class:"block "+(this.vertical?"f-ui-02":"mt-4 f-heading-06")},this.editorialTitle)),this.categoryTitle&&t("div",{key:"9ffdc9f14709600b623c3a5f878b2700864ced79",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:"ecc5e55430df355c13420add9969855d1d54c27f",label:this.categoryTitle}))),this.parsedImage&&t("div",{key:"97de7a06a13d9843cb18fe4eb19303f436e2ce16",class:i},t("div",{key:"532d3c8252316a68976b4587c3d5b63167c0c598",class:"aspect-1x1 w-full"},t("eds-img",Object.assign({key:"37ee3dbbc99ec8c9139b0a89f9c725768eac5f6d",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return s(this)}};export{c as eds_card_project}

package/dist/components/primary.js

@@ -35,7 +35,7 @@ const ColorPrimaryPalette = /*@__PURE__*/ proxyCustomElement(class ColorPrimaryP
         ];
     }
     render() {
-        return (h("ul", { key: '20dce1081c2a9213d9df3bb19f14445881892809', 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: '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))))))));
     }
 }, [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: 'f943b364e509b687251bc9f75a6de5292f31533e', class: "gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: '922dbe263e6db86ed17d98d65d38e1d6f4ef25df', 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: '1eb0e9d0b681be4049209e60ab72bfd36cb09731', 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: '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))))))));
     }
 }, [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: 'bdc18e3d665665553343829c723199b442e19d45' }, h("ul", { key: 'd8eaca9e80b609d02bc8110f18df5e160df31a82', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c5aebad3d86550c6cf1a838df3e8c9ec9747cb66', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '23b9e4b23e828626a764ef259015b9d257bc0c0a', class: "effect-height flex items-center justify-between p-16", style: {
+        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: {
                 background: this.colors[0].background
-            } }, h("div", { key: 'a91c4fa791b2047cc5269c7904a128850e4d0fb1', class: "grid" }, h("span", { key: 'cf468a9a5668b8985bfb017c388700aa15004c14', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '562785dd94ded6d876aa99255996dcdb29ab1697', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '1864b7d5a62e7936b23c6db3aaf2265e1b7e9d05', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '21c102281f3d0190931f4c51ceec86bb6d47f329', class: "grid" }, h("span", { key: 'f6f6afb11df2a294083285ddd4f571e36693490c', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '0e14a45108fe727bb8be3035138eb5b814417062', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '2d4142003fce425659f61711f1d6f1c99883753e', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[1].background
-            } }, h("div", { key: '4d2d09712751c9c9a6d65b5fa17b940c2052ab22', class: "grid" }, h("span", { key: 'd114fd9cb9b365c5c671e5949437d666b82ad565', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '185b7450294ffe29066af38007e0c49ef63e076f', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '351efdce5d3fac3feaf0bf2f7893dc27c2d75342', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3bf2699a9868e389f992ff48d4c39d488a4abbfc', class: "grid" }, h("span", { key: 'a681050804433e72304d96ec086fafb8cbc51173', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '95c9809b141e92a409a5a627ceb768520c9c4ece', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '66ef5f885a5c19fafa1b0fff70d1b9030a7134b0' }), h("ul", { key: '64c01dd159b84674852efb2fe3745408bae602d8', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '3f26394aa89b38a2da75745a2e10cd667b384794', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '02175a5dee1685aa806f7f11f38b1fc10bc3e39f', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[2].background
-            } }, h("div", { key: 'f32d9cfe7b4f685cd763c782978f74e5e9a89163', class: "grid" }, h("span", { key: '553c770c44856f9cd9c1889469d23cda5f287cc0', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'bbf13e0c6a19b0e916fff6c9d327a647e7a6fbf8', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'b06f51bea3fc1e9163cc05db89394eba7043f6c7', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3aa123886f1a945552885d37698229f5cd0a2966', class: "grid" }, h("span", { key: '3016782b49158e04f6d45ad64cee65b39e878fa4', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '21d1948bdaa6bfbb6089657f74ee8fa0ecbebace', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'f47d2389491869cd32b738a3b90018115afbcb54', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[3].background
-            } }, h("div", { key: 'f1f01d85a7c3be1ad5ed8b853f79eedf6330e82e', class: "grid" }, h("span", { key: 'f649a7e8e05bb5831c23a7411843cd98ed2ed96f', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '455e57d9ca09d6e77bdc0991712e808bdca0e6e5', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '7fb2003ba7dd3d1f24aebdd90c87bd805ad0cd3a', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'e0d3fedab453a4bec2d84aaf62b4a80c82a2db86', class: "grid" }, h("span", { key: '5286c2010275bc886814b513cf4d84e7094621fd', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '3593537296fa34b31d417242664384f7a8d87583', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '5cfec71639c53573ba390860973e8a2ba1fd5c44' }), h("ul", { key: '117e15fcee91fc3f01af739bd73bfd34cdf56e7a', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '301626130c8f9737f05a3d4b070ff1fd6adf177f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'c58c6cef85dbf3fb3fddd6bfceb0bf1d39590f5c', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[4].background
-            } }, h("div", { key: 'f5a2a3cbfa9c62bf0073a176474b41a6fcf684a1', class: "grid" }, h("span", { key: 'b4af0df345df2de8031bf404ebae2f048fd9c5c9', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '79e7576ed0036fb4339b12e8c4b3fe327685879d', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'b409249f4fb37f56251bb1305f4062d89bdf6b0e', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '84fe567c909d8c1f4923b9be35b7548a95a11eea', class: "grid" }, h("span", { key: '6bf3c87341ab929749913400f1a2f9773bb03a97', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '237e9a04a4c7dc25ed19d021dc292053034e8113', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'd2c85d6e08bdb41850d4a93b7a6e18b683583d8f', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[5].background
-            } }, h("div", { key: '832782a24170ba86015d59bbc7e59654fe8e6537', class: "grid" }, h("span", { key: '9b45e512e6068874f829260378f2e2545d098e05', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '31c2ef651c4fd295921910828388d6aaeba21c9e', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '3d238f2e4d97604c411f5ad38787cf2d6fc9771a', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'b96d4416fc2fb060ccc197020ae8ee8a2fc05aa5', class: "grid" }, h("span", { key: '83b4399412447ab4c3ab43a75d6b82c069b37b76', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '4af3fd1f49acae167a909e1ceb21203bdff66690', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, 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)))))));
     }
 }, [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: 'c3dfdc3ab9ac3dcfbe1b82c7725d548d9f10a7ad', 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: '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'))))))));
     }
 }, [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: 'c7a9e89b9da867c127705056cdb10a6985bcfa43', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '47cd16f026680ac4885a87fda5a7334b51412236', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '4a400afaa3dada2350a4f0c22f68e31c68f8fbb5', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: 'b42a6ea902b8ceb2b59625dd505e8a9dd76eaef5', class: "grid" }, h("span", { key: '50d914814be2695d1479e4503e6ba29494769333', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'c9c2900f6e5a03cce2d692270efeb6196f5247d9', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'bc07b6e90d9b426ef20bf0b61dfd1cf9ffeb9c28', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '29a0057038daa5a5eceb64607658c7016fd55dce', class: "grid" }, h("span", { key: 'a94716477804b07614ffdc0fe543e8828ad39c24', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '83be94becd5d45b4547e204d89725b3b6ac2cf9f', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '0ea4a2a1e82af5d75003a518d39cf256707e7bc9', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'fbf46dbacd066c848b32c0cc5450a27f27ac9fff', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '1ee3cf46b024449c1ef3b574d444a7c46c681329', class: "grid" }, h("span", { key: '9f330c8d91f92cdf265b533a6452b0bcbb750b59', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '8233d8e3edd2e56cf0c21ef41ad3fbc9304081d6', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'b5fe02b9ebba2007e79bea4dc626529dfb079387', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9cc0560cd2b01ba2dd28cbcdd6498112824840ee', class: "grid" }, h("span", { key: '239157d8d24f5ad8384479c2cb01c98b175d1ba9', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '3bf35bb7d4d6b40469dcf7fad11e91280f509dcd', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'ce422b2cd0e6aa04b479fc65051a84a6df6b7885', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'be5b32ca29a572fe6259f1ce38cb619ff891dd10', class: "effect-height flex items-center justify-between p-16", style: {
+        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: {
                 background: this.colors[2].background
-            } }, h("div", { key: '316e83dc0cb32df5dc95bc926f628a17c83ee7ff', class: "grid" }, h("span", { key: '137f7cd7f0bbac24cfc12cf7c9bc0f3cf79f697d', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '22b0307ccd12d25b42b8253b78a1b82a52bd5ebc', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '1e27dd1221baeead37dda20d2869f446b1098655', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6d2a34842470d26a49e56f1ac87991de251d437c', class: "grid" }, h("span", { key: '7e2213e4f1f51e26779bb20ad5f5ad228c71be95', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '59424be94d66cb7fc4cc25f4b470179f145d31cf', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '3abe2e221fb94bfe2d3a1808496a195753e50b92', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[3].background
-            } }, h("div", { key: '24502f470ddb1881655b6c19216f0702b3728d26', class: "grid" }, h("span", { key: 'b0a86c800dafa141d5d665d1cfcf4dde204f9594', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '20309cdbfff6bb0953025e82c06343f83fd6f878', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'd83e2351a1f717716d339638b10bdc96d1acaeda', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '0fda1734b7ab96453af9316695c66bb03917d1f6', class: "grid" }, h("span", { key: '692a1cecedf32db4783840ba0d6c5b9d7db3ee50', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'be23c5a7bd828f00d123cf20febea767cbe0f9b3', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: 'd584c32630f9b58355cf3b772ebdf8cdaac2d060', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '78f22604defd15a5d43e2eaa79e254b7415976b7', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: 'd216e68addbd780486b699672033c27ff68a8034', class: "grid" }, h("span", { key: '1c26437a530d3b09c5a3e92cf14d243aa86c0956', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'e9ee2088dfad82523f799663e1b9a1aeaac2529b', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'f8ef23e2a5027609ddf4be44c7c3b1096586bd04', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '7f36d8b56cb6475c4a852d6aa7d242e1a241ca10', class: "grid" }, h("span", { key: 'abe78109be71d80d68347ded8794d0bed31f66a0', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'd2e2343639db85544e1819b59460d0ef2b1c1317', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, 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'))))));
     }
 }, [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: '12f2874bbc9a74aea2a37e3c9314e85b5cf96d8c', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (h("section", { key: 'ac8573b341ad313eba0f9f082dcc72cfc81208b3', 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: '8b66cda1370f366c46ed2772ee0a5a18878cdc13', class: "w-full mt-28" }, h("ul", { key: '652f4812de4a40c94646b25429b16683bfc8f54c', 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: '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" }))))))));
     }
 }, [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: 'd6df281aee2b33d5dd1087c9d06aff6656bf9145', class: "w-full" }, h("eds-section-core", { key: 'fdf31da89f0fa75f5a724ae9bdb26d59dd22fe9e', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: '01473ff27842d278c1269870463fb0c1a0658406', 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: '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: {
                 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: '6651a6dcd282a9f9df84249c73ab08a6e8d83597', class: "w-full mt-28" }, h("ul", { key: '12bda2b4a1306c9a8d1bc4f41da4edd5258e381f', 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: '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]" })))))))));
     }
 }, [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: 'ae388def4474fbd6e9766c2e04eb382ac9022bb8', class: "w-full" }, h("ul", { key: 'a2a51b9494dbd1bbb8b8d454117bc254e9602938', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '9e48e3551369f35ae6ec72d493ae888ebee3cceb', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '65b5b1192cdfef841bd4beed6eedf0068393ba8d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '770870c171999d004aba77b6058fe32525b1703e', class: "spacing-sample m-32 bg-darker" }, h("span", { key: 'fdba92dbc2c78e55481277c2858de4ea220b2397', class: "text-white" }, "Margin: 2rem / m-32")))), h("li", { key: '9420b6110f30e9f3cff94d409362627d32782023', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '2e438e9ee4291d1326acb2630ccb55f981acfeaa', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'b199e19274f23490485347d2ef102741f583b612', class: "spacing-sample ml-64 bg-darker" }, h("span", { key: '2cde99dd7d0bb469b7f69b852f20abc4f61d6a01', class: "text-white" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'b8cdd7b7245cd3e7c8fe59297b76f2e9e20a1c2e', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '0f9cf988220669a2ebe2e93d33d904ee045af74a', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '88f5a191b1f9878ae6012efd5ec7365cf2f28da4', class: "spacing-sample mt-32 bg-darker" }, h("span", { key: 'af8f876d8cdc7620af861620173ea32fc706378f', class: "text-white" }, "Margin Top: 2rem / mt-32")))), h("li", { key: 'e65780c7ecfc9685791c40970350ba511e888283', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'c1a8e22fde087ac9f5e69602e23c8b7f429c0e3e', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '19aaa0273c1c818f1f6d57a0fd41d9be14aa4d1b', class: "spacing-sample p-32 bg-darker" }, h("span", { key: '18cbdee711f04e90e663d93bd8b752ec0d0b33ee', class: "text-white" }, "Padding: 2rem / p-32")))), h("li", { key: 'f2831db3170703786946a12a5b0c0e188c4f944a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '68ac92294defd683a3c49e38ce0f4366a8b91208', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '6bfd849d0f841d6fefb39d91a4be49ae1db8d43f', class: "spacing-sample pt-32 bg-darker" }, h("span", { key: '7f3b5868baf86913d172b07347b15ca1e8901d21', class: "text-white" }, "Padding Top: 2rem / pt-32")))), h("li", { key: 'f3608f5562949c9fb82d987719753bc0b59ba999', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'fe9d90cf206906742000da310a53873ecefaa77c', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'd6590820496db0ba1009deea6a4b56c9195814e6', class: "spacing-sample pl-32 bg-darker" }, h("span", { key: 'c65179e127861a66ca1c0d6ff429b07bc0d88945', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
+        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")))))));
     }
 }, [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: '2078622c91b8906b71ee3aebdadcda0ac2c49512', class: "w-full" }, h("ul", { key: 'fe9212731cddcd43e3d5f5518245911d9d4cd493', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        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)
             .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,

package/dist/esm/{color-0ba8ed56.js → color-bb472c37.js}

@@ -170,7 +170,7 @@ function isMatomoAvailable() {
 }
 // General function to push data to Matomo
 function pushToMatomo(action, ...args) {
-    console.log('Pushing Matomo');
+    //console.log('Pushing Matomo')
     if (isMatomoAvailable()) {
         window._paq.push([action, ...args]);
     }
@@ -183,7 +183,7 @@ function sendAnalytics(eventData) {
     var _a;
     if (!isMatomoAvailable()) {
         console.warn('Matomo is not available or not initialized.');
-        console.log(Object.assign({}, eventData));
+        //console.log({ ...eventData });
         return;
     }
     // Conditionally build the name field