@ebrains/components 2.0.0 → 2.1.0

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

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-efbc374c.js";import{c}from"./p-1ded61bd.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"f81db967bf78d75a4a8e572cda6427046603f0a6",class:this.class,innerHTML:c})}};export{e as eds_icon_chevron_up}

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

@@ -0,0 +1 @@
+import{r as e,h as s}from"./p-efbc374c.js";import{a as r}from"./p-32e6c4df.js";const c=class{constructor(s){e(this,s),this.class=""}render(){return s("span",{key:"e24ee8e9243fa2dcbe8df4fa9d84db5bbc136ec4",class:this.class,innerHTML:r})}};export{c as eds_icon_external}

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

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

package/dist/components/primary.js

@@ -35,7 +35,7 @@ const ColorPrimaryPalette = /*@__PURE__*/ proxyCustomElement(class ColorPrimaryP
         ];
     }
     render() {
-        return (h("ul", { key: '54f9d42269e4becaea4e5b6e91913ae4e52f8b1c', class: "not-prose 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: '1de5ded5c58ad27b388c8c1af7938944cbea5096', class: "not-prose 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: 'bd16588910fd7f74979521f84d0d1c3f2434a19c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: 'af35aa4016013cbed62463881c380330f80066a2', class: "not-prose 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: '73e6a72d3aa4659f2678fc49e7b8977711cb6055', class: "not-prose 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: '8346b6b6278e8e0c837722d760aa314586ece7f4', class: "not-prose 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: 'd7c6759d8908219c3de45f785c03b5d1ce1ba096' }, h("ul", { key: 'ed856f5b163fb0725c02808d435469ec6b7ffaed', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'abe6c28047d81414d39dc0b36db2be56f6380362', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'a1cdd15152436b70b05e7bb030977223afc9a407', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: '8a494bd6783e8138f33dcfd37498fd69b249a2e8' }, h("ul", { key: 'a2e6c31c2e2f3745ce1e4c01cc9afae02e8ebb87', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4ed12da885c34a07657aef2a841c87a37ae9c8f7', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '337f66d14b0ce65b19f198b7efaf9230ca50b82c', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: '29c335132b5fee16cc8e2cc34d19664e99f69c47', class: "grid" }, h("span", { key: 'c593f66f5ba6bd0f111393dbcc9bcf0bc185479a', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'f27114bd95383c500a6c319439c61148893b31ad', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'c274f3feac084aeb5b42b61b15156fd94282f497', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'bf76b37efef73cda20f1dcc79bb749360a07e34e', class: "grid" }, h("span", { key: '37a02acedd78800289bbabd318766f6141338148', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '8b38d9245e0c8c1c75748f944acddcd5f3b3883a', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '83db75289cbb4e41c15f1150c6f7a56098d8def1', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'c8c692658db9434f57e5ac264c3c9064910e9661', class: "grid" }, h("span", { key: '9fd7ae1b75ff6b6c807dbaad783f6495dc2dd9bd', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '9d4e59b1fab74ff781c8d73db3dd468b10ce0455', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '96f8a8fa41459228e4d8097a616926f85765cf39', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd7a68794a9682b619be1e087c983149d491c96db', class: "grid" }, h("span", { key: '58bd1ad1029c3b121ac0d4bb5c70ae303e0352bb', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '3193953b5f25d007cf19d93a1f68f20404687f1e', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'cfbdd6e419b1616438c6331a1d25c18c4425acd8', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: '4d92597b209048fc28478024d8eb2e89ce0109c1', class: "grid" }, h("span", { key: '465eda6c71997ca65f48d56410e8dccf607f4cb4', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'e80b3e063e142213d04bd6f19f6d20c57515270d', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'c746f6804888132d61fb7820cfcb28db00eee1fc', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '2af1ee7b54dd29b18177fd317ebe4846c7ea98f3', class: "grid" }, h("span", { key: '69a9c403a3167026a6814bc697420e3aca6b335f', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: 'd4dacbdc529f62bfc59eac154c5ad6b06fbec876', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '89204f2ef69b43b82e6adc82e404bd8a7985b18b' }), h("ul", { key: 'e6a2710618d7a1e58f6812acc2d2f6d2b7d841ef', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ed072f8a3bdc089c3a89e4b1c83127f7481f46d0', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '2010e22562d8e62ed3096815d69f354160abcb65', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'd7cbace55477934af72160da781b7a8e3aa8e06a', class: "grid" }, h("span", { key: '92751b8b5769b239e36ac130e339f8e360727cc4', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '82fe5bf3213d8d581322b33fd5e71edac1c88fb3', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '898008dc0c37aa6dac6cc41f2034cddd65768c14', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '4e447137643b72b3c6bf7c77d9487db3b6565774', class: "grid" }, h("span", { key: 'dd6377e2669c91b70681faceef9a1a2e85aacc36', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '06fc395fb9c0caf71d889031d5122da97c2d437c', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '7be7b3c75d184f3aa717f6319aeeac025760122e' }), h("ul", { key: 'b97e4bde35db0630a312b97d501ce1c59f0c3e14', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a92a1a7d3e3680901e18dd48eb6658f4fb0fb20', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e90a2a1cae3c1cde6b4326b56b72c61e1892140b', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '891397d4e60cd7a5622181a71f29734520b4298c', class: "grid" }, h("span", { key: '3f6b1baca2b5fe53bd275c92ad0310667701c753', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '23ffbe639a0c2cfd92f6270db1ef70c3d1640fc9', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'e1352887585144329be0529c8dd677461b10610a', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cd576b8104996360eed629ffa208d5117bf0e4ad', class: "grid" }, h("span", { key: '298cb076bc456fb9096cf6503a3d743569f416ba', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '7329b19b0333a216786d503e62e98651a4d4771f', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '4fea9070d6a61cd7402d449efd187a0a5017a097', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '61b77e314f1b0ba1a2091c8095ec202532c18606', class: "grid" }, h("span", { key: '03dab364cc0dfec33698c44a204c454fb541e212', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'e691950b5345a2ede462f4e83cca168bdeb9ec15', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '0221d7e314a813dc2c5b79911951bca9c0b41b25', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3a0a7685f28da21ad72e03fde2466ef261d732c6', class: "grid" }, h("span", { key: 'cb7b332c10b45eb9fd5db2d3fd8042e2bad64466', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'a2ce20d6c1f79933e63286f21cf2a2b46bae7c77', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '22accd3b0973aef372c31e6e1f9098c20af0fe62', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '42add888aeddd60139a738516f0bdf2bb8ce53c6', class: "grid" }, h("span", { key: 'baf4aed8195baaf67b64f023c701c45da3ddd736', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'bc081ddd23179b330359271ddae1fb7ee80d5559', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '1c99d958f47f5c85b1f73961cff31de1963ff1d1', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd9655d11a6c6a935970990bdc85d38baab035d42', class: "grid" }, h("span", { key: '93490f1f7d4818483cf1516ae0ff945cb29d8cd3', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'bee2089b693ad94489a785d86a11dd2d85455f40', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: 'e0a2b7706a6564a323710743e72c964f7159e1a5' }), h("ul", { key: '7de5262ec6a1a6e55a05c1add2797af7de29bd8b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a137a701f58c473cec1c2c92c57699ecee583f8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '2f44ae854af76aa14281840d6c60f2c3256099e1', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '20ac41e5ab5abf006915a588948b0a80ba6b6500', class: "grid" }, h("span", { key: 'c45d31d03b5eed96970e573ffe9d6d7b0a4f55f2', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'c8615974f6fefcce9236f1dab2aa05acf79f476e', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '4edca81579a78d5a981abd588d614e92b41e80f2', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'efb4443370dc4577f4bb0638f7189d8ebb41f7f6', class: "grid" }, h("span", { key: 'e6859deb262bbb09411b23a829461a13bca7036c', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'a7b10ce34dbf351ed7c9ffddae8a078af2b2dfc7', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '1e7693f7830a8b23fbfe88a4db8ce86b8d0685f0' }), h("ul", { key: 'e968be89adb2e35e19b3c6b373b6e12f4e746a16', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '96c60c4a9e257a292782d9effc9f0c72abf11b9e', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'c4568e420e1aa059777280831c2384eab3d92bcd', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: 'b806467f9ef13799e885bd537364ddc05fe40a4f', class: "grid" }, h("span", { key: '59254c7b53f7f74a9bb7884c14e0a10dc9959e9b', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'c2347c08f4fad7fe6c83c16e97c81a9ed5fc3265', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '5a5ac44c8a1e1192e606e16dc4878bc34dfc1f18', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'b02e1566bdbeb23751333450f0575f1242581fc6', class: "grid" }, h("span", { key: 'b0ba99a11f5ef2f527a7953de9e994469d5e4345', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: 'ef8ae5b0a8b90c40d6edfaec0510a3cff51ee146', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'c5b9a09ea0de5a4d8fce281df814619477ddaf8b', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'd6deb40f0bc0f42ba8dc5ce1f81f0ddffac1909c', class: "grid" }, h("span", { key: 'dfe457e42121384072c1fa914a4b20dc4b838d01', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'ff18c95c23f62a02e56f017a3c4fd135942ca475', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'bd2c5dc66d42965991741eaa399c620dfd7ccd8e', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '95a9105cf2f1c2ce4f585d20cd3d7f51ab176860', class: "grid" }, h("span", { key: '205d05eef3ead993524a70a6da8a1b99293d325b', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '8bd0e5c38a50e61d1c4743b069ac33bbcabd6a90', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '1e23753de89b1954149cc3855dd18c35d8eff021', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: '01093078bcb33b75da1ec21ea29d238edd90e9c7', class: "grid" }, h("span", { key: '0c9633660c5c2b365280a63c4a5c67b77fbd80dd', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: 'd7cce349e8b86c40abba692c54d7c309d20be2b4', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'b402087855fe04450eb1523014fb310446f83d26', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cddd68685d9dbef43b849910082e844ac9dfc30a', class: "grid" }, h("span", { key: '34122a3422f7f27d81678f7f29fb0781eb598620', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'cff5bbce881e6549bdeee9631a1626c7be093b84', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: '89d94b65035bede7a8e6783ce12b28f0d19bc517', class: "grid" }, h("span", { key: '68b5166da0440b8b71a353f112151f87ce5f0863', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '5c5440685df35b5d7a46c3aaca50f34103d227da', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'bf98ce42ca5c85792f69233aa9339b76e404355e', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd3405eb9f4b55be2ca453857006b2e168f55b723', class: "grid" }, h("span", { key: '7c5cc7a21f351c7054113feb2d08c73aa433b729', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'ab88dec48dc6bfbcf0ae6952bdc83898b9f3fe01', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
 }, [0, "gradient-secondary-palette"]);
 function defineCustomElement() {

package/dist/components/support.js

@@ -60,7 +60,7 @@ const ColorSupportPalette = /*@__PURE__*/ proxyCustomElement(class ColorSupportP
         return 'text-default';
     }
     render() {
-        return (h("ul", { key: '268afbd0b909a22f7c8b85d5ad7f0d36a4a5e3d1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (h("ul", { key: '70965eb05a6b535bf4477e7413f7fd681c4f9768', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
             // compute once
             const textClass = this.getTextColor(color.background);
             return (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 ${textClass}` }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), h("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));

package/dist/components/support2.js

@@ -51,11 +51,11 @@ const GradientSupportPalette = /*@__PURE__*/ proxyCustomElement(class GradientSu
         ];
     }
     render() {
-        return (h("ul", { key: '5a612487c206581907ebc456cc6149580090f55c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '661844e372ed3436f375410f4ab298b967f7c7dd', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '867573f26386a46b9ecccd982163f7dfaddd087b', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '4c23cb1c31308a1e163c963037856ab3dcd516e6', class: "grid" }, h("span", { key: '237e7234834b820a80caa38b47cdc33be2dc4c85', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '68749c41d21b7994aeac33d5a3d24d0e04bca08c', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '9b87e0cb8aee3b56e66cb26a1c933ba693487893', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'b5c6b6abd962f4649657bdf85d45e8309efd66ea', class: "grid" }, h("span", { key: '12ea4085c748e073e4bbfed5217e6aff9e61d5f8', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '8e3d52cc62bdcddf058ce3a124813b1225607bf7', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'c6fd93aee048ab41248cd5dead3608d868459dd2', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '9ec24ba88c6c2aabd785dbde4c2a3198e836c81f', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '2636df7a6eb4ce22d3c6ce21880401ad995f4e53', class: "grid" }, h("span", { key: '293a0457140d0b595ce5a1ec3d7519554da51787', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '2e553c06d960bcd40dc6abfa84adcae3c3b850f9', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'c351eb2de9d9f92bf6479b4ba75ec4d2ea2adcee', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cf78d76edea67cbb65a98d5df41ee0aa8d19a7b1', class: "grid" }, h("span", { key: 'de2b396e6ffd2e52239a1b8909c7ab14932c93a6', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'aebdec1e5f31c1f9aecf89d657fa309dc4e6f96e', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '3391ea7989b220e68b9d3f3194d59046c22de20d', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '097878915a516699b1460c045773738a17ebf9c6', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: 'cd8f1b760d9d12703e63d444206cd7cb8272dc23', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4e06317b161b310f1d0a6c03ec4511e30121a9d1', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '09ee064b51f1f60eb94449a81889fcc1b04b034b', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: 'd03882aca184094d6bd6c7c1847fd825b5df391e', class: "grid" }, h("span", { key: '56401b8b651fc59ab649017e24072b7aa9e66b09', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'f438f24aa6caee90e0aa8b45a8e3ef3905115165', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '1185f4d1820c900e97e376aecfdb15c079bf47d6', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '81e189f2d4d59444419b4323595f233b5a7dd5c5', class: "grid" }, h("span", { key: 'ed9c1690bc1a39a4ca10922d6954987025b75ab2', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '389c2782c0a19abdaa8bcb3bec35b08f7dc49699', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '224ddf84a71da323318a93aed512785d765ff78c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '6f65b95fafa248d35f3bbc6b2ca1796e75d5c75d', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'a5f7ce54255461e8955b770ba045873c4337317e', class: "grid" }, h("span", { key: '344026348686a6c356012bddcb6019d2e33d2d1a', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'd21a077ed8b57fc7b03d3c9e8aad84a1d6921b7e', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'dfc3a8574e020c3e140a582e2f6548d7df18fc2f', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '370a21f614bfa27de7cd920d33a4bda8271cb9b2', class: "grid" }, h("span", { key: 'dcd05c27f71e94ab52ab88647d7c16bdd8cb6824', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '3f596aa4db89c9444ab19a1fe6130532ea7a18de', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '4360df4a8f5439fef848bef1aff0ba7e907c0873', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '7559365a22a412e249f860b2ccd42a40c686575e', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: 'ef76280804b503e8d7ed1a04f1ea07b762e36905', class: "grid" }, h("span", { key: '3235d6a48761d5680dd447189d2c70d4421a79b9', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '6d27e4764d3a3c6740154a3ffc996f1259a3a1ae', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'b1ec314d40809791313506e2e953cc83adfe1a99', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'f2907250506bb3d9428655649ed5470188aa78ae', class: "grid" }, h("span", { key: '49e3f49a8ef6578bcf0173774734b0fe80d34380', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '950a3aeb1a5d1e3ecaa23b3a9a43eb2a61f78993', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'baaea9182beb5874d53f3dde736d55d3dd6fb53d', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '3027a68e48323ad82a7b9507902d43d3ebd5a9b5', class: "grid" }, h("span", { key: '6889a4ba793f3f82c90e2b1b87b90d1d1e9fc551', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '688e28e641c900a105605e8f6dd65efe8d1c663a', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'f344601cb7b1c0210478c4c8297365655d1db5b3', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'bbd401b28071a53db3e2648545c6de8004da98cd', class: "grid" }, h("span", { key: 'e7eb3868b58336671fc8862b2dd67dd8c664b6d2', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '97c2788da2fed4b22f11057d13ea2bd6f6041f9c', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '8ea814cb2456d959a510b3bf2fe1348a796bf390', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '52190f3fba8daf54b66a6c1fb39ffe0d3630579c', class: "grid" }, h("span", { key: '65d924d148d9aa5ea28bb2018c6205e047c63eb7', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'fb3046c7e64943887b015442d0822941f555b0d9', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'd9970b36eeedeb76601c151d8adf0d719c3bc50b', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '99f7dc373ca4cd7a6ef0bdab8554bb0448fb92ae', class: "grid" }, h("span", { key: 'cc8fd3b34d84b16d476ca8828a21a7d6edd323e3', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '13a91251ee695c6c4675f0c4ff78196e94fb0c25', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '15d8671c59473d0536d970d37518237982f50bd7', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '1ddbd49301aacb6164261021ce8ee68a17946028', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '88440ca3f89fba17e750a27e7afbc32fa43865fa', class: "grid" }, h("span", { key: '28256827aedbbbe4cf4fcf6d36e465552095abfe', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '4e02cb7566b147c5696f6797a2eb8fe52ccc4c3a', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'cd1fb27c45fba23a2e07c99f949b10b3375fc1ab', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '15b28c50322a27b285e7761b2a7336a46a2999e7', class: "grid" }, h("span", { key: '8e26da3deba60c4ac8110259891020adb8c7747b', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '12fa9dd12ee72677869b18f83777c47d339ad8ca', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '4a223c4bad5b21ff8f80dcbca228a66500ab6a87', class: "grid" }, h("span", { key: 'acfb82921e62c37dc091a10b2f093c41d50c32da', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '1d8a0866567e954772be7fc950579a62aa719ade', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'e8fe52aefd86c81713f08bcd1cb8f27789bd9ca1', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9925c5173dd15f16fe2b08eb522adf0d8ac37ef1', class: "grid" }, h("span", { key: '78f7131ca9a960688c8957a79c4033573f7cfee1', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '0fb4a0cfec9531e0e00b2d749d66ae6696a6db4a', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '017c338c94189ad75c79ff9db903d18246a4af80', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'd75b7e97684b6ffe19bfcfdb8315f771c42de0f1', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '63b0fc0c825edcba9f633a5b6972fdd72574ce3b', class: "grid" }, h("span", { key: '389132cc0be0358b4805356ea216a9cfd4297514', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '902d41927973b8bf690cda7ca701a103f91dd511', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'f9fffe844840148e801e3b1c1c2891b2bec96bf7', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '7ecb1dc3d5e0c63cf191b1300f19cd88489e9bed', class: "grid" }, h("span", { key: '9233731334557d6b37d96d9d7e328cb9b24e2766', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '5030f6c36dd0e07785c0f11092c9452d80763101', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 }, [0, "gradient-support-palette"]);
 function defineCustomElement() {

package/dist/components/svg-repository.js

@@ -41,6 +41,9 @@ import { b as bin } from './bin.js';
 import { s as start } from './start.js';
 import { d as draft } from './draft.js';
 import { e as edit } from './edit.js';
+import { v as view } from './view.js';
+import { c as clone } from './clone.js';
+import { d as defineCustomElement$d } from './eds-button2.js';
 import { d as defineCustomElement$c } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$b } from './eds-input2.js';
 import { d as defineCustomElement$a } from './eds-input-field2.js';
@@ -312,7 +315,9 @@ const svgs = /*#__PURE__*/Object.freeze({
   bin: bin,
   start: start,
   draft: draft,
-  edit: edit
+  edit: edit,
+  view: view,
+  clone: clone
 });
 
 const svgRepositoryCss = ":host,.full-width{display:block;width:100%}";
@@ -345,7 +350,7 @@ const SvgRepository$1 = /*@__PURE__*/ proxyCustomElement(class SvgRepository ext
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (h("div", { key: '4f51504595167008271a6dce4d43c2988394fc8a', class: "full-width" }, h("eds-table", { key: '3cd08a72250aeb7f98fe1b68349bd7de6acb9079', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: '7182d9e62bbee54fe4787d4fdd00e454d4f9df44', class: "full-width" }, h("eds-table", { key: '4f9e0681ce92a66ca09fd933663caf465208306d', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
     get hostEl() { return this; }
     static get style() { return SvgRepositoryStyle0; }
@@ -354,13 +359,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["svg-repository", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-link", "eds-pagination", "eds-table"];
+    const components = ["svg-repository", "eds-button", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-link", "eds-pagination", "eds-table"];
     components.forEach(tagName => { switch (tagName) {
         case "svg-repository":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SvgRepository$1);
             }
             break;
+        case "eds-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
         case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();

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: '8fab4b610ad73943d9884c9b091f8ae0b85fec02', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (h("section", { key: 'b8b778fe87179f77bb71705d89026c500b0293fb', 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: '990ac7f9b888a50dfefb06d0999c845796e82db4', class: "w-full mt-28" }, h("ul", { key: '447642ed7c23039532564cf640994c1ac9a1d1de', class: "not-prose 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: '584f5f90e1e3813692870fbd8fd382956729dbf1', class: "w-full mt-28" }, h("ul", { key: '81786b7835d62739d6ec034609e77209e15e3b38', class: "not-prose 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: 'be577f9c398a29f5bd996a68d102017488f8ac17', class: "w-full" }, h("eds-section-core", { key: '291b8f1692e0ba050c0871af65429db95733990c', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: '2ac59025091444b8e14b5106d8909c54fa8227aa', 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: '255775984f1d0edd52f48814776dfb5739b4885e', class: "w-full" }, h("eds-section-core", { key: '7fd28e74db00800fcaa4adb13dd6b0b9cace371d', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: '1e4c0af9a699e69c5bc6c86df821c457bb20614a', 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: '481c1eed906cfd2ec0a071fde52bd284dc689583', class: "w-full mt-28" }, h("ul", { key: 'bf3c4068320755df5df76fd40a5f533c2814e398', class: "not-prose 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: '8ca055cb3616c9bc3f6e8c1032671ff53a540156', class: "w-full mt-28" }, h("ul", { key: '7b72868285aaffe0f31628b5ab142e39aaccd964', class: "not-prose 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: 'ccc58496f0918a9da7f1d4412391613f3f568cc9', class: "w-full" }, h("ul", { key: 'e5a8d47319a9c994e7755d3576d71b634ab20063', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '3d0a29e2c91d351ab116ce416e00c42590d035b3', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'd2d85017b45172a0b0b092de400d9151ef539ef8', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '88de94aaba4d635cc525a67542b5d472cd896c5d', class: "spacing-sample m-16 bg-strong" }, h("span", { key: 'b59a5fa9df2d4083fa06c9a258ec5ba5ccf60c0a', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '70767120c9cd4be53f96f375fd329703a963b63a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '855d6bacf1b1423485fbf4a6d57eaae41a7a1444', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '7857867bba76856db7530bacd73f142a2b503c51', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '14b4241fc260b9d6b690dbd141098dc61a5eded9', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'fa5b994aab19f80b3fa26393844b0bed46ecfa64', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '3c600983badcd59dcf5735e9a4c42c87a306236b', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '77abcf6391bc3fe5f798a7837e12e9f3581213d0', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: 'd4626346b81f99c4690853d00c097d523616db1f', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '2ce80fc1b53afa0e157f4b185ae70f16779b9f3f', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '95f69eac2055d60ae42808fa09f4f6a68bdff4f6', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'e553f7c58b018cba77b7141be6142d3c7b34194a', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '13450e5d8c07cbeb640e0b3aea1e526365f0f743', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: 'dce557ae08a4800fd5d98c91b5675d4839da622f', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '9a134b12e3829b5529921ee24ba095231ea9a70f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '2f30c7339974f96fa881b43f8b7ec9a018c2f372', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '663a2b9a903effbd5eb1988d6803934c41a26b93', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '363143700c339ab934b466ef9f84f257be3adbbc', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e72006b92c553dfb7c3df21cbbea3a7234cbf725', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '251e68c910ee1d0485d630fde091e6790183f4f9', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: 'cf2f10404629bf2e7ab10d51b2917361cf93279b', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: '9967174337c771b175eb51d9cd77ec227071178e', class: "w-full" }, h("ul", { key: 'db8df572ea997ea83600cb522c761ec5c99788bc', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '25a7b31970e56ce8ff62c81a69daac121984d9d6', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '1a1dfa005e39237c2fedb210c0082293770387c6', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '473024ed6927d1a140eee0e021af92790c3ec5b0', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '7b691bf830943134160396ddcd8f71e419eb29e2', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '38f1d4d7e78b1efdbc55cf732b6be2ac3a62b5b7', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '3a0fc8cdfa13bf0998a4829c36a74b17a6ee2314', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'ec730379e1041a68c9d980bb6b5d4b16560debb0', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: 'fd6f3ab787f1d43fb0b060e8408a1464eacd9875', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '60a45420ca9cd7f4dab1524c8d6be31b39295b0c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'ec433621396341959df05dd4becf2844c4266ea5', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'e2ae2d3a3f0eb5226fae09d70eff099ed79ca0e6', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '1da10931bb4dae62a1a1c020c89463634a3c1630', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: 'f2f6ff5c992df7d4d426a3488cb7aa7ad9b7bc85', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '23700500e04f2ec99fb5329092b7e430f7ac4274', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'bc304e082326c02787a62681fa86d20382fbb2d7', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '32692a307c58603ac232bb1004b88e0b5bff0c3d', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '6fc5032427724389d29d200347e3f5de984d6ec5', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'f66687c53866291f4f455153e34813d53bbb6d68', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c4305cf37d1f08f50be085664d9a4da0c4859805', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '4bd0c2056950a34d119c11ffd04e1dce1b8136c5', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '67053133a6c121e02b7cab1da4cf4bc025dcc28d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'dc7c1198e284eb0d71d183017e99fca72c3fb2a7', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '3e69f16b8673007197f18b736e07a9e2c86e7eeb', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '5a112de1bf2ce66ea278da76b8890aff02cce8af', class: "f-body-01 text-inverse" }, "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: '62bc664d442830ac40bc6aae9a5dbd38f5d18f05', class: "w-full" }, h("ul", { key: 'e8a97077420f77631e75ec99e14b22fd77a36c11', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: 'b638ddc335ade66f9eb0af8752f56945270fc5ee', class: "w-full" }, h("ul", { key: '40f638bc0eccdcc79aecaf5da8fc9c1332122d49', 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/components/view.js

@@ -0,0 +1,3 @@
+const view = `<svg width="20" height="20" viewBox="-102.4 -102.4 1228.80 1228.80" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="0.01024" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#000000" d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"></path></g></svg>`;
+
+export { view as v };

package/dist/esm/clone-dab56639.js

@@ -0,0 +1,3 @@
+const clone = `<svg fill="#000000" height="20" width="20" version="1.1" id="XMLID_158_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="clone"> <g> <path d="M24,24H6V6h18V24z M8,22h14V8H8V22z M4,18H0v-4h2v2h2V18z M2,12H0V6h2V12z M18,4h-2V2h-2V0h4V4z M2,4H0V0h4v2H2V4z M12,2 H6V0h6V2z"></path> </g> </g> </g></svg>`;
+
+export { clone as c };

package/dist/esm/color-primary-palette_6.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.js';
 
 const ColorPrimaryPalette = class {
     constructor(hostRef) {
@@ -32,7 +32,7 @@ const ColorPrimaryPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: '54f9d42269e4becaea4e5b6e91913ae4e52f8b1c', class: "not-prose 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: '1de5ded5c58ad27b388c8c1af7938944cbea5096', class: "not-prose 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))))))));
     }
 };
 
@@ -93,7 +93,7 @@ const ColorSecondaryPalette = class {
         this.show = undefined;
     }
     render() {
-        return (h("ul", { key: '73e6a72d3aa4659f2678fc49e7b8977711cb6055', class: "not-prose 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: '8346b6b6278e8e0c837722d760aa314586ece7f4', class: "not-prose 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))))))));
     }
 };
 
@@ -154,7 +154,7 @@ const ColorSupportPalette = class {
         return 'text-default';
     }
     render() {
-        return (h("ul", { key: '268afbd0b909a22f7c8b85d5ad7f0d36a4a5e3d1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (h("ul", { key: '70965eb05a6b535bf4477e7413f7fd681c4f9768', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
             // compute once
             const textClass = this.getTextColor(color.background);
             return (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 ${textClass}` }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), h("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));
@@ -194,7 +194,7 @@ const GradientPrimaryPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: 'bd16588910fd7f74979521f84d0d1c3f2434a19c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: 'af35aa4016013cbed62463881c380330f80066a2', class: "not-prose 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))))))));
     }
@@ -256,19 +256,19 @@ const GradientSecondaryPalette = class {
         ];
     }
     render() {
-        return (h("div", { key: 'd7c6759d8908219c3de45f785c03b5d1ce1ba096' }, h("ul", { key: 'ed856f5b163fb0725c02808d435469ec6b7ffaed', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'abe6c28047d81414d39dc0b36db2be56f6380362', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'a1cdd15152436b70b05e7bb030977223afc9a407', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: '8a494bd6783e8138f33dcfd37498fd69b249a2e8' }, h("ul", { key: 'a2e6c31c2e2f3745ce1e4c01cc9afae02e8ebb87', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4ed12da885c34a07657aef2a841c87a37ae9c8f7', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '337f66d14b0ce65b19f198b7efaf9230ca50b82c', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: '29c335132b5fee16cc8e2cc34d19664e99f69c47', class: "grid" }, h("span", { key: 'c593f66f5ba6bd0f111393dbcc9bcf0bc185479a', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'f27114bd95383c500a6c319439c61148893b31ad', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'c274f3feac084aeb5b42b61b15156fd94282f497', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'bf76b37efef73cda20f1dcc79bb749360a07e34e', class: "grid" }, h("span", { key: '37a02acedd78800289bbabd318766f6141338148', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '8b38d9245e0c8c1c75748f944acddcd5f3b3883a', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '83db75289cbb4e41c15f1150c6f7a56098d8def1', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'c8c692658db9434f57e5ac264c3c9064910e9661', class: "grid" }, h("span", { key: '9fd7ae1b75ff6b6c807dbaad783f6495dc2dd9bd', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '9d4e59b1fab74ff781c8d73db3dd468b10ce0455', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '96f8a8fa41459228e4d8097a616926f85765cf39', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd7a68794a9682b619be1e087c983149d491c96db', class: "grid" }, h("span", { key: '58bd1ad1029c3b121ac0d4bb5c70ae303e0352bb', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '3193953b5f25d007cf19d93a1f68f20404687f1e', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'cfbdd6e419b1616438c6331a1d25c18c4425acd8', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: '4d92597b209048fc28478024d8eb2e89ce0109c1', class: "grid" }, h("span", { key: '465eda6c71997ca65f48d56410e8dccf607f4cb4', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'e80b3e063e142213d04bd6f19f6d20c57515270d', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'c746f6804888132d61fb7820cfcb28db00eee1fc', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '2af1ee7b54dd29b18177fd317ebe4846c7ea98f3', class: "grid" }, h("span", { key: '69a9c403a3167026a6814bc697420e3aca6b335f', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: 'd4dacbdc529f62bfc59eac154c5ad6b06fbec876', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '89204f2ef69b43b82e6adc82e404bd8a7985b18b' }), h("ul", { key: 'e6a2710618d7a1e58f6812acc2d2f6d2b7d841ef', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ed072f8a3bdc089c3a89e4b1c83127f7481f46d0', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '2010e22562d8e62ed3096815d69f354160abcb65', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'd7cbace55477934af72160da781b7a8e3aa8e06a', class: "grid" }, h("span", { key: '92751b8b5769b239e36ac130e339f8e360727cc4', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '82fe5bf3213d8d581322b33fd5e71edac1c88fb3', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '898008dc0c37aa6dac6cc41f2034cddd65768c14', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '4e447137643b72b3c6bf7c77d9487db3b6565774', class: "grid" }, h("span", { key: 'dd6377e2669c91b70681faceef9a1a2e85aacc36', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '06fc395fb9c0caf71d889031d5122da97c2d437c', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '7be7b3c75d184f3aa717f6319aeeac025760122e' }), h("ul", { key: 'b97e4bde35db0630a312b97d501ce1c59f0c3e14', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a92a1a7d3e3680901e18dd48eb6658f4fb0fb20', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e90a2a1cae3c1cde6b4326b56b72c61e1892140b', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '891397d4e60cd7a5622181a71f29734520b4298c', class: "grid" }, h("span", { key: '3f6b1baca2b5fe53bd275c92ad0310667701c753', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '23ffbe639a0c2cfd92f6270db1ef70c3d1640fc9', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'e1352887585144329be0529c8dd677461b10610a', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cd576b8104996360eed629ffa208d5117bf0e4ad', class: "grid" }, h("span", { key: '298cb076bc456fb9096cf6503a3d743569f416ba', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '7329b19b0333a216786d503e62e98651a4d4771f', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '4fea9070d6a61cd7402d449efd187a0a5017a097', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '61b77e314f1b0ba1a2091c8095ec202532c18606', class: "grid" }, h("span", { key: '03dab364cc0dfec33698c44a204c454fb541e212', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'e691950b5345a2ede462f4e83cca168bdeb9ec15', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '0221d7e314a813dc2c5b79911951bca9c0b41b25', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3a0a7685f28da21ad72e03fde2466ef261d732c6', class: "grid" }, h("span", { key: 'cb7b332c10b45eb9fd5db2d3fd8042e2bad64466', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'a2ce20d6c1f79933e63286f21cf2a2b46bae7c77', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '22accd3b0973aef372c31e6e1f9098c20af0fe62', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '42add888aeddd60139a738516f0bdf2bb8ce53c6', class: "grid" }, h("span", { key: 'baf4aed8195baaf67b64f023c701c45da3ddd736', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'bc081ddd23179b330359271ddae1fb7ee80d5559', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '1c99d958f47f5c85b1f73961cff31de1963ff1d1', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd9655d11a6c6a935970990bdc85d38baab035d42', class: "grid" }, h("span", { key: '93490f1f7d4818483cf1516ae0ff945cb29d8cd3', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'bee2089b693ad94489a785d86a11dd2d85455f40', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: 'e0a2b7706a6564a323710743e72c964f7159e1a5' }), h("ul", { key: '7de5262ec6a1a6e55a05c1add2797af7de29bd8b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a137a701f58c473cec1c2c92c57699ecee583f8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '2f44ae854af76aa14281840d6c60f2c3256099e1', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '20ac41e5ab5abf006915a588948b0a80ba6b6500', class: "grid" }, h("span", { key: 'c45d31d03b5eed96970e573ffe9d6d7b0a4f55f2', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'c8615974f6fefcce9236f1dab2aa05acf79f476e', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '4edca81579a78d5a981abd588d614e92b41e80f2', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'efb4443370dc4577f4bb0638f7189d8ebb41f7f6', class: "grid" }, h("span", { key: 'e6859deb262bbb09411b23a829461a13bca7036c', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'a7b10ce34dbf351ed7c9ffddae8a078af2b2dfc7', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '1e7693f7830a8b23fbfe88a4db8ce86b8d0685f0' }), h("ul", { key: 'e968be89adb2e35e19b3c6b373b6e12f4e746a16', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '96c60c4a9e257a292782d9effc9f0c72abf11b9e', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'c4568e420e1aa059777280831c2384eab3d92bcd', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: 'b806467f9ef13799e885bd537364ddc05fe40a4f', class: "grid" }, h("span", { key: '59254c7b53f7f74a9bb7884c14e0a10dc9959e9b', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'c2347c08f4fad7fe6c83c16e97c81a9ed5fc3265', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '5a5ac44c8a1e1192e606e16dc4878bc34dfc1f18', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'b02e1566bdbeb23751333450f0575f1242581fc6', class: "grid" }, h("span", { key: 'b0ba99a11f5ef2f527a7953de9e994469d5e4345', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: 'ef8ae5b0a8b90c40d6edfaec0510a3cff51ee146', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'c5b9a09ea0de5a4d8fce281df814619477ddaf8b', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'd6deb40f0bc0f42ba8dc5ce1f81f0ddffac1909c', class: "grid" }, h("span", { key: 'dfe457e42121384072c1fa914a4b20dc4b838d01', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'ff18c95c23f62a02e56f017a3c4fd135942ca475', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'bd2c5dc66d42965991741eaa399c620dfd7ccd8e', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '95a9105cf2f1c2ce4f585d20cd3d7f51ab176860', class: "grid" }, h("span", { key: '205d05eef3ead993524a70a6da8a1b99293d325b', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '8bd0e5c38a50e61d1c4743b069ac33bbcabd6a90', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '1e23753de89b1954149cc3855dd18c35d8eff021', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: '01093078bcb33b75da1ec21ea29d238edd90e9c7', class: "grid" }, h("span", { key: '0c9633660c5c2b365280a63c4a5c67b77fbd80dd', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: 'd7cce349e8b86c40abba692c54d7c309d20be2b4', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'b402087855fe04450eb1523014fb310446f83d26', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cddd68685d9dbef43b849910082e844ac9dfc30a', class: "grid" }, h("span", { key: '34122a3422f7f27d81678f7f29fb0781eb598620', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'cff5bbce881e6549bdeee9631a1626c7be093b84', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: '89d94b65035bede7a8e6783ce12b28f0d19bc517', class: "grid" }, h("span", { key: '68b5166da0440b8b71a353f112151f87ce5f0863', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '5c5440685df35b5d7a46c3aaca50f34103d227da', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'bf98ce42ca5c85792f69233aa9339b76e404355e', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd3405eb9f4b55be2ca453857006b2e168f55b723', class: "grid" }, h("span", { key: '7c5cc7a21f351c7054113feb2d08c73aa433b729', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'ab88dec48dc6bfbcf0ae6952bdc83898b9f3fe01', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
 };
 
@@ -320,11 +320,11 @@ const GradientSupportPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: '5a612487c206581907ebc456cc6149580090f55c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '661844e372ed3436f375410f4ab298b967f7c7dd', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '867573f26386a46b9ecccd982163f7dfaddd087b', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '4c23cb1c31308a1e163c963037856ab3dcd516e6', class: "grid" }, h("span", { key: '237e7234834b820a80caa38b47cdc33be2dc4c85', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '68749c41d21b7994aeac33d5a3d24d0e04bca08c', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '9b87e0cb8aee3b56e66cb26a1c933ba693487893', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'b5c6b6abd962f4649657bdf85d45e8309efd66ea', class: "grid" }, h("span", { key: '12ea4085c748e073e4bbfed5217e6aff9e61d5f8', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '8e3d52cc62bdcddf058ce3a124813b1225607bf7', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'c6fd93aee048ab41248cd5dead3608d868459dd2', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '9ec24ba88c6c2aabd785dbde4c2a3198e836c81f', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '2636df7a6eb4ce22d3c6ce21880401ad995f4e53', class: "grid" }, h("span", { key: '293a0457140d0b595ce5a1ec3d7519554da51787', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '2e553c06d960bcd40dc6abfa84adcae3c3b850f9', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'c351eb2de9d9f92bf6479b4ba75ec4d2ea2adcee', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cf78d76edea67cbb65a98d5df41ee0aa8d19a7b1', class: "grid" }, h("span", { key: 'de2b396e6ffd2e52239a1b8909c7ab14932c93a6', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'aebdec1e5f31c1f9aecf89d657fa309dc4e6f96e', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '3391ea7989b220e68b9d3f3194d59046c22de20d', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '097878915a516699b1460c045773738a17ebf9c6', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: 'cd8f1b760d9d12703e63d444206cd7cb8272dc23', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4e06317b161b310f1d0a6c03ec4511e30121a9d1', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '09ee064b51f1f60eb94449a81889fcc1b04b034b', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: 'd03882aca184094d6bd6c7c1847fd825b5df391e', class: "grid" }, h("span", { key: '56401b8b651fc59ab649017e24072b7aa9e66b09', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'f438f24aa6caee90e0aa8b45a8e3ef3905115165', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '1185f4d1820c900e97e376aecfdb15c079bf47d6', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '81e189f2d4d59444419b4323595f233b5a7dd5c5', class: "grid" }, h("span", { key: 'ed9c1690bc1a39a4ca10922d6954987025b75ab2', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '389c2782c0a19abdaa8bcb3bec35b08f7dc49699', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '224ddf84a71da323318a93aed512785d765ff78c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '6f65b95fafa248d35f3bbc6b2ca1796e75d5c75d', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'a5f7ce54255461e8955b770ba045873c4337317e', class: "grid" }, h("span", { key: '344026348686a6c356012bddcb6019d2e33d2d1a', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'd21a077ed8b57fc7b03d3c9e8aad84a1d6921b7e', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'dfc3a8574e020c3e140a582e2f6548d7df18fc2f', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '370a21f614bfa27de7cd920d33a4bda8271cb9b2', class: "grid" }, h("span", { key: 'dcd05c27f71e94ab52ab88647d7c16bdd8cb6824', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '3f596aa4db89c9444ab19a1fe6130532ea7a18de', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '4360df4a8f5439fef848bef1aff0ba7e907c0873', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '7559365a22a412e249f860b2ccd42a40c686575e', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: 'ef76280804b503e8d7ed1a04f1ea07b762e36905', class: "grid" }, h("span", { key: '3235d6a48761d5680dd447189d2c70d4421a79b9', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '6d27e4764d3a3c6740154a3ffc996f1259a3a1ae', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'b1ec314d40809791313506e2e953cc83adfe1a99', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'f2907250506bb3d9428655649ed5470188aa78ae', class: "grid" }, h("span", { key: '49e3f49a8ef6578bcf0173774734b0fe80d34380', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '950a3aeb1a5d1e3ecaa23b3a9a43eb2a61f78993', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'baaea9182beb5874d53f3dde736d55d3dd6fb53d', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '3027a68e48323ad82a7b9507902d43d3ebd5a9b5', class: "grid" }, h("span", { key: '6889a4ba793f3f82c90e2b1b87b90d1d1e9fc551', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '688e28e641c900a105605e8f6dd65efe8d1c663a', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'f344601cb7b1c0210478c4c8297365655d1db5b3', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'bbd401b28071a53db3e2648545c6de8004da98cd', class: "grid" }, h("span", { key: 'e7eb3868b58336671fc8862b2dd67dd8c664b6d2', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '97c2788da2fed4b22f11057d13ea2bd6f6041f9c', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '8ea814cb2456d959a510b3bf2fe1348a796bf390', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '52190f3fba8daf54b66a6c1fb39ffe0d3630579c', class: "grid" }, h("span", { key: '65d924d148d9aa5ea28bb2018c6205e047c63eb7', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'fb3046c7e64943887b015442d0822941f555b0d9', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'd9970b36eeedeb76601c151d8adf0d719c3bc50b', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '99f7dc373ca4cd7a6ef0bdab8554bb0448fb92ae', class: "grid" }, h("span", { key: 'cc8fd3b34d84b16d476ca8828a21a7d6edd323e3', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '13a91251ee695c6c4675f0c4ff78196e94fb0c25', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '15d8671c59473d0536d970d37518237982f50bd7', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '1ddbd49301aacb6164261021ce8ee68a17946028', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '88440ca3f89fba17e750a27e7afbc32fa43865fa', class: "grid" }, h("span", { key: '28256827aedbbbe4cf4fcf6d36e465552095abfe', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '4e02cb7566b147c5696f6797a2eb8fe52ccc4c3a', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'cd1fb27c45fba23a2e07c99f949b10b3375fc1ab', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '15b28c50322a27b285e7761b2a7336a46a2999e7', class: "grid" }, h("span", { key: '8e26da3deba60c4ac8110259891020adb8c7747b', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '12fa9dd12ee72677869b18f83777c47d339ad8ca', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '4a223c4bad5b21ff8f80dcbca228a66500ab6a87', class: "grid" }, h("span", { key: 'acfb82921e62c37dc091a10b2f093c41d50c32da', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '1d8a0866567e954772be7fc950579a62aa719ade', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'e8fe52aefd86c81713f08bcd1cb8f27789bd9ca1', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9925c5173dd15f16fe2b08eb522adf0d8ac37ef1', class: "grid" }, h("span", { key: '78f7131ca9a960688c8957a79c4033573f7cfee1', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '0fb4a0cfec9531e0e00b2d749d66ae6696a6db4a', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '017c338c94189ad75c79ff9db903d18246a4af80', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'd75b7e97684b6ffe19bfcfdb8315f771c42de0f1', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '63b0fc0c825edcba9f633a5b6972fdd72574ce3b', class: "grid" }, h("span", { key: '389132cc0be0358b4805356ea216a9cfd4297514', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '902d41927973b8bf690cda7ca701a103f91dd511', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'f9fffe844840148e801e3b1c1c2891b2bec96bf7', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '7ecb1dc3d5e0c63cf191b1300f19cd88489e9bed', class: "grid" }, h("span", { key: '9233731334557d6b37d96d9d7e328cb9b24e2766', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '5030f6c36dd0e07785c0f11092c9452d80763101', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 };
 

package/dist/esm/components-section.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance } from './index-fdb33359.js';
+import { h, r as registerInstance } from './index-e84b871c.js';
 
 const DocsOverview = () => (h("div", { class: "static-content container" },
     h("h2", null, "Load the module"),
@@ -134,7 +134,7 @@ const ComponentsSection = class {
         }
     }
     render() {
-        return h("div", { key: 'a57909fff6c8fc3bc0bc82804595cfb08edf1b9f', class: "container" }, this.renderContent());
+        return h("div", { key: 'dc274e3d76a296c8a8b18abcc4fc8741a6b9eddd', class: "container" }, this.renderContent());
     }
 };