@ebrains/vue 0.0.1-alpha.1 → 0.2.0-alpha.0

package/logo-wrong-usage.entry-7MfyIkPp.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),a=require("./logo-color-7f1fd803-DRD3vZVn.js"),r=".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)}.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}",d=r,o=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("ul",{key:"9aa8a3f496e779f561e54a6ee656528b2e55a500",class:"grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("span",{key:"735e61f1189decb4fef74b5f9f481f94f51c304e",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"8d8859bef157051ca9493bac1fd35e0db80414c0",class:"example"},e.h("div",{key:"6ee9ce679339e1189439239889a60d8cba39c4b1",class:"bg-dark "},e.h("div",{key:"492054f20250a9572ac3c641d05bbb955c050be4",class:"no-other-bg-color logo",innerHTML:a.hLogoColor})),e.h("p",{key:"c9f49c3c44fb7446e6e4e02c1f79ac15827633ba",class:"f-ui-02"},"Do not use with backgrounds that make legibility difficult"))),e.h("span",{key:"d5cbda2472d3396f08fdb600676852708991ce0f",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"dacbf3bcf4dd4914b4332a663a81732a196457f4",class:"example"},e.h("div",{key:"9f9bb9b86a840658cf7311a2b035dbadd6a3e0af",class:"no-other-color p-16"},e.h("div",{key:"9e96d60f66801638898c12b190640ae0dcc18d24",class:"logo non-brand-color",innerHTML:a.hLogoColor})),e.h("p",{key:"5e0470cb9f81e4bba14104746715704fed2fddeb",class:"f-ui-02"},"Do not apply other colors"))),e.h("span",{key:"5e9e1943ab5d4cda7d6b4cb51b76f9da4370a50b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"9821754465969edcf1ea98aa7a353ff04140612f",class:"example"},e.h("div",{key:"513bb5879746d5979cf7f5360ea60c97196e5379",class:"bg-light p-16"},e.h("div",{key:"25f615bf82c51f8601960cb705fa5983667a4943",class:"logo distorted",innerHTML:a.hLogoColor})),e.h("p",{key:"636efd5a54620ca8248b5e1adbf453a7d5292d0f",class:"f-ui-02"},"Do not deform the logo"))),e.h("span",{key:"a006b91c704b1df8f7adf1cad1d0033bd11378d8",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"6a494fdace1e6a2ff48e02a6a8a79f31ca101e02",class:"example"},e.h("div",{key:"09ea335ac52cb395cc3173263b4a956aba59cc4e",class:"bg-white p-16"},e.h("div",{key:"9acf37c882acb0a04fddc5754b8e91e6789f36ee",class:"logo effects",innerHTML:a.hLogoColor})),e.h("p",{key:"f648aefe81578e9768c24de085e53e2484c1bb7b",class:"f-ui-02"},"Do not apply effects"))),e.h("span",{key:"70f90abc0d6a3292101e29bdfc311ebb0192a585",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"9eb3aa4276d7b0a9f7c5e76ffa9fefe7f3def0a3",class:"example"},e.h("div",{key:"5a38e80d567d2c2faf08fbcb66a62c24973c3fea",class:"bg-white p-16"},e.h("div",{key:"7edbadc8850a9babefea43be9c5f9697021712d5",class:"logo rotated",innerHTML:a.hLogoColor})),e.h("p",{key:"96d30acd52838a03f33fd6c8dcf89a72417ce925",class:"f-ui-02"},"Do not rotate the logo"))),e.h("span",{key:"41d476bd66b39e796f03c669945024720771216f",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"3fd7f690559195125d633097b578b1cc2ff4ccc1",class:"example"},e.h("div",{key:"684387318cfffdfbc5592486095a28a923e5af07",class:"bg-light p-16"},e.h("div",{key:"7593acd61c1ea52ce613a1f3395c8769a09f9aed",class:"logo outlined",innerHTML:a.hLogoColor})),e.h("p",{key:"51d6d974c005a0b5059cd002dff682dc50cfb19a",class:"f-ui-02"},"Do not apply outlines"))),e.h("span",{key:"605db4b33b7aab4d0e81e30f658f639689a433b6",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"}),e.h("span",{key:"1dc1e6be701572fb7d31b435f8b25dbaf0bf30c8",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"30b239799a7d8acf93eba73d3d5dba3cc7117fb5",class:"example"},e.h("div",{key:"16a146193f1ec233f37a9472dfe5fa92de10864d",class:"bg-accent p-16"},e.h("div",{key:"cc5924ad51847399ec52c2ece993bdd22305892f",class:"text-inverse",innerHTML:a.hLogoColor})),e.h("p",{key:"bdcd59e968000ecd459b65aaa42e75fa9e06f8ef",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=d;exports.logo_wrong_usage=o;

package/logo-wrong-usage.entry-CH7JMqbI.mjs

@@ -0,0 +1,14 @@
+import { r as c, h as e } from "./index-DQrtrXyM.mjs";
+import { h as a } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
+const d = ".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)}.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}", r = d, l = class {
+  constructor(o) {
+    c(this, o);
+  }
+  render() {
+    return e("ul", { key: "9aa8a3f496e779f561e54a6ee656528b2e55a500", class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("span", { key: "735e61f1189decb4fef74b5f9f481f94f51c304e", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "8d8859bef157051ca9493bac1fd35e0db80414c0", class: "example" }, e("div", { key: "6ee9ce679339e1189439239889a60d8cba39c4b1", class: "bg-dark " }, e("div", { key: "492054f20250a9572ac3c641d05bbb955c050be4", class: "no-other-bg-color logo", innerHTML: a })), e("p", { key: "c9f49c3c44fb7446e6e4e02c1f79ac15827633ba", class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), e("span", { key: "d5cbda2472d3396f08fdb600676852708991ce0f", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "dacbf3bcf4dd4914b4332a663a81732a196457f4", class: "example" }, e("div", { key: "9f9bb9b86a840658cf7311a2b035dbadd6a3e0af", class: "no-other-color p-16" }, e("div", { key: "9e96d60f66801638898c12b190640ae0dcc18d24", class: "logo non-brand-color", innerHTML: a })), e("p", { key: "5e0470cb9f81e4bba14104746715704fed2fddeb", class: "f-ui-02" }, "Do not apply other colors"))), e("span", { key: "5e9e1943ab5d4cda7d6b4cb51b76f9da4370a50b", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "9821754465969edcf1ea98aa7a353ff04140612f", class: "example" }, e("div", { key: "513bb5879746d5979cf7f5360ea60c97196e5379", class: "bg-light p-16" }, e("div", { key: "25f615bf82c51f8601960cb705fa5983667a4943", class: "logo distorted", innerHTML: a })), e("p", { key: "636efd5a54620ca8248b5e1adbf453a7d5292d0f", class: "f-ui-02" }, "Do not deform the logo"))), e("span", { key: "a006b91c704b1df8f7adf1cad1d0033bd11378d8", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "6a494fdace1e6a2ff48e02a6a8a79f31ca101e02", class: "example" }, e("div", { key: "09ea335ac52cb395cc3173263b4a956aba59cc4e", class: "bg-white p-16" }, e("div", { key: "9acf37c882acb0a04fddc5754b8e91e6789f36ee", class: "logo effects", innerHTML: a })), e("p", { key: "f648aefe81578e9768c24de085e53e2484c1bb7b", class: "f-ui-02" }, "Do not apply effects"))), e("span", { key: "70f90abc0d6a3292101e29bdfc311ebb0192a585", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "9eb3aa4276d7b0a9f7c5e76ffa9fefe7f3def0a3", class: "example" }, e("div", { key: "5a38e80d567d2c2faf08fbcb66a62c24973c3fea", class: "bg-white p-16" }, e("div", { key: "7edbadc8850a9babefea43be9c5f9697021712d5", class: "logo rotated", innerHTML: a })), e("p", { key: "96d30acd52838a03f33fd6c8dcf89a72417ce925", class: "f-ui-02" }, "Do not rotate the logo"))), e("span", { key: "41d476bd66b39e796f03c669945024720771216f", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "3fd7f690559195125d633097b578b1cc2ff4ccc1", class: "example" }, e("div", { key: "684387318cfffdfbc5592486095a28a923e5af07", class: "bg-light p-16" }, e("div", { key: "7593acd61c1ea52ce613a1f3395c8769a09f9aed", class: "logo outlined", innerHTML: a })), e("p", { key: "51d6d974c005a0b5059cd002dff682dc50cfb19a", class: "f-ui-02" }, "Do not apply outlines"))), e("span", { key: "605db4b33b7aab4d0e81e30f658f639689a433b6", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }), e("span", { key: "1dc1e6be701572fb7d31b435f8b25dbaf0bf30c8", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "30b239799a7d8acf93eba73d3d5dba3cc7117fb5", class: "example" }, e("div", { key: "16a146193f1ec233f37a9472dfe5fa92de10864d", class: "bg-accent p-16" }, e("div", { key: "cc5924ad51847399ec52c2ece993bdd22305892f", class: "text-inverse", innerHTML: a })), e("p", { key: "bdcd59e968000ecd459b65aaa42e75fa9e06f8ef", class: "f-ui-02" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))));
+  }
+};
+l.style = r;
+export {
+  l as logo_wrong_usage
+};

package/mastodon-3703ec61-C7iI4Hk0.mjs

@@ -0,0 +1,15 @@
+const C = `  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M21.9193 5.8706C21.6112 3.50679 19.6155 1.64395 17.2497 1.28298C16.8506 1.22198 15.3383 1 11.8352 1H11.809C8.30489 1 7.55311 1.22198 7.15397 1.28298C4.85405 1.63395 2.75372 3.30781 2.24414 5.69961C1.99903 6.87751 1.97288 8.1834 2.01841 9.38129C2.08332 11.0991 2.09591 12.814 2.24704 14.5249C2.35152 15.6613 2.53379 16.7887 2.79247 17.8986C3.27687 19.9484 5.2377 21.6543 7.15881 22.3502C9.21565 23.076 11.4276 23.1965 13.547 22.6982C13.7802 22.6422 14.0108 22.5772 14.2387 22.5032C14.7532 22.3342 15.3567 22.1452 15.8004 21.8132C15.8065 21.8086 15.8115 21.8026 15.815 21.7956C15.8185 21.7887 15.8205 21.7811 15.8208 21.7732V20.1154C15.8206 20.1081 15.819 20.1009 15.8158 20.0943C15.8127 20.0878 15.8082 20.0821 15.8026 20.0776C15.797 20.073 15.7905 20.0699 15.7836 20.0683C15.7767 20.0667 15.7695 20.0668 15.7626 20.0684C14.4048 20.4032 13.0133 20.571 11.6172 20.5684C9.21459 20.5684 8.5684 19.3914 8.38335 18.9015C8.23462 18.4781 8.14016 18.0363 8.1024 17.5876C8.10203 17.5801 8.10338 17.5725 8.10632 17.5656C8.10927 17.5587 8.11378 17.5527 8.11943 17.5479C8.12511 17.5431 8.13178 17.5398 8.13892 17.5382C8.14605 17.5366 8.15346 17.5367 8.16054 17.5386C9.49581 17.8711 10.8646 18.0389 12.2382 18.0386C12.5685 18.0386 12.8979 18.0386 13.2283 18.0296C14.6098 17.9896 16.0659 17.9166 17.4251 17.6426C17.459 17.6356 17.4929 17.6296 17.522 17.6206C19.6659 17.1956 21.7062 15.8617 21.9135 12.484C21.9212 12.3511 21.9406 11.0911 21.9406 10.9532C21.9416 10.4842 22.0869 7.62644 21.9193 5.8706ZM18.6196 14.2989H16.3652V8.59936C16.3652 7.39947 15.8808 6.78751 14.8956 6.78751C13.8125 6.78751 13.2699 7.51144 13.2699 8.94134V12.0611H11.0291V8.94134C11.0291 7.51144 10.4856 6.78751 9.40254 6.78751C8.42308 6.78751 7.93384 7.39947 7.93286 8.59936V14.2989H5.68043V8.42636C5.68043 7.22647 5.97722 6.27321 6.57076 5.56661C7.18303 4.86168 7.98616 4.49971 8.98305 4.49971C10.1369 4.49971 11.0088 4.95766 11.5901 5.87259L12.151 6.84452L12.7129 5.87259C13.2942 4.95766 14.1661 4.49971 15.318 4.49971C16.3139 4.49971 17.117 4.86168 17.7312 5.56661C18.3248 6.27256 18.6215 7.22581 18.6215 8.42636L18.6196 14.2989Z"
+      fill="currentColor"
+    />
+  </svg>`;
+export {
+  C as m
+};

package/mastodon-3703ec61-C9v6Olc-.js

@@ -0,0 +1,12 @@
+"use strict";const C=`  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M21.9193 5.8706C21.6112 3.50679 19.6155 1.64395 17.2497 1.28298C16.8506 1.22198 15.3383 1 11.8352 1H11.809C8.30489 1 7.55311 1.22198 7.15397 1.28298C4.85405 1.63395 2.75372 3.30781 2.24414 5.69961C1.99903 6.87751 1.97288 8.1834 2.01841 9.38129C2.08332 11.0991 2.09591 12.814 2.24704 14.5249C2.35152 15.6613 2.53379 16.7887 2.79247 17.8986C3.27687 19.9484 5.2377 21.6543 7.15881 22.3502C9.21565 23.076 11.4276 23.1965 13.547 22.6982C13.7802 22.6422 14.0108 22.5772 14.2387 22.5032C14.7532 22.3342 15.3567 22.1452 15.8004 21.8132C15.8065 21.8086 15.8115 21.8026 15.815 21.7956C15.8185 21.7887 15.8205 21.7811 15.8208 21.7732V20.1154C15.8206 20.1081 15.819 20.1009 15.8158 20.0943C15.8127 20.0878 15.8082 20.0821 15.8026 20.0776C15.797 20.073 15.7905 20.0699 15.7836 20.0683C15.7767 20.0667 15.7695 20.0668 15.7626 20.0684C14.4048 20.4032 13.0133 20.571 11.6172 20.5684C9.21459 20.5684 8.5684 19.3914 8.38335 18.9015C8.23462 18.4781 8.14016 18.0363 8.1024 17.5876C8.10203 17.5801 8.10338 17.5725 8.10632 17.5656C8.10927 17.5587 8.11378 17.5527 8.11943 17.5479C8.12511 17.5431 8.13178 17.5398 8.13892 17.5382C8.14605 17.5366 8.15346 17.5367 8.16054 17.5386C9.49581 17.8711 10.8646 18.0389 12.2382 18.0386C12.5685 18.0386 12.8979 18.0386 13.2283 18.0296C14.6098 17.9896 16.0659 17.9166 17.4251 17.6426C17.459 17.6356 17.4929 17.6296 17.522 17.6206C19.6659 17.1956 21.7062 15.8617 21.9135 12.484C21.9212 12.3511 21.9406 11.0911 21.9406 10.9532C21.9416 10.4842 22.0869 7.62644 21.9193 5.8706ZM18.6196 14.2989H16.3652V8.59936C16.3652 7.39947 15.8808 6.78751 14.8956 6.78751C13.8125 6.78751 13.2699 7.51144 13.2699 8.94134V12.0611H11.0291V8.94134C11.0291 7.51144 10.4856 6.78751 9.40254 6.78751C8.42308 6.78751 7.93384 7.39947 7.93286 8.59936V14.2989H5.68043V8.42636C5.68043 7.22647 5.97722 6.27321 6.57076 5.56661C7.18303 4.86168 7.98616 4.49971 8.98305 4.49971C10.1369 4.49971 11.0088 4.95766 11.5901 5.87259L12.151 6.84452L12.7129 5.87259C13.2942 4.95766 14.1661 4.49971 15.318 4.49971C16.3139 4.49971 17.117 4.86168 17.7312 5.56661C18.3248 6.27256 18.6215 7.22581 18.6215 8.42636L18.6196 14.2989Z"
+      fill="currentColor"
+    />
+  </svg>`;exports.mastodon=C;

package/menu-340ea948-BpnYX3gY.mjs

@@ -0,0 +1,12 @@
+const t = `<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M2 5H18M2 10H18M2 15H18" stroke="currentColor" stroke-width="2" />
+  </svg>`;
+export {
+  t as m
+};

package/menu-340ea948-ZdelWVw3.js

@@ -0,0 +1,9 @@
+"use strict";const t=`<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M2 5H18M2 10H18M2 15H18" stroke="currentColor" stroke-width="2" />
+  </svg>`;exports.menu=t;

package/mono-53f70232-DGi2XDlR.mjs

@@ -0,0 +1,12 @@
+const l = `
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
+<path
+    fill="currentColor"
+    d="m17.734 8.1-.022-.058-2.178-5.684a.568.568 0 0 0-.563-.356.583.583 0 0 0-.328.122.582.582 0 0 0-.193.294l-1.47 4.499H7.025l-1.47-4.5a.572.572 0 0 0-1.084-.06L2.289 8.04l-.022.057A4.044 4.044 0 0 0 3.61 12.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.673.673 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.046 4.046 0 0 0 1.34-4.668Z"
+/>
+</svg>
+
+`;
+export {
+  l as g
+};

package/mono-53f70232-DgAsWvoQ.js

@@ -0,0 +1,9 @@
+"use strict";const l=`
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
+<path
+    fill="currentColor"
+    d="m17.734 8.1-.022-.058-2.178-5.684a.568.568 0 0 0-.563-.356.583.583 0 0 0-.328.122.582.582 0 0 0-.193.294l-1.47 4.499H7.025l-1.47-4.5a.572.572 0 0 0-1.084-.06L2.289 8.04l-.022.057A4.044 4.044 0 0 0 3.61 12.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.673.673 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.046 4.046 0 0 0 1.34-4.668Z"
+/>
+</svg>
+
+`;exports.gitlabBlack=l;

package/more-4449d549-D4HA1cRq.js

@@ -0,0 +1,11 @@
+"use strict";const r=`  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="4" cy="10" r="2" fill="currentColor" />
+    <circle cx="10" cy="10" r="2" fill="currentColor" />
+    <circle cx="16" cy="10" r="2" fill="currentColor" />
+  </svg>`;exports.more=r;

package/more-4449d549-rI9hOpEp.mjs

@@ -0,0 +1,14 @@
+const r = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="4" cy="10" r="2" fill="currentColor" />
+    <circle cx="10" cy="10" r="2" fill="currentColor" />
+    <circle cx="16" cy="10" r="2" fill="currentColor" />
+  </svg>`;
+export {
+  r as m
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebrains/vue",
-  "version": "0.0.1-alpha.1",
+  "version": "0.2.0-alpha.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,6 +10,6 @@
     }
   },
   "dependencies": {
-    "@ebrains/components":"0.0.1-alpha.0"
+    "@ebrains/components":"0.2.0-alpha.0"
   }
 }

package/search-fbcd79c2-BMxCaeEk.js

@@ -0,0 +1,10 @@
+"use strict";const r=`<svg
+width="20"
+height="20"
+viewBox="0 0 20 20"
+fill="none"
+xmlns="http://www.w3.org/2000/svg"
+>
+<circle cx="9" cy="9" r="5" stroke="currentColor" stroke-width="2" />
+<path d="M17 17L13 13" stroke="currentColor" stroke-width="2" />
+</svg>`;exports.search=r;

package/search-fbcd79c2-rfV0PlHP.mjs

@@ -0,0 +1,13 @@
+const r = `<svg
+width="20"
+height="20"
+viewBox="0 0 20 20"
+fill="none"
+xmlns="http://www.w3.org/2000/svg"
+>
+<circle cx="9" cy="9" r="5" stroke="currentColor" stroke-width="2" />
+<path d="M17 17L13 13" stroke="currentColor" stroke-width="2" />
+</svg>`;
+export {
+  r as s
+};

package/success-443809da-BD23vltm.mjs

@@ -0,0 +1,19 @@
+const e = `<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10 2C5.57714 2 2 5.57714 2 10C2 14.4229 5.57714 18 10 18C14.4229 18 18 14.4229 18 10C18 5.57714 14.4229 2 10 2Z"
+      stroke="currentColor"
+      stroke-width="2"
+    />
+    <path d="M6 10.5L8.5 13L14 7.5" stroke="currentColor" stroke-width="2" />
+  </svg>`;
+export {
+  e as s
+};

package/success-443809da-BUEhLsAD.js

@@ -0,0 +1,16 @@
+"use strict";const e=`<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10 2C5.57714 2 2 5.57714 2 10C2 14.4229 5.57714 18 10 18C14.4229 18 18 14.4229 18 10C18 5.57714 14.4229 2 10 2Z"
+      stroke="currentColor"
+      stroke-width="2"
+    />
+    <path d="M6 10.5L8.5 13L14 7.5" stroke="currentColor" stroke-width="2" />
+  </svg>`;exports.success=e;

package/toastManager-d9eee791-CEYNwx25.mjs

@@ -0,0 +1,30 @@
+class s {
+  constructor() {
+    this.toastManagerElement = null;
+  }
+  /**
+   * Initialize the ToastManager with a reference to the `eds-toast-manager` component.
+   */
+  init(t) {
+    this.toastManagerElement = t;
+  }
+  /**
+   * Display a toast.
+   * @param message - The message to display.
+   * @param intent - The type of the toast ('success', 'error', 'warning', 'default').
+   */
+  show(t, e = "default") {
+    if (!this.toastManagerElement) {
+      console.error("ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.");
+      return;
+    }
+    const a = new CustomEvent("show-toast", {
+      detail: { message: t, intent: e }
+    });
+    this.toastManagerElement.dispatchEvent(a);
+  }
+}
+const o = new s();
+export {
+  o as t
+};

package/toastManager-d9eee791-DvR_vUPI.js

@@ -0,0 +1 @@
+"use strict";class a{constructor(){this.toastManagerElement=null}init(t){this.toastManagerElement=t}show(t,e="default"){if(!this.toastManagerElement){console.error("ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.");return}const s=new CustomEvent("show-toast",{detail:{message:t,intent:e}});this.toastManagerElement.dispatchEvent(s)}}const n=new a;exports.toast=n;

package/token-list_3.entry-CVZDegic.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),l={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"}},g=class{constructor(r){e.registerInstance(this,r),this.show=void 0}getTextColor(r){if(r.startsWith("rgba")||r.startsWith("rgb")){const t=r.replace(/rgba?\(/,"").replace(")","").split(",").map(c=>parseFloat(c.trim())),s=t[0],o=t[1],a=t[2];return(.299*s+.587*o+.114*a)/255>.5?"text-default":"text-inverse"}else if(r.startsWith("#")){const t=r.replace("#",""),s=parseInt(t.substring(0,2),16),o=parseInt(t.substring(2,4),16),a=parseInt(t.substring(4,6),16);return(.299*s+.587*o+.114*a)/255>.5?"text-default":"text-inverse"}return"text-default"}resolveColor(r){return l.tokens[r]?l.tokens[r]:r}renderSection(r,t){if(r==="tokens"){const s=this.groupTokensByCategory(t);return Object.entries(s).map(([,o])=>e.h("ul",{class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},o.map(a=>{const n=Object.keys(a)[0],c=this.resolveColor(a[n]),d=this.getTextColor(c);return e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"effect-height items-center justify-between p-16 hidden lg:flex",style:{backgroundColor:c}},e.h("span",{class:`${d} f-body-02`},n),e.h("div",{class:"inline-flex"},e.h("eds-code-block",{code:c,language:"hex",class:"min-w-[210px] mr-4"}),e.h("eds-code-block",{language:"css",code:`var(--${n})`,class:"min-w-[210px]"}))),e.h("div",{class:"effect-height items-center justify-between p-16 block lg:hidden",style:{backgroundColor:c}},e.h("span",{class:`${d} f-body-02`},n),e.h("div",{class:"inline block"},e.h("eds-code-block",{code:c,class:"min-w-[210px] mb-4"}),e.h("eds-code-block",{code:`var(--${n})`,class:"min-w-[210px]"}))))})))}return e.h("ul",{class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(t).map(([s,o])=>{const a=this.resolveColor(o),n=this.getTextColor(a),c=a.startsWith("#")||a.startsWith("rgb")?{backgroundColor:a}:{border:`2px solid ${a}`};return e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{class:"effect-height block lg:flex items-center justify-between p-16",style:c},e.h("div",{class:"w-full flex"},e.h("span",{class:`${n} mr-auto font-bold`},s),e.h("span",{class:`${n} ml-auto  mr-4 font-bold`},o)),e.h("span",{class:`${n}`},r==="background"?e.h("eds-code-block",{code:`bg-${s}`,class:"min-w-[210px] mr-4"}):e.h("eds-code-block",{code:`${r}-${s}`,class:r==="border"?"min-w-[250px] mr-4":"min-w-[210px] mr-4"}))))}))}groupTokensByCategory(r){const t={};return Object.entries(r).forEach(([s,o])=>{const a=s.split("-")[0];t[a]||(t[a]=[]),t[a].push({[s]:o})}),t}render(){const r=this.show?{[this.show]:l[this.show]}:l;return e.h("section",{key:"12f2874bbc9a74aea2a37e3c9314e85b5cf96d8c",class:"w-full mt-28"},Object.entries(r).map(([t,s])=>s?this.renderSection(t,s):null))}},f={xxs:"2px",xs:"4px",sm:"8px",md:"12px",lg:"16px",pill:"100px"},i=class{constructor(r){e.registerInstance(this,r)}render(){return e.h("section",{key:"8b66cda1370f366c46ed2772ee0a5a18878cdc13",class:"w-full mt-28"},e.h("ul",{key:"652f4812de4a40c94646b25429b16683bfc8f54c",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(f).map(([r,t])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:`w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${r}`},e.h("eds-code-block",{language:"Utility Class",code:`rounded-${r}`,class:"mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto"}),e.h("eds-code-block",{code:`border-radius:${t}`,language:"css",class:"mx-auto min-w-[200px] sm:max-w-[200px] ml-auto"}))))))}},p={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);"},b={small:"0px 0px 16px rgba(0, 0, 0, 0.3)"},u={shadows:p,dropShadows:b},h=class{constructor(r){e.registerInstance(this,r)}render(){return e.h("section",{key:"6651a6dcd282a9f9df84249c73ab08a6e8d83597",class:"w-full mt-28"},e.h("ul",{key:"12bda2b4a1306c9a8d1bc4f41da4edd5258e381f",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(u).map(([r,t])=>Object.entries(t).map(([s,o])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"},e.h("div",{class:"w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft",style:{boxShadow:o}},e.h("eds-code-block",{code:`${r}-${s}`,language:"Utility Class",class:"mr-auto sm:mb-4 min-w-[200px]"}),e.h("eds-code-block",{code:`${o}`,language:"css",class:"ml-auto min-w-[200px]"})))))))}};exports.token_list=g;exports.token_radii=i;exports.token_shadows=h;

package/token-list_3.entry-Ca9muGhp.mjs

@@ -0,0 +1,247 @@
+import { r as d, h as e } from "./index-DQrtrXyM.mjs";
+const l = {
+  tokens: {
+    // grey
+    "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
+    "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
+    "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
+    "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
+    "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
+    "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
+    "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
+    "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",
+    // Generics
+    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 token are created manually inside gradients.css utility file.
+   * This mapping is here to generate gradients view inside storybook
+   * @file: ui-components/src/assets/styles/utilities/gradient.css
+   */
+  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"
+  }
+}, x = class {
+  constructor(r) {
+    d(this, r), this.show = void 0;
+  }
+  getTextColor(r) {
+    if (r.startsWith("rgba") || r.startsWith("rgb")) {
+      const t = r.replace(/rgba?\(/, "").replace(")", "").split(",").map((c) => parseFloat(c.trim())), s = t[0], o = t[1], a = t[2];
+      return (0.299 * s + 0.587 * o + 0.114 * a) / 255 > 0.5 ? "text-default" : "text-inverse";
+    } else if (r.startsWith("#")) {
+      const t = r.replace("#", ""), s = parseInt(t.substring(0, 2), 16), o = parseInt(t.substring(2, 4), 16), a = parseInt(t.substring(4, 6), 16);
+      return (0.299 * s + 0.587 * o + 0.114 * a) / 255 > 0.5 ? "text-default" : "text-inverse";
+    }
+    return "text-default";
+  }
+  resolveColor(r) {
+    return l.tokens[r] ? l.tokens[r] : r;
+  }
+  renderSection(r, t) {
+    if (r === "tokens") {
+      const s = this.groupTokensByCategory(t);
+      return Object.entries(s).map(([, o]) => e("ul", { class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, o.map((a) => {
+        const n = Object.keys(a)[0], c = this.resolveColor(a[n]), g = this.getTextColor(c);
+        return e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "effect-height items-center justify-between p-16 hidden lg:flex", style: { backgroundColor: c } }, e("span", { class: `${g} f-body-02` }, n), e("div", { class: "inline-flex" }, e("eds-code-block", { code: c, language: "hex", class: "min-w-[210px] mr-4" }), e("eds-code-block", { language: "css", code: `var(--${n})`, class: "min-w-[210px]" }))), e("div", { class: "effect-height items-center justify-between p-16 block lg:hidden", style: { backgroundColor: c } }, e("span", { class: `${g} f-body-02` }, n), e("div", { class: "inline block" }, e("eds-code-block", { code: c, class: "min-w-[210px] mb-4" }), e("eds-code-block", { code: `var(--${n})`, class: "min-w-[210px]" }))));
+      })));
+    }
+    return e("ul", { class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(t).map(([s, o]) => {
+      const a = this.resolveColor(o), n = this.getTextColor(a), c = a.startsWith("#") || a.startsWith("rgb") ? { backgroundColor: a } : { border: `2px solid ${a}` };
+      return e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { class: "effect-height block lg:flex items-center justify-between p-16", style: c }, e("div", { class: "w-full flex" }, e("span", { class: `${n} mr-auto font-bold` }, s), e("span", { class: `${n} ml-auto  mr-4 font-bold` }, o)), e("span", { class: `${n}` }, r === "background" ? e("eds-code-block", { code: `bg-${s}`, class: "min-w-[210px] mr-4" }) : e("eds-code-block", { code: `${r}-${s}`, class: r === "border" ? "min-w-[250px] mr-4" : "min-w-[210px] mr-4" }))));
+    }));
+  }
+  groupTokensByCategory(r) {
+    const t = {};
+    return Object.entries(r).forEach(([s, o]) => {
+      const a = s.split("-")[0];
+      t[a] || (t[a] = []), t[a].push({ [s]: o });
+    }), t;
+  }
+  render() {
+    const r = this.show ? { [this.show]: l[this.show] } : l;
+    return e("section", { key: "12f2874bbc9a74aea2a37e3c9314e85b5cf96d8c", class: "w-full mt-28" }, Object.entries(r).map(([t, s]) => (
+      // Only render sections that exist in `colors`
+      s ? this.renderSection(t, s) : null
+    )));
+  }
+}, f = {
+  xxs: "2px",
+  xs: "4px",
+  sm: "8px",
+  md: "12px",
+  lg: "16px",
+  pill: "100px"
+}, y = class {
+  constructor(r) {
+    d(this, r);
+  }
+  render() {
+    return e("section", { key: "8b66cda1370f366c46ed2772ee0a5a18878cdc13", class: "w-full mt-28" }, e("ul", { key: "652f4812de4a40c94646b25429b16683bfc8f54c", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(f).map(([r, t]) => e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${r}` }, e("eds-code-block", { language: "Utility Class", code: `rounded-${r}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), e("eds-code-block", { code: `border-radius:${t}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))));
+  }
+}, i = {
+  small: "0px 1.5px 2px rgba(0, 0, 0, 0.1)",
+  hover: "0px 0px 16px rgba(0, 0, 0, 0.2)",
+  accent: "0px 0px 12px rgba(0, 201, 89, 0.6)",
+  podium: "0px 0px 8px 8px rgb(0 0 0 / 25%);",
+  border: "0 10px 10px rgba(0, 0, 0, 0.15);",
+  "border-top": "0 -10px 10px rgba(0, 0, 0, 0.15);"
+}, p = {
+  small: "0px 0px 16px rgba(0, 0, 0, 0.3)"
+}, b = {
+  shadows: i,
+  dropShadows: p
+}, m = class {
+  constructor(r) {
+    d(this, r);
+  }
+  render() {
+    return e("section", { key: "6651a6dcd282a9f9df84249c73ab08a6e8d83597", class: "w-full mt-28" }, e("ul", { key: "12bda2b4a1306c9a8d1bc4f41da4edd5258e381f", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(b).map(([r, t]) => Object.entries(t).map(([s, o]) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, e("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: o } }, e("eds-code-block", { code: `${r}-${s}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), e("eds-code-block", { code: `${o}`, language: "css", class: "ml-auto min-w-[200px]" })))))));
+  }
+};
+export {
+  x as token_list,
+  y as token_radii,
+  m as token_shadows
+};

package/token-ratios.entry-D3JWYlHy.mjs

@@ -0,0 +1,25 @@
+import { r as a, h as e } from "./index-DQrtrXyM.mjs";
+const c = {
+  "1x1": "1/1",
+  "21x9": "21/9",
+  "16x9": "16/9",
+  "3x2": "3/2",
+  "4x3": "4/3",
+  "4x5": "4/5"
+}, r = class {
+  constructor(t) {
+    a(this, t);
+  }
+  render() {
+    return e("section", { key: "d6df281aee2b33d5dd1087c9d06aff6656bf9145", class: "w-full" }, e("eds-section-core", { key: "fdf31da89f0fa75f5a724ae9bdb26d59dd22fe9e", tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, e("ul", { key: "01473ff27842d278c1269870463fb0c1a0658406", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(c).map(([t, s]) => e("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
+      aspectRatio: s.replace("/", ":"),
+      // Cast to string to resolve TypeScript error
+      width: "100%",
+      // Full width to show the aspect ratio correctly
+      maxWidth: "300px"
+    } }, e("span", { class: "text-default font-bold mr-auto" }, "aspect-", t), e("span", { class: "mt-2 text-sm ml-auto" }, s)))))));
+  }
+};
+export {
+  r as token_ratios
+};

package/token-ratios.entry-DGMJ2vJj.js

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

package/token-spacing.entry-CdrdqAOb.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),c=class{constructor(a){e.registerInstance(this,a)}render(){return e.h("div",{key:"ae388def4474fbd6e9766c2e04eb382ac9022bb8",class:"w-full"},e.h("ul",{key:"a2a51b9494dbd1bbb8b8d454117bc254e9602938",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"9e48e3551369f35ae6ec72d493ae888ebee3cceb",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"65b5b1192cdfef841bd4beed6eedf0068393ba8d",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"770870c171999d004aba77b6058fe32525b1703e",class:"spacing-sample m-32 bg-darker"},e.h("span",{key:"fdba92dbc2c78e55481277c2858de4ea220b2397",class:"text-white"},"Margin: 2rem / m-32")))),e.h("li",{key:"9420b6110f30e9f3cff94d409362627d32782023",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"2e438e9ee4291d1326acb2630ccb55f981acfeaa",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"b199e19274f23490485347d2ef102741f583b612",class:"spacing-sample ml-64 bg-darker"},e.h("span",{key:"2cde99dd7d0bb469b7f69b852f20abc4f61d6a01",class:"text-white"},"Margin Left: 4rem / ml-64")))),e.h("li",{key:"b8cdd7b7245cd3e7c8fe59297b76f2e9e20a1c2e",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"0f9cf988220669a2ebe2e93d33d904ee045af74a",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"88f5a191b1f9878ae6012efd5ec7365cf2f28da4",class:"spacing-sample mt-32 bg-darker"},e.h("span",{key:"af8f876d8cdc7620af861620173ea32fc706378f",class:"text-white"},"Margin Top: 2rem / mt-32")))),e.h("li",{key:"e65780c7ecfc9685791c40970350ba511e888283",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"c1a8e22fde087ac9f5e69602e23c8b7f429c0e3e",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"19aaa0273c1c818f1f6d57a0fd41d9be14aa4d1b",class:"spacing-sample p-32 bg-darker"},e.h("span",{key:"18cbdee711f04e90e663d93bd8b752ec0d0b33ee",class:"text-white"},"Padding: 2rem / p-32")))),e.h("li",{key:"f2831db3170703786946a12a5b0c0e188c4f944a",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"68ac92294defd683a3c49e38ce0f4366a8b91208",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"6bfd849d0f841d6fefb39d91a4be49ae1db8d43f",class:"spacing-sample pt-32 bg-darker"},e.h("span",{key:"7f3b5868baf86913d172b07347b15ca1e8901d21",class:"text-white"},"Padding Top: 2rem / pt-32")))),e.h("li",{key:"f3608f5562949c9fb82d987719753bc0b59ba999",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"fe9d90cf206906742000da310a53873ecefaa77c",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"d6590820496db0ba1009deea6a4b56c9195814e6",class:"spacing-sample pl-32 bg-darker"},e.h("span",{key:"c65179e127861a66ca1c0d6ff429b07bc0d88945",class:"text-white"},"Padding Left: 2rem / pl-32"))))))}};exports.token_spacing=c;

package/token-spacing.entry-CjITQ8pH.mjs

@@ -0,0 +1,12 @@
+import { r as c, h as e } from "./index-DQrtrXyM.mjs";
+const s = class {
+  constructor(a) {
+    c(this, a);
+  }
+  render() {
+    return e("div", { key: "ae388def4474fbd6e9766c2e04eb382ac9022bb8", class: "w-full" }, e("ul", { key: "a2a51b9494dbd1bbb8b8d454117bc254e9602938", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "9e48e3551369f35ae6ec72d493ae888ebee3cceb", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "65b5b1192cdfef841bd4beed6eedf0068393ba8d", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "770870c171999d004aba77b6058fe32525b1703e", class: "spacing-sample m-32 bg-darker" }, e("span", { key: "fdba92dbc2c78e55481277c2858de4ea220b2397", class: "text-white" }, "Margin: 2rem / m-32")))), e("li", { key: "9420b6110f30e9f3cff94d409362627d32782023", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "2e438e9ee4291d1326acb2630ccb55f981acfeaa", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "b199e19274f23490485347d2ef102741f583b612", class: "spacing-sample ml-64 bg-darker" }, e("span", { key: "2cde99dd7d0bb469b7f69b852f20abc4f61d6a01", class: "text-white" }, "Margin Left: 4rem / ml-64")))), e("li", { key: "b8cdd7b7245cd3e7c8fe59297b76f2e9e20a1c2e", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "0f9cf988220669a2ebe2e93d33d904ee045af74a", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "88f5a191b1f9878ae6012efd5ec7365cf2f28da4", class: "spacing-sample mt-32 bg-darker" }, e("span", { key: "af8f876d8cdc7620af861620173ea32fc706378f", class: "text-white" }, "Margin Top: 2rem / mt-32")))), e("li", { key: "e65780c7ecfc9685791c40970350ba511e888283", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "c1a8e22fde087ac9f5e69602e23c8b7f429c0e3e", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "19aaa0273c1c818f1f6d57a0fd41d9be14aa4d1b", class: "spacing-sample p-32 bg-darker" }, e("span", { key: "18cbdee711f04e90e663d93bd8b752ec0d0b33ee", class: "text-white" }, "Padding: 2rem / p-32")))), e("li", { key: "f2831db3170703786946a12a5b0c0e188c4f944a", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "68ac92294defd683a3c49e38ce0f4366a8b91208", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "6bfd849d0f841d6fefb39d91a4be49ae1db8d43f", class: "spacing-sample pt-32 bg-darker" }, e("span", { key: "7f3b5868baf86913d172b07347b15ca1e8901d21", class: "text-white" }, "Padding Top: 2rem / pt-32")))), e("li", { key: "f3608f5562949c9fb82d987719753bc0b59ba999", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "fe9d90cf206906742000da310a53873ecefaa77c", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "d6590820496db0ba1009deea6a4b56c9195814e6", class: "spacing-sample pl-32 bg-darker" }, e("span", { key: "c65179e127861a66ca1c0d6ff429b07bc0d88945", class: "text-white" }, "Padding Left: 2rem / pl-32"))))));
+  }
+};
+export {
+  s as token_spacing
+};

package/token-typography.entry-C8CdhyIM.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),s={"heading-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"22px",lineHeight:"120%"}}},l={"body-01":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"17px",lineHeight:"150%"}}},f={"ui-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"120%"}}},g={"display-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}}},a={families:{sans:"Inter, Helvetica, Arial, sans-serif"},typesets:{...s,...l,...f,...g}},c=class{constructor(t){e.registerInstance(this,t)}render(){return e.h("section",{key:"2078622c91b8906b71ee3aebdadcda0ac2c49512",class:"w-full"},e.h("ul",{key:"fe9212731cddcd43e3d5f5518245911d9d4cd493",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(a.typesets).filter(([t])=>t!=="displays").flatMap(([t,o])=>Object.entries(o).map(([n,i])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:"w-full p-4 block lg:flex items-center border border-soft rounded"},e.h("div",{class:"mr-auto hidden lg:block",style:{fontFamily:a.families.sans,fontWeight:i.fontWeight,fontSize:i.fontSize,lineHeight:i.lineHeight,letterSpacing:i.letterSpacing}},e.h("span",{class:"text-default font-bold"},`${t} (${n})`)),e.h("div",{class:"mr-auto block lg:hidden p-4"},e.h("span",{class:"text-default f-heading-05"},`${t} (${n})`)),e.h("div",{class:"ml-auto"},e.h("eds-code-block",{code:`f-${t}`,language:"Utility Class",class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`${n}:f-${t}`,language:"Screen",class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:[i.fontSize&&`font-size: ${i.fontSize};`,i.lineHeight&&`line-height: ${i.lineHeight};`,i.letterSpacing&&`letter-spacing: ${i.letterSpacing};`,i.fontWeight&&`font-weight: ${i.fontWeight};`,i.fontFamily&&`font-family: ${i.fontFamily};`].filter(Boolean).join(`
+`),language:"css",class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-fontFamily)`,class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-fontWeight)`,class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-fontSize)`,class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-lineHeight)`,class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-letterSpacing)`,class:"min-w-[250px] mb-4"}))))))))}};exports.token_typography=c;