@ebrains/vue 0.6.0-alpha.0 → 0.7.0-alpha.0

package/{eds-link.entry-D4lqKj64.mjs → eds-tabs.entry-BYxiMlkR.mjs}

@@ -1,7 +1,8 @@
-import { r as o, h as e, g as d } from "./index-Df31uHzU.mjs";
+import { r as t, c as o, h as r, g as d } from "./index-E1PpO1J3.mjs";
 import { s } from "./analytics-44b1416b-3vYuu4Xs.mjs";
 import { c as a } from "./index-39c58238-BwYCDOHZ.mjs";
-const c = `@font-face {
+import { p as c } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+const g = `@font-face {
   font-family: "Inter";
   font-weight: 100 900;
   font-display: swap;
@@ -1003,10 +1004,70 @@ video {
   grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);
   grid-gap: var(--inner-gutter);
 }
+.grid-col-span-2 {
+  --container-grid-columns: 2;
+  grid-column: span 2 / span 2;
+}
+.grid-col-span-3 {
+  --container-grid-columns: 3;
+  grid-column: span 3 / span 3;
+}
+.grid-col-span-4 {
+  --container-grid-columns: 4;
+  grid-column: span 4 / span 4;
+}
+.grid-col-span-6 {
+  --container-grid-columns: 6;
+  grid-column: span 6 / span 6;
+}
+.grid-col-span-8 {
+  --container-grid-columns: 8;
+  grid-column: span 8 / span 8;
+}
+.grid-col-span-10 {
+  --container-grid-columns: 10;
+  grid-column: span 10 / span 10;
+}
 .grid-col-span-12 {
   --container-grid-columns: 12;
   grid-column: span 12 / span 12;
 }
+.grid-col-start-1 {
+  grid-column-start: 1;
+}
+.grid-col-start-2 {
+  grid-column-start: 2;
+}
+.grid-col-start-3 {
+  grid-column-start: 3;
+}
+.grid-col-start-4 {
+  grid-column-start: 4;
+}
+.grid-col-start-5 {
+  grid-column-start: 5;
+}
+.grid-col-start-6 {
+  grid-column-start: 6;
+}
+.grid-col-start-7 {
+  grid-column-start: 7;
+}
+.grid-col-start-8 {
+  grid-column-start: 8;
+}
+.grid-col-start-9 {
+  grid-column-start: 9;
+}
+.grid-col-start-10 {
+  grid-column-start: 10;
+}
+.grid-col-start-11 {
+  grid-column-start: 11;
+}
+.grid-col-start-12 {
+  grid-column-start: 12;
+}
 [class*="grid-line-"] > * {
   position: relative;
 }
@@ -1016,6 +1077,396 @@ video {
   z-index: 0;
   pointer-events: none;
 }
+.grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+}
+.grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {
+  top: 0;
+}
+.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {
+  bottom: 0;
+}
+.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {
+  top: 0;
+}
+.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {
+  bottom: 0;
+}
+.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {
+  top: 0;
+}
+.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {
+  bottom: 0;
+}
+.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {
+  top: 0;
+}
+.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {
+  bottom: 0;
+}
+.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {
+  top: 0;
+}
+.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {
+  bottom: 0;
+}
+.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {
+  top: 0;
+}
+.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {
+  bottom: 0;
+}
+.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {
+  top: 0;
+}
+.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {
+  bottom: 0;
+}
+.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {
+  top: 0;
+}
+.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {
+  bottom: 0;
+}
+.grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {
+  top: 0;
+}
+.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {
+  bottom: 0;
+}
+.grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {
+  top: 0;
+}
+.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {
+  bottom: 0;
+}
+.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {
+  bottom: 0;
+}
+.grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
+  border-bottom-width: 1px;
+}
+.grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {
+  inset-inline-start: calc(var(--inner-gutter) / -2);
+  inset-inline-end: calc(var(--inner-gutter) / -2);
+}
+.grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {
+  inset-inline-start: 0;
+}
+.grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {
+  inset-inline-end: 0;
+}
+.grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {
+  border-bottom-width: 0;
+}
+.grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {
+  border-bottom-width: 0;
+}
+.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
+  border-inline-end-width: 1px;
+}
+.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {
+  border-inline-end-width: 0;
+}
+.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {
+  top: 0;
+}
+.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {
+  bottom: 0;
+}
+.grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {
+  bottom: 0;
+}
 @media (min-width: 750px) {
   [class*="grid-line-"] > * {
     position: relative;
@@ -6176,6 +6627,47 @@ input[type="range"]::-webkit-slider-thumb {
 .resize {
   resize: both;
 }
+.appearance-none {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+.grid-cols-10 {
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+.grid-cols-11 {
+  grid-template-columns: repeat(11, minmax(0, 1fr));
+}
+.grid-cols-12 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+.grid-cols-5 {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+.grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+.grid-cols-7 {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+.grid-cols-9 {
+  grid-template-columns: repeat(9, minmax(0, 1fr));
+}
 .flex-row {
   flex-direction: row;
 }
@@ -6240,6 +6732,11 @@ input[type="range"]::-webkit-slider-thumb {
 .gap-y-8 {
   row-gap: 0.5rem;
 }
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.0625rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.125rem * var(--tw-space-x-reverse));
@@ -6546,6 +7043,10 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-6 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
 .py-1 {
   padding-top: 0.0625rem;
   padding-bottom: 0.0625rem;
@@ -6574,9 +7075,6 @@ input[type="range"]::-webkit-slider-thumb {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.\\!pt-4 {
-  padding-top: 0.25rem !important;
-}
 .pb-16 {
   padding-bottom: 1rem;
 }
@@ -6993,11 +7491,6 @@ input[type="range"]::-webkit-slider-thumb {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus-visible\\:ring:focus-visible {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
 .disabled\\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -7282,173 +7775,104 @@ input[type="range"]::-webkit-slider-thumb {
     padding-right: 0rem;
   }
 }
-`, g = c, x = a([
-  "relative inline-flex justify-center items-center py-8 rounded-sm",
-  "effect-color effect-focus aria-disabled:text-lightest",
-  "aria-disabled:bg-dark aria-disabled:cursor-not-allowed aria-disabled:!border-transparent aria-disabled:after:!border-transparent"
-], {
-  variants: {
-    intent: {
-      primary: [
-        "border-inside bg-accent hover:bg-accent-dark",
-        "shadow-accent focus:shadow-none aria-disabled:shadow-none"
-      ],
-      secondary: ["border-inside border-inside-inverse bg-strongest hover:bg-strong-dark text-inverse"],
-      tertiary: "border-inside after:border-softest bg-dark hover:bg-darker",
-      ghost: ["border-inside hover:bg-darker"],
-      strong: [
-        "!px-0 !py-4 !min-h-20",
-        "before:opacity-0 effect-opacity",
-        "hover:before:opacity-100 focus-visible:before:opacity-0",
-        "aria-disabled:bg-transparent aria-disabled:text-light"
-        // aria-disabled:line-through
-      ],
-      weak: [
-        "!px-0 !py-4 !min-h-20",
-        "text-light hover:text-default",
-        "before:opacity-0 effect-opacity",
-        "hover:before:opacity-100 focus-visible:before:!opacity-0",
-        "aria-disabled:bg-transparent aria-disabled:text-light"
-        // aria-disabled:line-through
-      ],
-      inverse: [
-        "!px-0 !py-4 !min-h-20",
-        "text-inverse",
-        "effect-bg-behind-link before:bg-inverse-softer before:opacity-0 effect-opacity",
-        "hover:before:opacity-100 focus-visible:before:!opacity-0",
-        "aria-disabled:bg-transparent"
-        // aria-disabled:line-through
-      ],
-      blueish: [
-        "-top-1 !px-0 !py-0 !min-h-20 text-[#0034CB] decoration-[#0034CB] underline underline-offset-4 ",
-        "effect-focus focus-visible:rounded-xs",
-        "hover:before:opacity-100 focus-visible:before:opacity-0",
-        "aria-disabled:bg-transparent"
-        // aria-disabled:line-through
-      ],
-      underline: [
-        "decoration-accent underline underline-offset-4 !py-0",
-        "hover:no-underline effect-focus focus-visible:rounded-xs"
-      ]
-    },
-    iconSmall: {
-      true: "",
-      false: ""
-    },
-    isActive: {
-      true: "",
-      false: ""
-    },
-    size: {
-      underline: "f-body-02",
-      small: "min-h-36 f-ui-02 px-12",
-      large: "min-h-44 f-ui-01 px-16"
-    }
-  },
-  compoundVariants: [
-    {
-      iconSmall: !0,
-      size: "small",
-      class: "pr-4"
-    },
-    {
-      iconSmall: !0,
-      size: "large",
-      class: "pr-8"
-    },
-    // Active state
-    {
-      intent: "primary",
-      isActive: !0,
-      class: "!bg-accent-dark"
-    },
-    {
-      intent: "secondary",
-      isActive: !0,
-      class: "!bg-strong-dark"
-    },
-    {
-      intent: "tertiary",
-      isActive: !0,
-      class: "!bg-darker"
-    },
-    {
-      intent: "ghost",
-      isActive: !0,
-      class: "!bg-darker"
-    },
-    {
-      intent: "strong",
-      isActive: !0,
-      class: "before:!opacity-100"
-    },
-    {
-      intent: "weak",
-      isActive: !0,
-      class: "before:!opacity-100"
-    },
-    {
-      intent: "inverse",
-      isActive: !0,
-      class: "before:!opacity-100"
-    }
-  ],
-  defaultVariants: {
-    //intent: 'primary',
-    isActive: !1,
-    iconSmall: !1,
-    size: "small"
-  }
-}), b = class {
+
+`, x = g, b = class {
   constructor(n) {
-    o(this, n), this.parentContext = null, this.label = void 0, this.intent = void 0, this.icon = void 0, this.iconPos = "right", this.iconSmall = !1, this.size = "small", this.external = !1, this.current = !1, this.download = !1, this.url = void 0, this.ariaLabel = void 0, this.disabled = !1, this.hideLabelOnSmallScreen = !1, this.extraClass = void 0;
-  }
-  handleParentContext(n) {
-    n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
-  }
-  handleClick(n) {
-    var i, r;
-    if (this.disabled) {
-      n.preventDefault();
-      return;
-    }
-    s({
+    t(this, n), this.tab = o(this, "tab", 7), this.tabCva = a([
+      "relative px-16 py-12",
+      "f-ui-03 whitespace-nowrap",
+      "effect-color",
+      "focus-visible:text-default hover:text-default",
+      "border-2",
+      "after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0",
+      "outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"
+    ], {
+      variants: {
+        position: {
+          left: "rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",
+          right: "rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",
+          center: "",
+          first: "rounded-t-lg"
+        },
+        active: {
+          false: "text-lighter bg-dark hover:bg-darker border-softest",
+          true: [
+            "bg-default text-default z-99",
+            "rounded-t-lg",
+            "before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default",
+            "border-[#d2d2d2]"
+          ]
+        }
+      }
+    }), this.id = void 0, this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
+  }
+  componentWillLoad() {
+    this.parseTabs(), this.setActiveIndex(), this.tab.emit({ tabId: this.id, index: 0 });
+  }
+  /**
+   * Parses the `links` prop into an array of link objects.
+   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
+   *
+   * @returns {any[]} Array of parsed link objects
+   */
+  /**
+   * Parses the `links` prop into an array of link objects.
+   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
+   *
+   * @returns {any[]} Array of parsed link objects
+   */
+  parseTabs() {
+    this.parsedTabs = c(this.tabs);
+  }
+  componentDidLoad() {
+    this.scrollToActiveTab();
+  }
+  setActiveIndex() {
+    this.activeIndex = this.parsedTabs.findIndex((n) => n.active);
+  }
+  scrollToActiveTab() {
+    var n;
+    const e = (n = this.tabContainer) === null || n === void 0 ? void 0 : n.querySelector("[data-tab-active]");
+    e && setTimeout(() => {
+      e.scrollIntoView({
+        inline: "center",
+        block: "nearest"
+      });
+    }, 316);
+  }
+  getTabOptions(n, e) {
+    const i = n ? "center" : this.activeIndex === -1 && e === 0 ? "first" : e < this.activeIndex ? "left" : "right";
+    return Object.assign({ class: this.tabCva({
+      active: n,
+      position: i
+    }), style: {
+      zIndex: `${n ? this.parsedTabs.length + 99 : i === "left" ? e : this.parsedTabs.length + 1 - e}`
+    } }, n ? { "data-tab-active": "true" } : {});
+  }
+  handleTabClick(n, e) {
+    this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((i, l) => Object.assign(Object.assign({}, i), { active: l === n })), this.tab.emit({ tabId: this.id, index: n, name: e }), s({
       category: "ui-component",
-      parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
-      name: ((i = this.label) === null || i === void 0 ? void 0 : i.toLowerCase()) || ((r = this.ariaLabel) === null || r === void 0 ? void 0 : r.toLowerCase()) || "",
+      name: (e == null ? void 0 : e.toLowerCase()) || "",
       action: "click"
     });
   }
-  getLinkSize() {
-    return this.size;
-  }
-  renderLeftIcon() {
-    return this.icon && this.iconPos === "left" ? e("span", { class: !this.external && !this.label ? "" : "flex" }, e("eds-icon-wrapper", { class: `
-              flex inline-flex items-center justify-center
-              ${this.size === "large" ? "h-32 w-32" : "h-20 w-20"}
-            `, icon: this.icon })) : null;
-  }
-  renderRightIcon() {
-    return this.icon && this.iconPos === "right" ? e("span", { class: !this.external && !this.label ? "" : "flex ml-4" }, e("eds-icon-wrapper", { class: `
-              flex inline-flex items-center justify-center
-              ${this.size === "large" ? "h-32 w-32" : "h-20 w-20"}
-            `, icon: this.icon })) : null;
-  }
   render() {
-    const n = this.disabled ? "span" : "a", i = x({
-      intent: this.intent,
-      size: this.getLinkSize(),
-      iconSmall: this.iconSmall,
-      isActive: this.current
-    }), r = this.ariaLabel || this.label || "link", l = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
-    return e(n, { key: "965b2bf54c59752e7ed3cafbc167a8f2d1a2a9b1", class: `${i || ""} ${this.extraClass || ""}`, href: this.disabled ? void 0 : this.url, target: this.external && !this.disabled ? "_blank" : void 0, rel: this.external && !this.disabled ? "noopener noreferrer" : void 0, "aria-label": r, "aria-disabled": this.disabled ? "true" : null, "aria-current": this.current ? "page" : void 0, download: this.download ? "" : void 0, onClick: (t) => this.handleClick(t) }, e("span", { key: "7df72410c98bab3c0ef204e5cd33f1e069976d24", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), e("span", { key: "208b4fa88695bd8e8ed961d4c7639b117341110c", class: l }, this.label), this.renderRightIcon()));
+    return r("div", { key: "684231fc874298248db4aaf41f7845343b16ab3c", id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, r("div", { key: "4083dc93dae192eb61b12a37864b1b12bdf048a6", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, r("nav", { key: "0d0a707908275bc2e95ebcb0ec07fb24f12664c2", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
+      const i = n.active ? "span" : "a", l = this.getTabOptions(n.active, e);
+      return r(i, Object.assign({}, l, { "aria-label": n.label, "aria-current": e === this.activeIndex, onClick: () => this.handleTabClick(e, n.label) }), n.label || n.ariaLabel);
+    }))));
   }
   get el() {
     return d(this);
   }
+  static get watchers() {
+    return {
+      tabs: ["parseTabs"]
+    };
+  }
 };
-b.style = g;
+b.style = x;
 export {
-  b as eds_link
+  b as eds_tabs
 };