@uplynk/lynk-design 1.20.0 → 1.20.1

package/cdn/chunks/chunk.SH3MMDB6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.STOYSK42.js";import*as n from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var v="lynk-radio-group";e.define("lynk-radio-group");var o=t({tagName:v,elementClass:e,react:n,events:{EvChange:"ev-change",EvInput:"ev-input",EvInvalid:"ev-invalid"},displayName:"LynkRadioGroup"}),s=o;export{s as a};

package/cdn/chunks/chunk.SQCZLEHP.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.W2KNNTER.js";import{a as r,g as i}from"./chunk.XKOYU7QD.js";import{a as o}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{show(){this.hidden=!1,this.emit("ev-show")}hide(){this.hidden=!0,this.emit("ev-hide")}render(){return s` <slot part="base"></slot> `}};t.styles=[o,m],e([r({attribute:"min-size",reflect:!0})],t.prototype,"minSize",2),e([r({attribute:"max-size",reflect:!0})],t.prototype,"maxSize",2),e([r({reflect:!0})],t.prototype,"size",2);export{t as a};

package/cdn/chunks/chunk.SSNKFS4K.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZKNDQ4XH.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var n="lynk-splitter";e.define("lynk-splitter");var s=r({tagName:n,elementClass:e,react:t,events:{EvReady:"ev-ready",EvSplitterResize:"ev-splitter-resize",EvAfterSplitterResize:"ev-after-splitter-resize"},displayName:"LynkSplitter"}),o=s;export{o as a};

package/cdn/chunks/chunk.STDGKCRQ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.52KKNXQH.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-tag-input";e.define("lynk-tag-input");var s=n({tagName:v,elementClass:e,react:t,events:{EvChange:"ev-change",EvInput:"ev-input",EvAddTag:"ev-add-tag",EvRemoveTag:"ev-remove-tag",EvClear:"ev-clear",EvFocus:"ev-focus",EvBlur:"ev-blur",EvInvalid:"ev-invalid"},displayName:"LynkTagInput"}),m=s;export{m as a};

package/cdn/chunks/chunk.STOYSK42.js

@@ -0,0 +1,62 @@
+import{a as S}from"./chunk.5SPRRXJ6.js";import{a as x}from"./chunk.BG6N3PAS.js";import{a as V}from"./chunk.23RLY3JE.js";import{b as g,c as C,d as $,e as E}from"./chunk.V7E6ITFP.js";import{a as b}from"./chunk.YHSYTTFF.js";import{a as p}from"./chunk.YZSIY5HS.js";import{a as f}from"./chunk.7TAXE2HP.js";import{a,b as u,d as c,g as v}from"./chunk.XKOYU7QD.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var e=class extends v{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new b(this,"help-text","help-tip","label","label-end","help-text-end");this.customValidityMessage="";this.hasButtonGroup=!1;this.errorMessage="";this.hasFocus=!1;this.defaultValue="";this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.name="option";this.value="";this.form="";this.required=!1;this.optional=!1;this.readonly=!1;this.dirty=!1;this.gapped=!1;this.state="default";this.inline=!1}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?E:t?$:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("lynk-radio, lynk-radio-button")]}handleRadioClick(t){let i=t.target.closest("lynk-radio, lynk-radio-button"),n=this.getAllRadios(),s=this.value;!i||i.disabled||this.readonly||(this.value=i.value,n.forEach(d=>d.checked=d===i),this.value!==s&&(this.emit("ev-change"),this.emit("ev-input")))}handleKeyDown(t){var m;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key)||this.readonly)return;let i=this.getAllRadios().filter(h=>!h.disabled),n=(m=i.find(h=>h.checked))!=null?m:i[0],s=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,d=this.value,o=i.indexOf(n)+s;o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||h.setAttribute("tabindex","-1")}),this.value=i[o].value,i[o].checked=!0,this.hasButtonGroup?i[o].shadowRoot.querySelector("button").focus():(i[o].setAttribute("tabindex","0"),i[o].focus()),this.value!==d&&(this.emit("ev-change"),this.emit("ev-input")),t.preventDefault()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}async syncRadioElements(){var i,n;let t=this.getAllRadios();if(await Promise.all(t.map(async s=>{await s.updateComplete,s.checked=s.value===this.value,s.size=this.size})),this.hasButtonGroup=t.some(s=>s.tagName.toLowerCase()==="lynk-radio-button"),t.length>0&&!t.some(s=>s.checked))if(this.hasButtonGroup){let s=(i=t[0].shadowRoot)==null?void 0:i.querySelector("button");s&&s.setAttribute("tabindex","0")}else t[0].setAttribute("tabindex","0");if(this.hasButtonGroup){let s=(n=this.shadowRoot)==null?void 0:n.querySelector("lynk-button-group");s&&(s.disableRole=!0)}}syncRadios(){if(customElements.get("lynk-radio")&&customElements.get("lynk-radio-button")){this.syncRadioElements();return}customElements.get("lynk-radio")?this.syncRadioElements():customElements.whenDefined("lynk-radio").then(()=>this.syncRadios()),customElements.get("lynk-radio-button")?this.syncRadioElements():customElements.whenDefined("lynk-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(i=>i.checked=i.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}checkValidity(){let t=this.required&&!this.value,i=this.customValidityMessage!=="";return t||i?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.errorMessage=this.customValidityMessage||t?"":this.validationInput.validationMessage,this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.errorMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let i=this.getAllRadios(),n=i.find(o=>o.checked),s=i.find(o=>!o.disabled),d=n||s;d&&d.focus(t)}render(){let t=r`
+      <slot
+        class=${f({"radio-group__control":!0,"radio-group__control--has-button-group":this.hasButtonGroup})}
+        @slotchange=${this.syncRadios}
+        @click=${this.handleRadioClick}
+        @keydown=${this.handleKeyDown}
+        @focusin=${this.handleFocus}
+        @focusout=${this.handleBlur}
+      ></slot>
+    `;return r`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?r`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?r`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?r`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <fieldset
+          role="radiogroup"
+          aria-label=${this.label||"Radio group"}
+          aria-readonly=${this.readonly?"true":"false"}
+          class="radio-group"
+        >
+          <div class="visually-hidden">
+            <div id="error-message" aria-live="assertive">${this.errorMessage}</div>
+            <label class="radio-group__validation">
+              <input
+                type="text"
+                class="radio-group__validation-input"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+                @invalid=${this.handleInvalid}
+              />
+            </label>
+          </div>
+
+          ${this.hasButtonGroup?r`
+                  <lynk-button-group part="button-group" exportparts="base:button-group__base" .gapped=${this.gapped}>
+                    ${t}
+                  </lynk-button-group>
+                `:t}
+        </fieldset>
+      </lynk-form-field>
+    `}};e.styles=[y,S],e.dependencies={"lynk-button-group":V,"lynk-form-field":x},l([c("slot:not([name])")],e.prototype,"defaultSlot",2),l([c(".radio-group__validation-input")],e.prototype,"validationInput",2),l([u()],e.prototype,"hasButtonGroup",2),l([u()],e.prototype,"errorMessage",2),l([u()],e.prototype,"hasFocus",2),l([u()],e.prototype,"defaultValue",2),l([a()],e.prototype,"label",2),l([a({attribute:"help-text"})],e.prototype,"helpText",2),l([a({attribute:"label-end"})],e.prototype,"labelEnd",2),l([a({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),l([a({attribute:"help-tip"})],e.prototype,"helpTip",2),l([a()],e.prototype,"name",2),l([a({reflect:!0})],e.prototype,"value",2),l([a({reflect:!0})],e.prototype,"size",2),l([a({reflect:!0})],e.prototype,"form",2),l([a({type:Boolean,reflect:!0})],e.prototype,"required",2),l([a({type:Boolean,reflect:!0})],e.prototype,"optional",2),l([a({type:Boolean,reflect:!0})],e.prototype,"readonly",2),l([a({type:Boolean,reflect:!0})],e.prototype,"dirty",2),l([a({type:Boolean,reflect:!0})],e.prototype,"gapped",2),l([a({reflect:!0})],e.prototype,"state",2),l([a({type:Boolean,reflect:!0})],e.prototype,"inline",2),l([p("size",{waitUntilFirstUpdate:!0})],e.prototype,"handleSizeChange",1),l([p("value")],e.prototype,"handleValueChange",1);export{e as a};

package/cdn/chunks/chunk.SVHYIRXW.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.TDIIYLHB.js";import*as t from"react";import{createComponent as o}from"@lit/react";var a="lynk-format-bytes";e.define("lynk-format-bytes");var r=o({tagName:a,elementClass:e,react:t,events:{},displayName:"LynkFormatBytes"}),s=r;export{s as a};

package/cdn/chunks/chunk.SX5BSMGN.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.EW74AP3P.js";var l=e;e.define("lynk-table");export{l as a};

package/cdn/chunks/chunk.T3MCJBNP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.N2BE6BIC.js";import*as t from"react";import{createComponent as a}from"@lit/react";var r="lynk-card";e.define("lynk-card");var o=a({tagName:r,elementClass:e,react:t,events:{},displayName:"LynkCard"}),p=o;export{p as a};

package/cdn/chunks/chunk.T4CHZMZU.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2FQ3QWQN.js";var a=e;e.define("lynk-switch");export{a};

package/cdn/chunks/chunk.TDIIYLHB.js

@@ -0,0 +1 @@
+import{a as l}from"./chunk.O4ZRZ3HV.js";import{a as i,g as a}from"./chunk.XKOYU7QD.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends a{constructor(){super(...arguments);this.localize=new l(this);this.value=0;this.unit="byte";this.display="short"}render(){if(isNaN(this.value))return"";let n=["","kilo","mega","giga","tera"],s=["","kilo","mega","giga","tera","peta"],o=this.unit==="bit"?n:s,r=Math.max(0,Math.min(Math.floor(Math.log10(this.value)/3),o.length-1)),h=o[r]+this.unit,u=parseFloat((this.value/Math.pow(1e3,r)).toPrecision(3));return this.localize.number(u,{style:"unit",unit:h,unitDisplay:this.display})}};e([i({type:Number})],t.prototype,"value",2),e([i()],t.prototype,"unit",2),e([i()],t.prototype,"display",2);export{t as a};

package/cdn/chunks/chunk.TFDID6K3.js

@@ -0,0 +1,18 @@
+import{a as m}from"./chunk.ASQDJRDF.js";import{a as f}from"./chunk.O4ZRZ3HV.js";import{a as n,b as c,c as h,d,g as p}from"./chunk.XKOYU7QD.js";import{a as u}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.localize=new f(this);this.resizeObserver=new ResizeObserver(()=>this.updateScroll());this.canScroll=!1;this.orientation="horizontal";this.withoutScrollbar=!1;this.withoutShadow=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect()}handleKeyDown(o){o.key==="Home"&&(o.preventDefault(),this.content.scrollTo({left:this.orientation==="horizontal"?0:void 0,top:this.orientation==="vertical"?0:void 0})),o.key==="End"&&(o.preventDefault(),this.content.scrollTo({left:this.orientation==="horizontal"?this.content.scrollWidth:void 0,top:this.orientation==="vertical"?this.content.scrollHeight:void 0}))}handleSlotChange(){this.updateScroll()}updateScroll(){if(this.orientation==="horizontal"){let o=Math.ceil(this.content.clientWidth),s=Math.abs(Math.ceil(this.content.scrollLeft)),e=Math.ceil(this.content.scrollWidth)-o;this.canScroll=e>0;let a=Math.min(1,s/(e*.05)),l=Math.min(1,(e-s)/(e*.05));this.style.setProperty("--start-shadow-opacity",String(a||0)),this.style.setProperty("--end-shadow-opacity",String(l||0))}else{let o=Math.ceil(this.content.clientHeight),s=Math.abs(Math.ceil(this.content.scrollTop)),e=Math.ceil(this.content.scrollHeight)-o;this.canScroll=e>0;let a=Math.min(1,s/(e*.05)),l=Math.min(1,(e-s)/(e*.05));this.style.setProperty("--start-shadow-opacity",String(a||0)),this.style.setProperty("--end-shadow-opacity",String(l||0))}}render(){return r`
+      ${this.withoutShadow?"":r`
+              <div id="start-shadow" part="start-shadow" aria-hidden="true"></div>
+              <div id="end-shadow" part="end-shadow" aria-hidden="true"></div>
+            `}
+
+      <div
+        id="content"
+        part="content"
+        role="region"
+        aria-label=${this.localize.term("scrollableRegion")}
+        tabindex=${this.canScroll?"0":"-1"}
+        @keydown=${this.handleKeyDown}
+        @scroll=${this.updateScroll}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};t.styles=[u,m],i([d("#content")],t.prototype,"content",2),i([c()],t.prototype,"canScroll",2),i([n({reflect:!0})],t.prototype,"orientation",2),i([n({attribute:"without-scrollbar",type:Boolean,reflect:!0})],t.prototype,"withoutScrollbar",2),i([n({attribute:"without-shadow",type:Boolean,reflect:!0})],t.prototype,"withoutShadow",2),i([h({passive:!0})],t.prototype,"updateScroll",1);export{t as a};

package/cdn/chunks/chunk.TIVFX7JG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.N2BE6BIC.js";var r=e;e.define("lynk-card");export{r as a};

package/cdn/chunks/chunk.TUR6OE5V.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.QEW7VQL4.js";import{g as r}from"./chunk.XKOYU7QD.js";import{a as s}from"./chunk.MXDME6T6.js";import{d as e}from"./chunk.PINNEFCM.js";var t=class extends r{render(){return e` <slot part="base"></slot> `}};t.styles=[s,m];export{t as a};

package/cdn/chunks/chunk.TUT3GXIL.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.5XEOG4AN.js";import*as t from"react";import{createComponent as a}from"@lit/react";var o="lynk-stack";e.define("lynk-stack");var n=a({tagName:o,elementClass:e,react:t,events:{},displayName:"LynkStack"}),c=n;export{c as a};

package/cdn/chunks/chunk.TVAELKGH.js

@@ -0,0 +1,8 @@
+import{a as s}from"./chunk.YKBEGLQ6.js";import{a as r}from"./chunk.7TAXE2HP.js";import{g as o}from"./chunk.XKOYU7QD.js";import{d as e}from"./chunk.PINNEFCM.js";var t=class extends o{render(){return e`
+      <div
+        part="base"
+        class=${r({box:!0,"box--overflow":!!getComputedStyle(this).getPropertyValue("--height")})}
+      >
+        <slot></slot>
+      </div>
+    `}};t.styles=s;export{t as a};

package/cdn/chunks/chunk.TVTKXAF3.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.BJA3DH3N.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a,g as l}from"./chunk.XKOYU7QD.js";import{a as d}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.attrOldValue=!1;this.charData=!1;this.charDataOldValue=!1;this.childList=!1;this.disabled=!1;this.handleMutation=i=>{this.emit("ev-mutation",{detail:{mutationList:i}})}}connectedCallback(){super.connectedCallback(),this.mutationObserver=new MutationObserver(this.handleMutation),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}startObserver(){let i=typeof this.attr=="string"&&this.attr.length>0,h=i&&this.attr!=="*"?this.attr.split(" "):void 0;try{this.mutationObserver.observe(this,{subtree:!0,childList:this.childList,attributes:i,attributeFilter:h,attributeOldValue:this.attrOldValue,characterData:this.charData,characterDataOldValue:this.charDataOldValue})}catch(p){}}stopObserver(){this.mutationObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}handleChange(){this.stopObserver(),this.startObserver()}render(){return s` <slot></slot> `}};t.styles=[d,o],e([a({reflect:!0})],t.prototype,"attr",2),e([a({attribute:"attr-old-value",type:Boolean,reflect:!0})],t.prototype,"attrOldValue",2),e([a({attribute:"char-data",type:Boolean,reflect:!0})],t.prototype,"charData",2),e([a({attribute:"char-data-old-value",type:Boolean,reflect:!0})],t.prototype,"charDataOldValue",2),e([a({attribute:"child-list",type:Boolean,reflect:!0})],t.prototype,"childList",2),e([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r("disabled")],t.prototype,"handleDisabledChange",1),e([r("attr",{waitUntilFirstUpdate:!0}),r("attr-old-value",{waitUntilFirstUpdate:!0}),r("char-data",{waitUntilFirstUpdate:!0}),r("char-data-old-value",{waitUntilFirstUpdate:!0}),r("childList",{waitUntilFirstUpdate:!0})],t.prototype,"handleChange",1);export{t as a};

package/cdn/chunks/chunk.TWNDFNUO.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7GYRS54M.js";var o=e;e.define("lynk-clock");export{o as a};

package/cdn/chunks/chunk.U24RDEHZ.js

@@ -0,0 +1,177 @@
+import{a as t}from"./chunk.PINNEFCM.js";var n=t`
+  :host {
+    --padding-top: var(--lynk-spacing-large);
+    --padding-bottom: var(--lynk-spacing-large);
+    --gap: 8px;
+    --background-color: var(--lynk-page-content-background-color);
+    --header-background-color: var(--lynk-page-content-header-background-color);
+    --border-radius: var(--lynk-page-content-border-radius);
+
+    /*
+     * The host is a real box (not display: contents) so that it can be the scroll container for its
+     * slotted content. That keeps the scroller in the light DOM, where scroll-parent lookups,
+     * IntersectionObserver roots and virtual scrollers can find it.
+     */
+    display: block;
+    background-color: var(--background-color);
+    border-radius: var(--border-radius);
+  }
+
+  /* Standalone with a header: fill the parent and scroll beneath the sticky header */
+  :host([data-has-header]:not([data-lynk-page-layout])) {
+    height: 100%;
+    overflow: auto;
+  }
+
+  /* Inside a <lynk-page> main area (the page sets data-lynk-page-layout) */
+  :host([data-lynk-page-layout]) {
+    flex: 0 0 auto;
+    min-width: 0;
+  }
+
+  /* The only content in the page fills the main area and scrolls itself */
+  :host([data-lynk-page-layout='single']:not([height])) {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: auto;
+  }
+
+  /* A set height (applied inline by the component) scrolls its own content */
+  :host([height]) {
+    overflow: auto;
+  }
+
+  .page-content {
+    padding-left: var(--lynk-page-margin);
+    padding-right: var(--lynk-page-margin);
+    padding-top: var(--padding-top);
+    padding-bottom: var(--padding-bottom);
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+  }
+
+  .page-content.page-content--fluid {
+    width: fit-content;
+    max-width: unset;
+    padding-left: 0;
+    padding-right: 0;
+    margin: 0 var(--lynk-page-margin);
+    min-width: calc(100% - (var(--lynk-page-margin) * 2));
+  }
+
+  /*
+   * scroll-x: the main content sits in a <lynk-scroller> that fills the page content, and the page margin and the
+   * top and bottom padding move inside the scroller as padding on the main content. Wide content then runs to the
+   * edges of the page content, the margins scroll with it (the start margin scrolls out of view and the end margin
+   * scrolls into view), and the scrollbar sits at the bottom edge of the page content instead of above its padding.
+   */
+  .page-content.page-content--scroll-x {
+    padding: 0;
+  }
+
+  /*
+   * A fluid page content normally grows to fit its content (fit-content), which would stretch it to the wide content
+   * and leave nothing to scroll, so it fills the available width instead.
+   */
+  .page-content.page-content--fluid.page-content--scroll-x {
+    width: auto;
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .page-content__scroller {
+    display: block;
+  }
+
+  /*
+   * fit-content lets the main content's box grow with content wider than the scroller, so its end padding lands after
+   * that content instead of at the scroller's edge. min-width keeps it filling the scroller when the content is narrower.
+   */
+  .page-content.page-content--scroll-x .page-content__main {
+    display: block;
+    width: fit-content;
+    min-width: 100%;
+    padding-bottom: var(--padding-bottom);
+  }
+
+  /* With a header, the header carries the top padding and the margins are already on the main content */
+  .page-content.page-content--scroll-x:not(.page-content--has-header) .page-content__main {
+    padding-top: var(--padding-top);
+    padding-left: var(--lynk-page-margin);
+    padding-right: var(--lynk-page-margin);
+  }
+
+  .page-content.page-content--has-header {
+    padding: 0;
+  }
+
+  .page-content.page-content--has-header.page-content--fluid {
+    margin: 0;
+    min-width: 100%;
+  }
+
+  .page-content.page-content--has-header.page-content--fluid .page-content__header,
+  .page-content.page-content--has-header.page-content--fluid .page-content__main {
+    padding-left: var(--lynk-page-margin);
+    padding-right: var(--lynk-page-margin);
+  }
+
+  .page-content.page-content--has-header .page-content__header,
+  .page-content.page-content--has-header .page-content__main {
+    display: block;
+  }
+
+  /*
+   * The header sticks to the top of the scroll container. It paints the section background over
+   * --header-background-color so it stays opaque when the section itself is transparent, and its
+   * bottom padding stands in for the header/main gap so content doesn't show through that gap.
+   */
+  .page-content.page-content--has-header .page-content__header {
+    position: sticky;
+    top: 0;
+    padding-top: var(--padding-top);
+    padding-bottom: var(--gap);
+    background: linear-gradient(var(--background-color), var(--background-color)), var(--header-background-color);
+    z-index: var(--lynk-z-index-header);
+  }
+
+  .page-content.page-content--has-header .page-content__main {
+    padding-bottom: var(--padding-bottom);
+  }
+
+  @media (min-width: 588px) {
+    .page-content,
+    .page-content.page-content--sm {
+      max-width: 540px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .page-content,
+    .page-content.page-content--md {
+      max-width: 720px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .page-content,
+    .page-content.page-content--lg {
+      max-width: 968px;
+    }
+  }
+
+  @media (min-width: 1200px) {
+    .page-content,
+    .page-content.page-content--xl {
+      max-width: 1144px;
+    }
+  }
+
+  @media (min-width: 1400px) {
+    .page-content,
+    .page-content.page-content--xxl {
+      max-width: 1328px;
+    }
+  }
+`;export{n as a};

package/cdn/chunks/chunk.U2CGVZHJ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PJSLY7D6.js";import*as n from"react";import{createComponent as t}from"@lit/react";var r="lynk-spinner";e.define("lynk-spinner");var o=t({tagName:r,elementClass:e,react:n,events:{},displayName:"LynkSpinner"}),m=o;export{m as a};

package/cdn/chunks/chunk.U466KAGQ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4ASBUBDY.js";var t=e;e.define("lynk-select");export{t as a};

package/cdn/chunks/chunk.U4B2CYPS.js

@@ -0,0 +1,23 @@
+import{a as u}from"./chunk.XCFDP2AW.js";import{a as f}from"./chunk.KTC4GWAL.js";import{a as r,b as o}from"./chunk.UBVFZZFQ.js";import{a as b}from"./chunk.O4ZRZ3HV.js";import{a}from"./chunk.TETFNMKN.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as i,d as c,g as h}from"./chunk.XKOYU7QD.js";import{a as p}from"./chunk.MXDME6T6.js";import{e}from"./chunk.FI4IKBIW.js";var m=0,t=class extends h{constructor(){super(...arguments);this.localize=new b(this);this.attrId=++m;this.componentId=`lynk-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(){this.emit("ev-close")}isLink(){return!!this.href}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}focus(s){this.tab.focus(s)}blur(){this.tab.blur()}render(){let s=this.isLink(),n=s?r`a`:r`div`;return this.id=this.id.length>0?this.id:this.componentId,o`
+      <${n}
+        part="base"
+        href=${a(s?this.href:void 0)}
+        rel=${a(s?this.rel:void 0)}
+        class=${d({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
+        tabindex=${this.disabled?"-1":"0"}
+      >
+        <slot></slot>
+        ${this.closable?o`
+                <lynk-icon-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  name="x-lg"
+                  library="system"
+                  label=${this.localize.term("close")}
+                  class="tab__close-button"
+                  @click=${this.handleCloseClick}
+                  tabindex="-1"
+                ></lynk-icon-button>
+              `:""}
+      </${n}>
+    `}};t.styles=[p,u],t.dependencies={"lynk-icon-button":f},e([c(".tab")],t.prototype,"tab",2),e([i({reflect:!0})],t.prototype,"panel",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean})],t.prototype,"closable",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i()],t.prototype,"href",2),e([i()],t.prototype,"rel",2),e([l("active")],t.prototype,"handleActiveChange",1),e([l("disabled")],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.U4ZROS2F.js

@@ -0,0 +1,27 @@
+import{a as p}from"./chunk.DXNYFBZC.js";import{a as m}from"./chunk.KTC4GWAL.js";import{a as h}from"./chunk.O4ZRZ3HV.js";import{a as d}from"./chunk.LQLSWU3G.js";import{a as n}from"./chunk.YHSYTTFF.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a}from"./chunk.7TAXE2HP.js";import{a as i,g as o}from"./chunk.XKOYU7QD.js";import{a as c}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends o{constructor(){super(...arguments);this.hasSlotController=new n(this,"prefix");this.localize=new h(this);this.color="default";this.appearance="outlined filled";this.selectable=!1;this.checked=!1;this.size="medium";this.pill=!1;this.removable=!1;this.pulse=!1}set type(l){this.color=l==="text"?"default":l}get type(){return this.color==="default"?"text":this.color}set badge(l){l&&(this.appearance="loud")}connectedCallback(){super.connectedCallback(),this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown)}toggleChecked(){this.checked=!this.checked,this.emit("ev-change")}handleClick(l){!this.selectable||this.removable||l.target.closest(".tag__remove")||this.toggleChecked()}handleKeyDown(l){!this.selectable||this.removable||(l.key===" "||l.key==="Enter")&&(l.preventDefault(),this.toggleChecked())}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false")}handleSelectableChange(){this.selectable?(this.setAttribute("role","checkbox"),this.setAttribute("aria-checked",this.checked?"true":"false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")):(this.removeAttribute("role"),this.removeAttribute("aria-checked"),this.removeAttribute("tabindex"))}firstUpdated(){this.selectable&&(this.setAttribute("role","checkbox"),this.setAttribute("aria-checked",this.checked?"true":"false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"))}handleRemoveClick(){this.emit("ev-remove")}render(){return s`
+      <span
+        part="base"
+        class=${a({tag:!0,"tag--tiny":this.size==="tiny","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large","tag--pill":this.pill,"tag--pulse":this.pulse,"tag--badge":this.badge,"tag--removable":this.removable,"tag--selectable":this.selectable&&!this.removable,"tag--checked":this.selectable&&this.checked})}
+      >
+        ${this.selectable&&this.checked?s`<slot name="checked-icon" part="checked-icon" class="tag__checked-icon">
+                <lynk-icon name="check" library="system"></lynk-icon>
+              </slot>`:""}
+        ${this.hasSlotController.test("prefix")?s`<slot name="prefix" part="prefix" class="tag__prefix"></slot>`:""}
+        <slot part="content" class="tag__content"></slot>
+
+        ${this.removable?s`
+                <button
+                  part="remove-button"
+                  class="tag__remove"
+                  type="button"
+                  aria-label=${this.localize.term("remove")}
+                  @click=${this.handleRemoveClick}
+                  tabindex="-1"
+                >
+                  <slot name="remove-icon">
+                    <lynk-icon name="x" library="system"></lynk-icon>
+                  </slot>
+                </button>
+              `:""}
+      </span>
+    `}};e.styles=[c,p],e.dependencies={"lynk-icon":d,"lynk-icon-button":m},t([i({reflect:!0})],e.prototype,"color",2),t([i()],e.prototype,"type",1),t([i({reflect:!0})],e.prototype,"appearance",2),t([i({type:Boolean,reflect:!0})],e.prototype,"selectable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([i({reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([i({type:Boolean})],e.prototype,"removable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"pulse",2),t([i({type:Boolean})],e.prototype,"badge",1),t([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),t([r("selectable",{waitUntilFirstUpdate:!0})],e.prototype,"handleSelectableChange",1);export{e as a};

package/cdn/chunks/chunk.U7J6PTM2.js

@@ -0,0 +1,20 @@
+import{a as u}from"./chunk.UU5TUE4F.js";import{a as m}from"./chunk.O4ZRZ3HV.js";import{a as r,b as i,d as o,g as c}from"./chunk.XKOYU7QD.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.localize=new m(this);this.value=0;this.label=""}updated(a){if(super.updated(a),a.has("value")){let n=parseFloat(getComputedStyle(this.indicator).getPropertyValue("r")),l=2*Math.PI*n,d=l-this.value/100*l;this.indicatorOffset=`${d}px`}}render(){return s`
+      <div
+        part="base"
+        class="progress-ring"
+        role="progressbar"
+        aria-label=${this.label.length>0?this.label:this.localize.term("progress")}
+        aria-describedby="label"
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow="${this.value}"
+        style="--percentage: ${this.value/100}"
+      >
+        <svg class="progress-ring__image">
+          <circle class="progress-ring__track"></circle>
+          <circle class="progress-ring__indicator" style="stroke-dashoffset: ${this.indicatorOffset}"></circle>
+        </svg>
+
+        <slot id="label" part="label" class="progress-ring__label"></slot>
+      </div>
+    `}};e.styles=[p,u],t([o(".progress-ring__indicator")],e.prototype,"indicator",2),t([i()],e.prototype,"indicatorOffset",2),t([r({type:Number,reflect:!0})],e.prototype,"value",2),t([r()],e.prototype,"label",2);export{e as a};

package/cdn/chunks/chunk.UIT75IF2.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PL6LCMWO.js";var a=e;e.define("lynk-menu");export{a};

package/cdn/chunks/chunk.UIV2JVE6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.AEWW2GV3.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-time-picker";e.define("lynk-time-picker");var v=n({tagName:r,elementClass:e,react:t,events:{EvChange:"ev-change",EvInput:"ev-input",EvClear:"ev-clear"},displayName:"LynkTimePicker"}),s=v;export{s as a};

package/cdn/chunks/chunk.UJUO5MGU.js

@@ -0,0 +1,8 @@
+import{a as l}from"./chunk.OYOZJSVD.js";import{a as p}from"./chunk.7TAXE2HP.js";import{a as i,g as m}from"./chunk.XKOYU7QD.js";import{a as c}from"./chunk.MXDME6T6.js";import{d as a}from"./chunk.PINNEFCM.js";import{e as s}from"./chunk.FI4IKBIW.js";var t=class extends m{constructor(){super(...arguments);this.aspectRatio="16:9";this.fit="cover"}render(){let e=this.aspectRatio.split(":"),o=parseFloat(e[0]),r=parseFloat(e[1]),n=!isNaN(o)&&!isNaN(r)&&o>0&&r>0?`${r/o*100}%`:"0";return a`
+      <div
+        class=${p({"responsive-media":!0,"responsive-media--cover":this.fit==="cover","responsive-media--contain":this.fit==="contain"})}
+        style="padding-bottom: ${n}"
+      >
+        <slot></slot>
+      </div>
+    `}};t.styles=[c,l],s([i({attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),s([i()],t.prototype,"fit",2);export{t as a};

package/cdn/chunks/chunk.UKYLAP3F.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PTFJ3NIT.js";var a=e;e.define("lynk-page-footer");export{a};

package/cdn/chunks/chunk.ULIYL5O5.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.IZKS5KAU.js";var n=o;o.define("lynk-accordion");export{n as a};

package/cdn/chunks/chunk.UMIKB5KD.js

@@ -0,0 +1,9 @@
+import{a as i}from"./chunk.BWQP5VJL.js";import{a as p}from"./chunk.7TAXE2HP.js";import{a as r,g as a}from"./chunk.XKOYU7QD.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends a{constructor(){super(...arguments);this.pill=!1;this.pulse=!1}render(){return s`
+      <span
+        part="base"
+        class=${p({badge:!0,"badge--primary":this.type==="primary","badge--accent":this.type==="accent","badge--info":this.type==="info","badge--success":this.type==="success","badge--neutral":this.type==="neutral","badge--warning":this.type==="warning","badge--danger":this.type==="danger","badge--pill":this.pill,"badge--pulse":this.pulse})}
+        role="status"
+      >
+        <slot></slot>
+      </span>
+    `}};e.styles=[l,i],t([r({reflect:!0})],e.prototype,"type",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pulse",2);export{e as a};

package/cdn/chunks/chunk.US4IQFOE.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4TTVAYW5.js";import*as t from"react";import{createComponent as o}from"@lit/react";var a="lynk-tbody";e.define("lynk-tbody");var n=o({tagName:a,elementClass:e,react:t,events:{},displayName:"LynkTbody"}),p=n;export{p as a};

package/cdn/chunks/chunk.UWRSG3E4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.VOVBQSNH.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-popover";e.define("lynk-popover");var v=n({tagName:o,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide"},displayName:"LynkPopover"}),m=v;export{m as a};

package/cdn/chunks/chunk.V4UI5VTS.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.WSGM3CPS.js";var a=e;e.define("lynk-truncate");export{a};

package/cdn/chunks/chunk.VB3ZWZLG.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.SG36G5AB.js";import{a as r,g as s}from"./chunk.XKOYU7QD.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends s{constructor(){super(...arguments);this.barberpole=!1}render(){return o` <slot part="base"></slot> `}};t.styles=[l,m],e([r({reflect:!0})],t.prototype,"state",2),e([r({type:Boolean,reflect:!0})],t.prototype,"barberpole",2);export{t as a};

package/cdn/chunks/chunk.VFIVPBY5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.CQU2D5YI.js";import*as n from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var v="lynk-number-input";e.define("lynk-number-input");var s=t({tagName:v,elementClass:e,react:n,events:{EvBlur:"ev-blur",EvChange:"ev-change",EvFocus:"ev-focus",EvInput:"ev-input",EvInvalid:"ev-invalid"},displayName:"LynkNumberInput"}),m=s;export{m as a};

package/cdn/chunks/chunk.VGPECTP2.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.NH44FMAX.js";import*as t from"react";import{createComponent as o}from"@lit/react";var n="lynk-option";e.define("lynk-option");var a=o({tagName:n,elementClass:e,react:t,events:{},displayName:"LynkOption"}),m=a;export{m as a};

package/cdn/chunks/chunk.VHIRBA66.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.FXW5JTS2.js";import*as t from"react";import{createComponent as a}from"@lit/react";var n="lynk-visually-hidden";e.define("lynk-visually-hidden");var o=a({tagName:n,elementClass:e,react:t,events:{},displayName:"LynkVisuallyHidden"}),i=o;export{i as a};

package/cdn/chunks/chunk.VM3OEZML.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.RDU2P54G.js";import*as t from"react";import{createComponent as n}from"@lit/react";var o="lynk-page-content";e.define("lynk-page-content");var a=n({tagName:o,elementClass:e,react:t,events:{},displayName:"LynkPageContent"}),p=a;export{p as a};

package/cdn/chunks/chunk.VNNAEZU3.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YOHAMNJE.js";import*as t from"react";import{createComponent as a}from"@lit/react";var n="lynk-flank";e.define("lynk-flank");var o=a({tagName:n,elementClass:e,react:t,events:{},displayName:"LynkFlank"}),l=o;export{l as a};

package/cdn/chunks/chunk.VOVBQSNH.js

@@ -0,0 +1,62 @@
+import{a as k}from"./chunk.OBZVGAIL.js";import{a as T}from"./chunk.ALHVMVDH.js";import{a as D}from"./chunk.67STUNDX.js";import{a as d}from"./chunk.KLRPP4NQ.js";import{a as p,c as h}from"./chunk.VDJQBFEB.js";import{a as c,c as u}from"./chunk.DCN42ZX4.js";import{a as v}from"./chunk.O4ZRZ3HV.js";import{a as m}from"./chunk.TETFNMKN.js";import{a as w}from"./chunk.YHSYTTFF.js";import{a as E}from"./chunk.YZSIY5HS.js";import{a as g}from"./chunk.7TAXE2HP.js";import{a as n,d as l,g as b}from"./chunk.XKOYU7QD.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as o}from"./chunk.FI4IKBIW.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new w(this,"footer");this.localize=new v(this);this.open=!1;this.label="";this.noHeader=!1;this.noArrow=!1;this.clickToHide=!1;this.placement="right";this.disabled=!1;this.distance=10;this.skidding=0;this.block=!1;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}handleKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){e.key==="Tab"&&setTimeout(()=>{var s,a,f;let i=((s=this.containingElement)==null?void 0:s.getRootNode())instanceof ShadowRoot?(f=(a=document.activeElement)==null?void 0:a.shadowRoot)==null?void 0:f.activeElement:document.activeElement;(!this.containingElement||(i==null?void 0:i.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()})}handleDocumentMouseDown(e){let i=e.composedPath();this.clickToHide&&this.containingElement&&!i.includes(this.containingElement)&&this.hide()}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(e){if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}[" ","Enter"].includes(e.key)&&(e.target.tagName.toLowerCase()==="lynk-input"||e.preventDefault(),this.handleTriggerClick())}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){let i=this.trigger.assignedElements({flatten:!0}).find(a=>T(a).start),s;if(i){switch(i.tagName.toLowerCase()){case"lynk-button":case"lynk-icon-button":s=i.button;break;default:s=i}s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,await d(this,"ev-after-show")}async hide(){var i;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((i=document.activeElement)==null||i.blur()),this.open=!1,await d(this,"ev-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&this.panel.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("ev-show"),this.addOpenListeners();let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await h(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:i,options:s}=u(this,"popover.show",{dir:this.localize.dir()});await p(this.popup.popup,i,s),e&&(e.focus({preventScroll:!0}),e.setAttribute("autofocus","")),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await h(this);let{keyframes:e,options:i}=u(this,"popover.hide",{dir:this.localize.dir()});await p(this.popup.popup,e,i),this.panel.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}render(){return r`
+      <lynk-popup
+        part="base"
+        id="popover"
+        placement=${this.placement}
+        distance=${this.distance}
+        skidding=${this.skidding}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        ?arrow=${!this.noArrow}
+        auto-size="vertical"
+        auto-size-padding="10"
+        class=${g({popover:!0,"popover--open":this.open,"popover--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <slot
+          name="trigger"
+          slot="anchor"
+          part="trigger"
+          class="popover__trigger"
+          @click=${this.handleTriggerClick}
+          @keydown=${this.handleTriggerKeyDown}
+          @keyup=${this.handleTriggerKeyUp}
+          @slotchange=${this.handleTriggerSlotChange}
+        ></slot>
+
+        <div
+          part="panel"
+          class="popover__panel"
+          role="popover"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${m(this.noHeader?this.label:void 0)}
+          aria-labelledby=${m(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":r`
+                  <header part="header" class="popover__header">
+                    <h2 part="title" class="popover__title" id="title">
+                      <slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
+                    </h2>
+                    <lynk-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="popover__close"
+                      name="x-lg"
+                      label=${this.localize.term("close")}
+                      library="system"
+                      @click="${()=>this.hide()}"
+                    ></lynk-icon-button>
+                  </header>
+                `}
+
+          <slot part="body" class="popover__body"></slot>
+
+          ${this.hasSlotController.test("footer")?r`
+                  <footer part="footer" class="popover__footer">
+                    <slot name="footer"></slot>
+                  </footer>
+                `:""}
+        </div>
+      </lynk-popup>
+    `}};t.styles=[y,k],t.dependencies={"lynk-popup":D},o([l(".popover")],t.prototype,"popup",2),o([l(".popover__trigger")],t.prototype,"trigger",2),o([l(".popover__panel")],t.prototype,"panel",2),o([n({type:Boolean,reflect:!0})],t.prototype,"open",2),o([n({reflect:!0})],t.prototype,"label",2),o([n({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),o([n({attribute:"no-arrow",type:Boolean,reflect:!0})],t.prototype,"noArrow",2),o([n({attribute:"click-to-hide",type:Boolean,reflect:!0})],t.prototype,"clickToHide",2),o([n({reflect:!0})],t.prototype,"placement",2),o([n({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([n({attribute:!1})],t.prototype,"containingElement",2),o([n({type:Number})],t.prototype,"distance",2),o([n({type:Number})],t.prototype,"skidding",2),o([n({type:Boolean,reflect:!0})],t.prototype,"block",2),o([n({type:Boolean})],t.prototype,"hoist",2),o([E("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);c("popover.show",{keyframes:[{opacity:0,scale:.97},{opacity:1,scale:1}],options:{duration:150,easing:"cubic-bezier(0.16, 1, 0.3, 1)"}});c("popover.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.97}],options:{duration:100,easing:"ease-in"}});export{t as a};

package/cdn/chunks/chunk.VPIHHNK4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ODGYAUAU.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-alert";e.define("lynk-alert");var v=n({tagName:r,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide"},displayName:"LynkAlert"}),p=v;export{p as a};

package/cdn/chunks/chunk.VPR66NK7.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.EBLO5CIK.js";var a=r;r.define("lynk-progress-bar");export{a};

package/cdn/chunks/chunk.VSSQONGL.js

@@ -0,0 +1,16 @@
+import{a as h}from"./chunk.GQVR55II.js";import{a as c}from"./chunk.7TAXE2HP.js";import{b as r,d,g as p}from"./chunk.XKOYU7QD.js";import{a as m}from"./chunk.MXDME6T6.js";import{d as l}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var o="data-lynk-page-layout",e=class extends p{constructor(){super(...arguments);this.contentLayout="flow";this.laidOutContent=new Set}get scrollContainer(){return this.main}disconnectedCallback(){super.disconnectedCallback(),this.laidOutContent.forEach(s=>s.removeAttribute(o)),this.laidOutContent.clear()}handleMainSlotChange(s){let a=s.target.assignedElements(),n=a.length>0&&a.every(t=>t.localName==="lynk-page-content");this.contentLayout=n?a.length===1?"single":"stack":"flow",this.laidOutContent.forEach(t=>{(!n||!a.includes(t))&&(t.removeAttribute(o),this.laidOutContent.delete(t))}),n&&a.forEach(t=>{t.setAttribute(o,this.contentLayout),this.laidOutContent.add(t)})}render(){return l`
+      <div part="base" class="page">
+        <slot name="header" part="header" class="page__header"></slot>
+        <slot name="left-sidebar" part="left-sidebar" class="page__left-sidebar"></slot>
+        <slot name="left-inset-sidebar" part="left-inset-sidebar" class="page__left-inset-sidebar"></slot>
+        <div
+          part="main"
+          class=${c({page__main:!0,"page__main--single":this.contentLayout==="single","page__main--stack":this.contentLayout==="stack"})}
+        >
+          <slot @slotchange=${this.handleMainSlotChange}></slot>
+        </div>
+        <slot name="right-sidebar" part="right-sidebar" class="page__right-sidebar"></slot>
+        <slot name="right-inset-sidebar" part="right-inset-sidebar" class="page__right-inset-sidebar"></slot>
+        <slot name="footer" part="footer" class="page__footer"></slot>
+      </div>
+    `}};e.styles=[m,h],i([d(".page__main")],e.prototype,"main",2),i([r()],e.prototype,"contentLayout",2);export{o as a,e as b};

package/cdn/chunks/chunk.VWINY545.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.VYPT2RCN.js";var l=e;e.define("lynk-panel");export{l as a};

package/cdn/chunks/chunk.VWKYDJDG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.VYPT2RCN.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var p="lynk-panel";e.define("lynk-panel");var a=n({tagName:p,elementClass:e,react:t,events:{EvExpand:"ev-expand",EvAfterExpand:"ev-after-expand",EvCollapse:"ev-collapse",EvAfterCollapse:"ev-after-collapse"},displayName:"LynkPanel"}),r=a;export{r as a};

package/cdn/chunks/chunk.VWMIH5BE.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.TFDID6K3.js";import*as r from"react";import{createComponent as o}from"@lit/react";var t="lynk-scroller";e.define("lynk-scroller");var a=o({tagName:t,elementClass:e,react:r,events:{},displayName:"LynkScroller"}),m=a;export{m as a};