@ebrains/vue 0.9.2-beta → 1.0.0

package/docs-palettes.entry-Bz96UO-K.mjs

@@ -0,0 +1,22 @@
+import { r as l, h as e } from "./index-BvZ-fq9l.mjs";
+const r = class {
+  constructor(t) {
+    l(this, t), this.tabIndex = void 0;
+  }
+  renderContent() {
+    switch (this.tabIndex) {
+      case 0:
+        return e("div", null, e("h2", null, "Primary Palette"), e("color-primary-palette", null), e("h2", null, "Secondary Palette"), e("color-secondary-palette", null), e("h2", null, "Support Palette"), e("color-support-palette", null));
+      case 1:
+        return e("div", null, e("h2", null, "Primary Palette"), e("gradient-primary-palette", null), e("h2", null, "Secondary Palette"), e("gradient-secondary-palette", null), e("h2", null, "Support Palette"), e("gradient-support-palette", null));
+      default:
+        return e("p", null, "Content not available.");
+    }
+  }
+  render() {
+    return e("div", { key: "638d6345ed0e32bda5d350f7ee8e54055d7fe770", class: "container" }, this.renderContent());
+  }
+};
+export {
+  r as docs_palettes
+};

package/docs-tokens.entry-D-hRYpqk.mjs

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

package/docs-tokens.entry-DjHB8v2C.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("token-list",{show:"background"});case 1:return e.h("token-list",{show:"text"});case 2:return e.h("token-list",{show:"border"});case 3:return e.h("token-radii",null);case 4:return e.h("token-list",{show:"outline"});case 5:return e.h("token-shadows",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"7d86f29bb4a82aec564b0600749d97aedc58925d",class:"container"},this.renderContent())}};exports.docs_tokens=n;

package/eds-accordion.entry-Czj2ZwpQ.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),o=require("./analytics-d99780e3-DgvAss6l.js"),r="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}",a=r,n=class{constructor(i){e.registerInstance(this,i),this.accordion=e.createEvent(this,"accordion",7),this.handleClick=()=>{var t;this.isExpanded=!this.isExpanded,this.accordion.emit(this.isExpanded),this.setPanelHeight(),o.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((t=this.heading)===null||t===void 0?void 0:t.toLowerCase())||"",action:this.isExpanded?"expanded":"collapsed"})},this.setPanelHeight=()=>{this.childContentRef&&(this.shortContent=this.wrapperRef.scrollWidth>830&&!this.description?this.childContentRef.scrollHeight<=80:this.childContentRef.scrollHeight<=20,this.panelHeight=this.isExpanded&&!this.shortContent?this.childContentRef.scrollHeight:0),this.headerRef&&(this.headerHeight=this.headerRef.scrollHeight-30)},this.heading=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1,this.headerHeight=0}componentDidLoad(){this.setPanelHeight(),window.addEventListener("resize",this.setPanelHeight)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){return e.h("div",{key:"d2fcce2468130200dd1516902a203c4ca8ae543f",ref:i=>this.wrapperRef=i,class:`flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+          ${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"} 
+          ${this.switchBg?"hover:bg-inverse":""}
+          ${this.description?"min-h-56":""}`},e.h("h3",{key:"f59a85e886736b483f6a311a00426340a36dcb71",ref:i=>this.headerRef=i,class:"mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40"},this.heading),e.h("div",{key:"9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54",class:"ml-auto"},e.h("eds-button",{key:"4d4c16a958df05f1e773fe74fa49647fc94766c7",id:"toggleAccordion",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-label":"Toggle accordion","aria-controls":"accordionSection",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),e.h("div",{key:"5d84ffe8032834575d165f7a5e097539de73350f",class:"w-full",style:Number.isFinite(this.headerHeight)?{marginTop:`${this.headerHeight}px`}:{}},this.description?e.h("span",{class:`text-light ${!this.isExpanded&&this.clampText?"line-clamp-1":""}`},this.description):null,e.h("section",{key:"1813aea1369b8883cd45088799f9715cf8fc0556",id:"accordionSection",role:"region","aria-labelledby":"accordionHeader","aria-hidden":!this.isExpanded,class:`z-1 effect-height relative h-0 w-full ${!this.isExpanded&&this.clampText?"overflow-hidden":""}`,style:{height:this.isExpanded?"auto":"0"}},e.h("div",{key:"a9a95adbb819530f426045c55ca1a02f3a778f0a",ref:i=>this.childContentRef=i,class:"accordion-content effect-color pt-4","aria-hidden":!this.isExpanded},e.h("span",{key:"2518e3243e0bd199061ac255922d661e0558bdc8",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3"}))))))}get el(){return e.getElement(this)}};n.style=a;exports.eds_accordion=n;

package/eds-accordion.entry-D1L8fv2r.mjs

@@ -0,0 +1,48 @@
+import { r as n, c as o, h as e, g as r } from "./index-BvZ-fq9l.mjs";
+import { s as a } from "./analytics-d99780e3-Bay18Oil.mjs";
+const d = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}", s = d, l = class {
+  constructor(i) {
+    n(this, i), this.accordion = o(this, "accordion", 7), this.handleClick = () => {
+      var t;
+      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), a({
+        category: "ui-component",
+        parentContext: null,
+        tag: this.el.tagName.toLowerCase(),
+        name: ((t = this.heading) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
+        action: this.isExpanded ? "expanded" : "collapsed"
+      });
+    }, this.setPanelHeight = () => {
+      this.childContentRef && (this.shortContent = this.wrapperRef.scrollWidth > 830 && !this.description ? this.childContentRef.scrollHeight <= 80 : this.childContentRef.scrollHeight <= 20, this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0), this.headerRef && (this.headerHeight = this.headerRef.scrollHeight - 30);
+    }, this.heading = void 0, this.description = void 0, this.switchBg = !0, this.expanded = !1, this.clampText = !0, this.isExpanded = this.expanded, this.panelHeight = 0, this.shortContent = !1, this.headerHeight = 0;
+  }
+  /**
+   * Lifecycle method that sets up the initial panel height and adds a resize event listener
+   * to recalculate height on window resize.
+   */
+  componentDidLoad() {
+    this.setPanelHeight(), window.addEventListener("resize", this.setPanelHeight);
+  }
+  /**
+   * Lifecycle method that cleans up the resize event listener when the component is removed.
+   */
+  disconnectedCallback() {
+    window.removeEventListener("resize", this.setPanelHeight);
+  }
+  /**
+   * Renders the accordion structure, including header, content, description, and any slotted content.
+   * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
+   */
+  render() {
+    return e("div", { key: "d2fcce2468130200dd1516902a203c4ca8ae543f", ref: (i) => this.wrapperRef = i, class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+          ${this.switchBg && this.isExpanded ? "bg-inverse" : "bg-default"} 
+          ${this.switchBg ? "hover:bg-inverse" : ""}
+          ${this.description ? "min-h-56" : ""}` }, e("h3", { key: "f59a85e886736b483f6a311a00426340a36dcb71", ref: (i) => this.headerRef = i, class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), e("div", { key: "9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54", class: "ml-auto" }, e("eds-button", { key: "4d4c16a958df05f1e773fe74fa49647fc94766c7", id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: "effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none", onClick: this.handleClick, icon: "chevron-down" })), e("div", { key: "5d84ffe8032834575d165f7a5e097539de73350f", class: "w-full", style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? e("span", { class: `text-light ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description) : null, e("section", { key: "1813aea1369b8883cd45088799f9715cf8fc0556", id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? "overflow-hidden" : ""}`, style: { height: this.isExpanded ? "auto" : "0" } }, e("div", { key: "a9a95adbb819530f426045c55ca1a02f3a778f0a", ref: (i) => this.childContentRef = i, class: "accordion-content effect-color pt-4", "aria-hidden": !this.isExpanded }, e("span", { key: "2518e3243e0bd199061ac255922d661e0558bdc8", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3" }))))));
+  }
+  get el() {
+    return r(this);
+  }
+};
+l.style = s;
+export {
+  l as eds_accordion
+};

package/eds-alert.entry-BqEeR0Xw.js

@@ -0,0 +1,165 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),i=require("./index-39c58238-SQ-JC-LH.js"),a=`*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
+}
+
+p {
+  margin: 0;
+}
+
+.f-ui-01 {
+  font-family: var(--f-ui-01-fontFamily);
+  font-weight: var(--f-ui-01-fontWeight);
+  font-size: var(--f-ui-01-fontSize);
+  line-height: var(--f-ui-01-lineHeight);
+  letter-spacing: var(--f-ui-01-letterSpacing);
+}
+
+.border-inside {
+  position: relative;
+
+  &::after {
+    pointer-events: none;
+  }
+
+  &::after {
+    position: absolute;
+  }
+
+  &::after {
+    inset: 0rem;
+  }
+
+  &::after {
+    z-index: 1;
+  }
+
+  &::after {
+    border-radius: 8px;
+  }
+
+  &::after {
+    border-width: 1px;
+  }
+
+  &::after {
+    border-width: 2px;
+  }
+
+  &::after {
+    border-color: rgba(0, 0, 0, .1);
+  }
+
+  &::after {
+    content: '';
+  }
+}
+
+.flex {
+  display: flex;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.gap-x-12 {
+  -moz-column-gap: 0.75rem;
+  column-gap: 0.75rem;
+}
+
+.space-y-12> :not([hidden])~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.rounded-lg {
+  border-radius: 16px;
+}
+
+.bg-dark {
+  background-color: var(--grey-300);
+}
+
+.bg-error {
+  background-color: var(--red-200);
+}
+
+.bg-success {
+  background-color: var(--green-200);
+}
+
+.bg-warning {
+  background-color: var(--yellow-200);
+}
+
+.p-16 {
+  padding: 1rem;
+}
+
+.p-20 {
+  padding: 1.25rem;
+}
+
+.px-12 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-20 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.py-12 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-20 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.py-8 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.pr-12 {
+  padding-right: 0.75rem;
+}
+
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+[class*=underline-] {
+  text-decoration-line: underline;
+}
+
+.after\\:rounded-lg::after {
+  border-radius: 16px;
+}
+
+.after\\:border-softest::after {
+  border-color: rgba(0, 0, 0, .05);
+}`,o=a,s=i.cva(["w-full bg-dark"],{variants:{intent:{default:"",warning:"bg-warning",error:"bg-error",success:"bg-success"},brd:{rounded:"rounded-lg border-inside after:border-softest after:rounded-lg",normal:""},direction:{vertical:"space-y-12",horizontal:"flex flex-row items-center justify-between gap-x-12"},withBtn:{false:"",true:""}},compoundVariants:[{direction:"horizontal",withBtn:!0,class:"px-20 pr-12 py-12"},{direction:"horizontal",withBtn:!1,class:"p-20"},{direction:"vertical",withBtn:!0,class:"p-16"},{direction:"vertical",withBtn:!1,class:"px-12 py-20"}],defaultVariants:{intent:"default",brd:"rounded",direction:"horizontal"}}),r=class{constructor(n){e.registerInstance(this,n),this.message=void 0,this.pressableLabel=void 0,this.pressableUrl=void 0,this.direction="horizontal",this.intent="default",this.brd="rounded",this.withBtn=!1}componentWillLoad(){this.withBtn=!!this.pressableLabel}componentDidLoad(){var n;const t=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelector("eds-link");t&&this.emitContext(t)}emitContext(n){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(t)}render(){return e.h("div",{key:"90eae6088fb792c671eca1d74d9a6e7d212c2c1c",class:s({intent:this.intent,brd:this.brd,direction:this.direction,withBtn:this.withBtn}),role:"alert"},e.h("p",{key:"201a9e6352350dbe9d4f1ab137a669f212519ea5",class:"f-ui-01 py-8",innerHTML:this.message}),this.withBtn&&(this.pressableUrl?e.h("eds-link",{class:"eds-alert-link",label:this.pressableLabel,url:this.pressableUrl,intent:"secondary",external:!0}):null))}get el(){return e.getElement(this)}};r.style=o;exports.eds_alert=r;

package/eds-alert.entry-DAeVRXua.mjs

@@ -0,0 +1,251 @@
+import { r, h as t, g as i } from "./index-BvZ-fq9l.mjs";
+import { c as a } from "./index-39c58238-BwYCDOHZ.mjs";
+const o = `*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
+}
+
+p {
+  margin: 0;
+}
+
+.f-ui-01 {
+  font-family: var(--f-ui-01-fontFamily);
+  font-weight: var(--f-ui-01-fontWeight);
+  font-size: var(--f-ui-01-fontSize);
+  line-height: var(--f-ui-01-lineHeight);
+  letter-spacing: var(--f-ui-01-letterSpacing);
+}
+
+.border-inside {
+  position: relative;
+
+  &::after {
+    pointer-events: none;
+  }
+
+  &::after {
+    position: absolute;
+  }
+
+  &::after {
+    inset: 0rem;
+  }
+
+  &::after {
+    z-index: 1;
+  }
+
+  &::after {
+    border-radius: 8px;
+  }
+
+  &::after {
+    border-width: 1px;
+  }
+
+  &::after {
+    border-width: 2px;
+  }
+
+  &::after {
+    border-color: rgba(0, 0, 0, .1);
+  }
+
+  &::after {
+    content: '';
+  }
+}
+
+.flex {
+  display: flex;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.gap-x-12 {
+  -moz-column-gap: 0.75rem;
+  column-gap: 0.75rem;
+}
+
+.space-y-12> :not([hidden])~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.rounded-lg {
+  border-radius: 16px;
+}
+
+.bg-dark {
+  background-color: var(--grey-300);
+}
+
+.bg-error {
+  background-color: var(--red-200);
+}
+
+.bg-success {
+  background-color: var(--green-200);
+}
+
+.bg-warning {
+  background-color: var(--yellow-200);
+}
+
+.p-16 {
+  padding: 1rem;
+}
+
+.p-20 {
+  padding: 1.25rem;
+}
+
+.px-12 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-20 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.py-12 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-20 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.py-8 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.pr-12 {
+  padding-right: 0.75rem;
+}
+
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+[class*=underline-] {
+  text-decoration-line: underline;
+}
+
+.after\\:rounded-lg::after {
+  border-radius: 16px;
+}
+
+.after\\:border-softest::after {
+  border-color: rgba(0, 0, 0, .05);
+}`, s = o, d = a(["w-full bg-dark"], {
+  variants: {
+    intent: {
+      default: "",
+      warning: "bg-warning",
+      error: "bg-error",
+      success: "bg-success"
+    },
+    brd: {
+      rounded: "rounded-lg border-inside after:border-softest after:rounded-lg",
+      normal: ""
+    },
+    direction: {
+      vertical: "space-y-12",
+      horizontal: "flex flex-row items-center justify-between gap-x-12"
+    },
+    withBtn: {
+      false: "",
+      true: ""
+    }
+  },
+  compoundVariants: [
+    {
+      direction: "horizontal",
+      withBtn: !0,
+      class: "px-20 pr-12 py-12"
+    },
+    {
+      direction: "horizontal",
+      withBtn: !1,
+      class: "p-20"
+    },
+    {
+      direction: "vertical",
+      withBtn: !0,
+      class: "p-16"
+    },
+    {
+      direction: "vertical",
+      withBtn: !1,
+      class: "px-12 py-20"
+    }
+  ],
+  defaultVariants: {
+    intent: "default",
+    brd: "rounded",
+    direction: "horizontal"
+  }
+}), l = class {
+  constructor(n) {
+    r(this, n), this.message = void 0, this.pressableLabel = void 0, this.pressableUrl = void 0, this.direction = "horizontal", this.intent = "default", this.brd = "rounded", this.withBtn = !1;
+  }
+  componentWillLoad() {
+    this.withBtn = !!this.pressableLabel;
+  }
+  componentDidLoad() {
+    var n;
+    const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelector("eds-link");
+    e && this.emitContext(e);
+  }
+  emitContext(n) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    n.dispatchEvent(e);
+  }
+  render() {
+    return t("div", { key: "90eae6088fb792c671eca1d74d9a6e7d212c2c1c", class: d({
+      intent: this.intent,
+      brd: this.brd,
+      direction: this.direction,
+      withBtn: this.withBtn
+    }), role: "alert" }, t("p", { key: "201a9e6352350dbe9d4f1ab137a669f212519ea5", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && (this.pressableUrl ? t("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: !0 }) : null));
+  }
+  get el() {
+    return i(this);
+  }
+};
+l.style = s;
+export {
+  l as eds_alert
+};

package/eds-app-root.entry-BBbgNK8b.mjs

@@ -0,0 +1,25 @@
+import { r as o, h as e } from "./index-BvZ-fq9l.mjs";
+const d = class {
+  constructor(i) {
+    o(this, i), this.isAuthenticated = !1;
+  }
+  componentWillLoad() {
+    const i = new Promise((a) => {
+      document.addEventListener("initKeycloak", (t) => {
+        a(t.detail);
+      }, { once: !0 });
+    }), n = new Promise((a) => {
+      document.addEventListener("authStatusChanged", (t) => {
+        var s;
+        this.isAuthenticated = (s = t.detail) === null || s === void 0 ? void 0 : s.authenticated, a(t.detail);
+      }, { once: !0 });
+    });
+    this.combinedInitPromise = Promise.all([i, n]);
+  }
+  render() {
+    return e("div", { key: "f7ff644cea84bfc78190afcfa33f1f6d6c6de29a" }, e("eds-splash-screen", { key: "5e04f163eafe8f0d55394b8f508386bac013907e", inverse: !0, initPromise: this.combinedInitPromise }), e("eds-login", { key: "94c9dc0546e48fe8f9e6fc17fde9dcbf75fbe3bc", "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), e("main", { key: "975cfb32924ecf0a4bb7d8f4788792eae500e166" }, this.isAuthenticated ? e("h1", null, "Welcome, authenticated user!") : e("h1", null, "Please log in.")));
+  }
+};
+export {
+  d as eds_app_root
+};

package/eds-app-root.entry-BrJeEAVb.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),c=class{constructor(i){e.registerInstance(this,i),this.isAuthenticated=!1}componentWillLoad(){const i=new Promise(a=>{document.addEventListener("initKeycloak",t=>{a(t.detail)},{once:!0})}),s=new Promise(a=>{document.addEventListener("authStatusChanged",t=>{var n;this.isAuthenticated=(n=t.detail)===null||n===void 0?void 0:n.authenticated,a(t.detail)},{once:!0})});this.combinedInitPromise=Promise.all([i,s])}render(){return e.h("div",{key:"f7ff644cea84bfc78190afcfa33f1f6d6c6de29a"},e.h("eds-splash-screen",{key:"5e04f163eafe8f0d55394b8f508386bac013907e",inverse:!0,initPromise:this.combinedInitPromise}),e.h("eds-login",{key:"94c9dc0546e48fe8f9e6fc17fde9dcbf75fbe3bc","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),e.h("main",{key:"975cfb32924ecf0a4bb7d8f4788792eae500e166"},this.isAuthenticated?e.h("h1",null,"Welcome, authenticated user!"):e.h("h1",null,"Please log in.")))}};exports.eds_app_root=c;