@uplynk/lynk-design 1.12.0 → 1.13.0

package/cdn/chunks/chunk.SXSEFL4D.js

@@ -0,0 +1,65 @@
+import{h as r}from"./chunk.3I3N5SZS.js";var t=r`
+  :host {
+    --size: 128px;
+    --track-width: 4px;
+    --track-color: var(--lynk-color-neutral-200);
+    --indicator-width: var(--track-width);
+    --indicator-color: var(--lynk-color-primary-600);
+    --indicator-transition-duration: 0.35s;
+
+    display: inline-flex;
+  }
+
+  .progress-ring {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+  }
+
+  .progress-ring__image {
+    width: var(--size);
+    height: var(--size);
+    rotate: -90deg;
+    transform-origin: 50% 50%;
+  }
+
+  .progress-ring__track,
+  .progress-ring__indicator {
+    --radius: calc(var(--size) / 2 - max(var(--track-width), var(--indicator-width)) * 0.5);
+    --circumference: calc(var(--radius) * 2 * 3.141592654);
+
+    fill: none;
+    r: var(--radius);
+    cx: calc(var(--size) / 2);
+    cy: calc(var(--size) / 2);
+  }
+
+  .progress-ring__track {
+    stroke: var(--track-color);
+    stroke-width: var(--track-width);
+  }
+
+  .progress-ring__indicator {
+    stroke: var(--indicator-color);
+    stroke-width: var(--indicator-width);
+    stroke-linecap: round;
+    transition-property: stroke-dashoffset;
+    transition-duration: var(--indicator-transition-duration);
+    stroke-dasharray: var(--circumference) var(--circumference);
+    stroke-dashoffset: calc(var(--circumference) - var(--percentage) * var(--circumference));
+  }
+
+  .progress-ring__label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    user-select: none;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.SZDLXCG2.js

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

package/cdn/chunks/chunk.T3BUI6MU.js

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

package/cdn/chunks/chunk.TBBK4DKR.js

@@ -0,0 +1 @@
+import{a as f}from"./chunk.7L2S4NNE.js";import{a as r}from"./chunk.5MH2SKQ3.js";import{a as i}from"./chunk.YZSIY5HS.js";import{a,e as c,g as p}from"./chunk.GJLEIQTM.js";import{a as d}from"./chunk.KQHRUDLH.js";import{a as m}from"./chunk.3I3N5SZS.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1;this.handleAnimationFinish=()=>{this.play=!1,this.hasStarted=!1,this.emit("ev-finish")};this.handleAnimationCancel=()=>{this.play=!1,this.hasStarted=!1,this.emit("ev-cancel")}}get currentTime(){var s,n;return(n=(s=this.animation)==null?void 0:s.currentTime)!=null?n:0}set currentTime(s){this.animation&&(this.animation.currentTime=s)}connectedCallback(){super.connectedCallback(),this.createAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var h,o;let s=(h=r.easings[this.easing])!=null?h:this.easing,n=(o=this.keyframes)!=null?o:r[this.name],l=(await this.defaultSlot).assignedElements()[0];return!l||!n?!1:(this.destroyAnimation(),this.animation=l.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:s,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("ev-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("ev-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var s;(s=this.animation)==null||s.cancel()}finish(){var s;(s=this.animation)==null||s.finish()}render(){return m` <slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=[d,f],e([c("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([i("name"),i("delay"),i("direction"),i("duration"),i("easing"),i("endDelay"),i("fill"),i("iterations"),i("iterationsStart"),i("keyframes")],t.prototype,"handleAnimationChange",1),e([i("play")],t.prototype,"handlePlayChange",1),e([i("playbackRate")],t.prototype,"handlePlaybackRateChange",1);export{t as a};

package/cdn/chunks/chunk.TD2G7MZ3.js

@@ -0,0 +1,85 @@
+import{h as o}from"./chunk.3I3N5SZS.js";var r=o`
+  :host([color='neutral']) {
+    --lynk-color-fill-loud: var(--lynk-color-neutral-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-neutral-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-neutral-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-neutral-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-neutral-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-neutral-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-neutral-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-neutral-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-neutral-on-quiet);
+  }
+
+  :host([color='primary']) {
+    --lynk-color-fill-loud: var(--lynk-color-primary-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-primary-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-primary-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-primary-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-primary-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-primary-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-primary-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-primary-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-primary-on-quiet);
+  }
+
+  :host([color='accent']) {
+    --lynk-color-fill-loud: var(--lynk-color-accent-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-accent-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-accent-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-accent-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-accent-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-accent-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-accent-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-accent-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-accent-on-quiet);
+  }
+
+  :host([color='success']) {
+    --lynk-color-fill-loud: var(--lynk-color-success-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-success-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-success-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-success-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-success-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-success-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-success-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-success-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-success-on-quiet);
+  }
+
+  :host([color='warning']) {
+    --lynk-color-fill-loud: var(--lynk-color-warning-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-warning-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-warning-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-warning-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-warning-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-warning-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-warning-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-warning-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-warning-on-quiet);
+  }
+
+  :host([color='danger']) {
+    --lynk-color-fill-loud: var(--lynk-color-danger-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-danger-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-danger-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-danger-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-danger-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-danger-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-danger-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-danger-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-danger-on-quiet);
+  }
+
+  :host([color='info']) {
+    --lynk-color-fill-loud: var(--lynk-color-info-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-info-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-info-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-info-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-info-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-info-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-info-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-info-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-info-on-quiet);
+  }
+`;export{r as a};

package/cdn/chunks/chunk.TE7MJAUJ.js

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

package/cdn/chunks/chunk.THRHUSBZ.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk.IKNQ2WK3.js";import{a as o,g as r}from"./chunk.3I3N5SZS.js";var u=e=>Array.from(e.assignedElements({flatten:!0})),i=e=>e.tagName.toLocaleLowerCase()==="lynk-option"?e:Array.from(e.querySelectorAll(":scope > lynk-option")),m=e=>e.tagName.toLocaleLowerCase()==="lynk-optgroup",L=e=>e.map(i),f=e=>e.filter(m),y=e=>e?e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase():"",l=e=>{let t=document.createElement("div");return r(e,t),t.firstElementChild},n=e=>e.tagName.toLocaleLowerCase()==="lynk-option"?e:void 0,O=e=>{if(e){if(e instanceof HTMLElement)return n(e);if(typeof e=="string"){let t=o`${p(e)}`,s=l(t);return n(s)}if(Object.prototype.hasOwnProperty.call(e,"_$litType$")){let t=l(e);return n(t)}}};export{u as a,i as b,m as c,L as d,f as e,y as f,l as g,O as h};

package/cdn/chunks/chunk.TIQFU4TK.js

@@ -0,0 +1,9 @@
+import{a}from"./chunk.I6CT3HZY.js";import{a as d}from"./chunk.3HLZ67I4.js";import{d as h}from"./chunk.HUMDDNNQ.js";import{a as m}from"./chunk.YHSYTTFF.js";import{a as l}from"./chunk.B7RKX34M.js";import{a as s,d as n,g as p}from"./chunk.GJLEIQTM.js";import{a as i}from"./chunk.KQHRUDLH.js";import{a as o}from"./chunk.3I3N5SZS.js";import{e as r}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.hasSlotController=new m(this,"header");this.width="fluid"}scrollToTop(){let e=this.hasParentLayout()?this.parentElement.renderRoot.querySelector(".page__main"):h(this.pageContent);e&&e.scrollTo({top:0,behavior:"smooth"})}hasParentLayout(){return this.parentElement instanceof a}render(){return o`
+      <div
+        part="base"
+        class=${l({"page-content":!0,"page-content--auto":this.width==="auto","page-content--sm":this.width==="small","page-content--md":this.width==="medium","page-content--lg":this.width==="large","page-content--xl":this.width==="x-large","page-content--xxl":this.width==="2x-large","page-content--fluid":this.width==="fluid","page-content--has-header":this.hasSlotController.test("header")})}
+      >
+        ${this.hasSlotController.test("header")?o`<slot name="header" part="header" class="page-content__header"></slot>`:""}
+        <slot part="main" class="page-content__main"></slot>
+      </div>
+    `}};t.styles=[i,d],t.dependencies={"lynk-page":a},r([s({reflect:!0})],t.prototype,"width",2),r([n(".page-content")],t.prototype,"pageContent",2);export{t as a};

package/cdn/chunks/chunk.TJGMCN2R.js

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

package/cdn/chunks/chunk.TKEFZSYD.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.A7I6RUZ3.js";import{g as o}from"./chunk.GJLEIQTM.js";import{a as e}from"./chunk.KQHRUDLH.js";import{a as r}from"./chunk.3I3N5SZS.js";var t=class extends o{render(){return r` <slot></slot> `}};t.styles=[e,m];export{t as a};

package/cdn/chunks/chunk.TMBKPYGP.js

@@ -0,0 +1,8 @@
+import{a as p}from"./chunk.XDE3ELAX.js";import{d as h,g as d}from"./chunk.GJLEIQTM.js";import{a as f}from"./chunk.KQHRUDLH.js";import{a as c}from"./chunk.3I3N5SZS.js";import{e as a}from"./chunk.FI4IKBIW.js";var l=class extends d{connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(e){let i=["menuitem","menuitemcheckbox"],r=e.composedPath(),t=r.find(s=>{var m;return i.includes(((m=s==null?void 0:s.getAttribute)==null?void 0:m.call(s,"role"))||"")});if(!t||r.find(s=>{var m;return((m=s==null?void 0:s.getAttribute)==null?void 0:m.call(s,"role"))==="menu"})!==this)return;let o=t;!o||o.disabled||o.inert||(o.type==="checkbox"&&(o.checked=!o.checked),this.emit("ev-select",{detail:{item:o}}))}handleKeyDown(e){let r=e.target.closest("lynk-input")!==null;if(e.key==="Enter"){let t=this.getCurrentItem();e.preventDefault(),t==null||t.click()}if(e.key===" "&&!r&&e.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(e.key)){let t=this.getAllItems(),u=this.getCurrentItem(),n=u?t.indexOf(u):0;r&&(n=-1),t.length>0&&(e.preventDefault(),e.key==="ArrowDown"?n++:e.key==="ArrowUp"?n--:e.key==="Home"?n=0:e.key==="End"&&(n=t.length-1),n<0&&(n=t.length-1),n>t.length-1&&(n=0),this.setCurrentItem(t[n]),t[n].focus())}}handleMouseDown(e){let i=e.target;this.isMenuItem(i)&&this.setCurrentItem(i)}handleSlotChange(){let e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0])}isMenuItem(e){var i;return e.tagName.toLowerCase()==="lynk-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((i=e.getAttribute("role"))!=null?i:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(e=>!(e.inert||!this.isMenuItem(e)))}getCurrentItem(){return this.getAllItems().find(e=>e.getAttribute("tabindex")==="0")}setCurrentItem(e){this.getAllItems().forEach(r=>{r.setAttribute("tabindex",r===e?"0":"-1")})}render(){return c`
+      <slot
+        @slotchange=${this.handleSlotChange}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      ></slot>
+    `}};l.styles=[f,p],a([h("slot")],l.prototype,"defaultSlot",2);export{l as a};

package/cdn/chunks/chunk.TO6IMFH6.js

@@ -0,0 +1,45 @@
+import{h as r}from"./chunk.3I3N5SZS.js";var l=r`
+  :host {
+    display: contents;
+    --spacing: var(--lynk-spacing-small);
+    --divider: 1px solid var(--lynk-color-neutral-200);
+  }
+
+  .accordion {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing);
+  }
+
+  .accordion--flush {
+    gap: 0;
+  }
+
+  .accordion--flush::slotted(lynk-panel),
+  .accordion--square::slotted(lynk-panel) {
+    --border-radius: 0;
+  }
+
+  .accordion--flush::slotted(lynk-panel:first-child) {
+    --border-radius: var(--lynk-border-radius-large) var(--lynk-border-radius-large) 0 0;
+  }
+
+  .accordion--flush::slotted(lynk-panel:last-child) {
+    --border-radius: 0 0 var(--lynk-border-radius-large) var(--lynk-border-radius-large);
+  }
+
+  .accordion--flush::slotted(lynk-panel) {
+    border-top: var(--divider);
+  }
+  .accordion--flush::slotted(lynk-panel:first-child) {
+    border-top: none;
+  }
+
+  .accordion--compact {
+    gap: var(--lynk-spacing-x-small);
+  }
+
+  .accordion--comfy {
+    gap: var(--lynk-spacing-medium);
+  }
+`;export{l as a};

package/cdn/chunks/chunk.TQLHSLBD.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.JC7AE6JF.js";import*as t from"react";import{createComponent as o}from"@lit/react";import"@lit/react";var n="lynk-copy-button";e.define("lynk-copy-button");var r=o({tagName:n,elementClass:e,react:t,events:{EvCopy:"ev-copy",EvError:"ev-error"},displayName:"LynkCopyButton"}),v=r;export{v as a};

package/cdn/chunks/chunk.TUOANWYX.js

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

package/cdn/chunks/chunk.TYYYIXU3.js

@@ -0,0 +1,76 @@
+import{h as i}from"./chunk.3I3N5SZS.js";var e=i`
+  :host {
+    --divider-width: 4px;
+    --divider-hit-area: 12px;
+    --min: 0%;
+    --max: 100%;
+
+    display: grid;
+  }
+
+  .start,
+  .end {
+    overflow: hidden;
+  }
+
+  .divider {
+    flex: 0 0 var(--divider-width);
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--lynk-color-neutral-200);
+    color: var(--lynk-color-neutral-900);
+    z-index: 1;
+  }
+
+  .divider:focus {
+    outline: none;
+  }
+
+  :host(:not([disabled])) .divider:focus-visible {
+    background-color: var(--lynk-color-primary-600);
+    color: var(--lynk-color-neutral-0);
+  }
+
+  :host([disabled]) .divider {
+    cursor: not-allowed;
+  }
+
+  /* Horizontal */
+  :host(:not([vertical], [disabled])) .divider {
+    cursor: col-resize;
+  }
+
+  :host(:not([vertical])) .divider::after {
+    display: flex;
+    content: '';
+    position: absolute;
+    height: 100%;
+    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    width: var(--divider-hit-area);
+  }
+
+  /* Vertical */
+  :host([vertical]) {
+    flex-direction: column;
+  }
+
+  :host([vertical]:not([disabled])) .divider {
+    cursor: row-resize;
+  }
+
+  :host([vertical]) .divider::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    height: var(--divider-hit-area);
+  }
+
+  @media (forced-colors: active) {
+    .divider {
+      outline: solid 1px transparent;
+    }
+  }
+`;export{e as a};

package/cdn/chunks/chunk.U5EDA6F4.js

@@ -0,0 +1,94 @@
+import{h as l}from"./chunk.3I3N5SZS.js";var i=l`
+  :host {
+    display: block;
+  }
+  /* Horizontal Layout */
+  :host([inline]) .form-field {
+    align-items: center;
+    flex-direction: row;
+    gap: var(--lynk-spacing-medium);
+  }
+
+  :host([inline]) .form-field__label {
+    flex-shrink: 0;
+  }
+
+  :host([inline]) .form-field__flank {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+  }
+
+  .form-field {
+    text-align: left;
+    border: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+    position: relative;
+  }
+
+  .form-field__control {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    gap: 4px;
+  }
+
+  .form-field__flank {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+  }
+
+  .form-field .form-field__label {
+    display: none;
+    font-size: var(--lynk-input-label-font-size);
+  }
+
+  .form-field .form-field__help-text {
+    display: none;
+    font-size: var(--lynk-input-help-text-font-size);
+  }
+
+  /* Label */
+  .form-field--has-label .form-field__label {
+    display: inline-block;
+    color: var(--lynk-input-label-color);
+    font-weight: var(--lynk-input-label-font-weight);
+    margin-bottom: var(--lynk-spacing-tiny);
+    width: var(--label-width, auto);
+  }
+
+  /* Help text */
+  .form-field--has-help-text .form-field__help-text {
+    display: block;
+    color: var(--lynk-input-help-text-color);
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  .form-field--has-help-text .form-field__help-text ::slotted(*) {
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  /* Validation States */
+  :host([data-user-invalid]) .form-field__label,
+  :host([data-user-invalid]) .form-field__help-text,
+  .form-field--has-error.form-field--has-label .form-field__label,
+  .form-field--has-error.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-danger-500);
+  }
+
+  .form-field--has-warning.form-field--has-label .form-field__label,
+  .form-field--has-warning.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-warning-500);
+  }
+
+  .form-field--has-success.form-field--has-label .form-field__label,
+  .form-field--has-success.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-success-500);
+  }
+`;export{i as a};

package/cdn/chunks/chunk.UE54TRWK.js

@@ -0,0 +1,7 @@
+import{a}from"./chunk.B47UYGAT.js";import{a as s}from"./chunk.B7RKX34M.js";import{a as i,g as o}from"./chunk.GJLEIQTM.js";import{a as l}from"./chunk.KQHRUDLH.js";import{a as r}from"./chunk.3I3N5SZS.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends o{constructor(){super(...arguments);this.autoSize="fit";this.minSize="20rem";this.gap="var(--lynk-spacing-base)"}render(){return r`
+      <slot
+        part="base"
+        class=${s({"auto-grid":!0,"auto-grid--fit":this.autoSize==="fit","auto-grid--fill":this.autoSize==="fill"})}
+        style="--gap: ${this.gap}; --min-size: ${this.minSize};"
+      ></slot>
+    `}};t.styles=[l,a],e([i({reflect:!0,attribute:"auto-size"})],t.prototype,"autoSize",2),e([i({type:String,reflect:!0,attribute:"min-size"})],t.prototype,"minSize",2),e([i({type:String,reflect:!0})],t.prototype,"gap",2);export{t as a};

package/cdn/chunks/chunk.UEPLUMOX.js

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

package/cdn/chunks/chunk.UGDEBMK6.js

@@ -0,0 +1 @@
+var L=t=>t,d=(t,o)=>{if(!o)return t;let e=t.cloneNode(!0),n=e.getTextLabel(),r=n.toLowerCase().indexOf(o.toLowerCase()),p=e.innerHTML.indexOf(n),i=document.createElement("mark");i.textContent=n.slice(r,r+o.length),i.classList.add("lynk-highlight-style");let s=n.replace(new RegExp(o,"i"),i.outerHTML),l=e.innerHTML.slice(0,p),c=e.innerHTML.slice(p+n.length);return e.innerHTML=l.concat(s,c),e};export{L as a,d as b};

package/cdn/chunks/chunk.UIRA47MZ.js

@@ -0,0 +1,8 @@
+import{a as m}from"./chunk.6D2YB7KU.js";import{a as s}from"./chunk.B7RKX34M.js";import{a as o,g as i}from"./chunk.GJLEIQTM.js";import{a as p}from"./chunk.KQHRUDLH.js";import{a as r}from"./chunk.3I3N5SZS.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends i{constructor(){super(...arguments);this.effect="none"}render(){return r`
+      <div
+        part="base"
+        class=${s({wisp:!0,"wisp--pulse":this.effect==="pulse","wisp--sheen":this.effect==="sheen"})}
+      >
+        <div part="indicator" class="wisp__indicator"></div>
+      </div>
+    `}};e.styles=[p,m],t([o()],e.prototype,"effect",2);export{e as a};

package/cdn/chunks/chunk.UL32AYMN.js

@@ -0,0 +1,20 @@
+import{a}from"./chunk.2G3FEYKO.js";import{a as u}from"./chunk.BZAMTZN6.js";import{a as i}from"./chunk.5VY7A3OV.js";import{a as m}from"./chunk.5Z563OMH.js";import{a as d,f as k,g as f}from"./chunk.GJLEIQTM.js";import{a as p}from"./chunk.KQHRUDLH.js";import{a as l}from"./chunk.3I3N5SZS.js";import{e as s}from"./chunk.FI4IKBIW.js";var o=class extends f{constructor(){super(...arguments);this.cols=[];this.rows=[];this.custom=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("ev-table-sort",this.handleSort)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("ev-table-sort",this.handleSort)}handleSort(t){let n;this.assignedHead.forEach(y=>{y.querySelectorAll("lynk-tr").forEach(c=>{c.querySelectorAll("lynk-th").forEach(e=>{if(e.key===t.detail.key){switch(a[e.sortDirection]){case a[1]:e.sortDirection=-1;break;case a[-1]:case a[0]:e.sortDirection=1;break}n=e.sortDirection}else e.sortDirection=0})})}),this.rows.sort((y,c)=>{let e=y[t.detail.key],r=c[t.detail.key];if(e==null&&(e=""),r==null&&(r=""),!isNaN(parseFloat(e))&&!isNaN(parseFloat(r)))return(Number(e)-Number(r))*n;let h=e.toString(),b=r.toString();return h.localeCompare(b)*n}),this.requestUpdate()}render(){return l`
+      <slot part="base">
+        <lynk-colgroup> ${i(this.cols,t=>l`<lynk-col class="${t.key}"></lynk-col>`)} </lynk-colgroup>
+        <lynk-thead>
+          <lynk-tr>
+            ${i(this.cols,t=>l`
+                <lynk-th
+                  key="${t.key}"
+                  sort-direction=${m(t.sortDirection?t.sortDirection:void 0)}
+                  ?sortable=${m(t.sortable?t.sortable:void 0)}
+                  >${t.title}</lynk-th
+                >
+              `)}
+          </lynk-tr>
+        </lynk-thead>
+        <lynk-tbody>
+          ${i(this.rows,t=>l` <lynk-tr> ${i(this.cols,n=>l`<lynk-td>${t[n.key]}</lynk-td>`)} </lynk-tr>`)}
+        </lynk-tbody>
+      </slot>
+    `}};o.styles=[p,u],s([d()],o.prototype,"cols",2),s([d()],o.prototype,"rows",2),s([d({type:Boolean,reflect:!0})],o.prototype,"custom",2),s([k({selector:"lynk-thead",flatten:!0})],o.prototype,"assignedHead",2),s([k({selector:"lynk-tbody",flatten:!0})],o.prototype,"assignedBody",2);export{o as a};

package/cdn/chunks/chunk.UL6SYADA.js

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

package/cdn/chunks/chunk.US4DGWPS.js

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

package/cdn/chunks/chunk.UT47PBNG.js

@@ -0,0 +1,21 @@
+import{a as c}from"./chunk.RJKMN5QX.js";import{a as p}from"./chunk.6OLHG5AF.js";import{a as m}from"./chunk.NZJ7BTMN.js";import{a as n}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.B7RKX34M.js";import{a as l,g as a}from"./chunk.GJLEIQTM.js";import{a as i}from"./chunk.KQHRUDLH.js";import{a as o}from"./chunk.3I3N5SZS.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends a{constructor(){super(...arguments);this.hasSlotController=new n(this,"prefix");this.localize=new m(this);this.color="default";this.appearance="outlined filled";this.size="medium";this.pill=!1;this.removable=!1;this.pulse=!1}set type(r){this.color=r==="text"?"default":r}get type(){return this.color==="default"?"text":this.color}set badge(r){r&&(this.appearance="loud")}handleRemoveClick(){this.emit("ev-remove")}render(){return o`
+      <span
+        part="base"
+        class=${s({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})}
+      >
+        ${this.hasSlotController.test("prefix")?o`<slot name="prefix" part="prefix" class="tag__prefix"></slot>`:""}
+        <slot part="content" class="tag__content"></slot>
+
+        ${this.removable?o`
+              <lynk-icon-button
+                part="remove-button"
+                exportparts="base:remove-button__base"
+                name="x"
+                library="system"
+                label=${this.localize.term("remove")}
+                class="tag__remove"
+                @click=${this.handleRemoveClick}
+              ></lynk-icon-button>
+            `:""}
+      </span>
+    `}};e.styles=[i,c],e.dependencies={"lynk-icon-button":p},t([l({reflect:!0})],e.prototype,"color",2),t([l()],e.prototype,"type",1),t([l({reflect:!0})],e.prototype,"appearance",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([l({type:Boolean})],e.prototype,"removable",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pulse",2),t([l({type:Boolean})],e.prototype,"badge",1);export{e as a};

package/cdn/chunks/chunk.UUOYHF2E.js

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

package/cdn/chunks/chunk.UVSMDNN6.js

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

package/cdn/chunks/chunk.UXKWG5R3.js

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

package/cdn/chunks/chunk.UZSJYVCD.js

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

package/cdn/chunks/chunk.V3AP7A24.js

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

package/cdn/chunks/chunk.V56KWVSW.js

@@ -0,0 +1,79 @@
+import{h as a}from"./chunk.3I3N5SZS.js";var t=a`
+  :host {
+    display: contents;
+    --gap: var(--lynk-spacing-2x-small);
+  }
+
+  .page-header {
+    padding-top: var(--lynk-spacing-base);
+    display: grid;
+    gap: var(--gap);
+    grid-template-areas:
+      'breadcrumb aux'
+      'main main'
+      'controls controls'
+      'tabs tabs';
+    grid-template-rows: min-content;
+    grid-template-columns: 1fr min-content;
+  }
+
+  .page-header__breadcrumb,
+  ::slotted(lynk-breadcrumb) {
+    grid-area: breadcrumb;
+    align-self: center;
+  }
+
+  .page-header__aux {
+    grid-area: aux;
+    display: flex;
+    gap: var(--lynk-spacing-2x-small);
+    justify-content: flex-end;
+  }
+
+  .page-header__controls {
+    grid-area: controls;
+    display: flex;
+    flex-wrap: nowrap;
+    width: auto;
+    margin-right: auto;
+    gap: var(--lynk-spacing-2x-small);
+    justify-content: flex-start;
+    align-self: center;
+  }
+
+  .page-header__main {
+    display: block;
+    grid-area: main;
+    min-width: min-content;
+  }
+
+  .page-header__main h1,
+  .page-header__main::slotted(h1),
+  .page-header__main::slotted(h2),
+  .page-header__main::slotted(h3) {
+    margin: 0;
+    font-size: var(--lynk-font-size-2x-large);
+    line-height: var(--lynk-line-height-dense);
+    font-weight: var(--lynk-font-weight-semibold);
+  }
+
+  .page-header__tabs,
+  .page-header ::slotted(lynk-tab-group) {
+    display: block;
+    grid-area: tabs;
+  }
+
+  @media (min-width: 768px) {
+    .page-header {
+      grid-template-areas:
+        'breadcrumb aux'
+        'main controls'
+        'tabs tabs';
+    }
+
+    .page-header__controls {
+      margin-left: auto;
+      justify-content: flex-end;
+    }
+  }
+`;export{t as a};

package/cdn/chunks/chunk.V72B5IIG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.KQHPCFGW.js";import{g as s}from"./chunk.GJLEIQTM.js";import{a as o}from"./chunk.KQHRUDLH.js";import{a as r}from"./chunk.3I3N5SZS.js";var t=class extends s{render(){return r` <slot part="base" class="menu-label"></slot> `}};t.styles=[o,e];export{t as a};

package/cdn/chunks/chunk.V7E6ITFP.js

@@ -0,0 +1 @@
+import{a as h,b as d}from"./chunk.FI4IKBIW.js";var s=new WeakMap,r=new WeakMap,n=new WeakMap,f=new WeakSet,m=new WeakMap,c=class{constructor(t,o){this.handleFormData=t=>{let o=this.options.disabled(this.host),e=this.options.name(this.host),i=this.options.value(this.host),a=this.host.tagName.toLowerCase()==="lynk-button";this.host.isConnected&&!o&&!a&&typeof e=="string"&&e.length>0&&typeof i!="undefined"&&(Array.isArray(i)?i.forEach(l=>{t.formData.append(e,l.toString())}):t.formData.append(e,i.toString()))};this.handleFormSubmit=t=>{var i;let o=this.options.disabled(this.host),e=this.options.reportValidity;this.form&&!this.form.noValidate&&((i=s.get(this.form))==null||i.forEach(a=>{this.setUserInteracted(a,!0)})),this.form&&!this.form.noValidate&&!o&&!e(this.host)&&(t.preventDefault(),t.stopImmediatePropagation())};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),m.set(this.host,[])};this.handleInteraction=t=>{let o=m.get(this.host);o.includes(t.type)||o.push(t.type),o.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)};this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let o of t)if(typeof o.checkValidity=="function"&&!o.checkValidity())return!1}return!0};this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let o of t)if(typeof o.reportValidity=="function"&&!o.reportValidity())return!1}return!0};(this.host=t).addController(this),this.options=h({form:e=>{let i=e.form;if(i){let l=e.getRootNode().querySelector(`#${i}`);if(l)return l}return e.closest("form")},name:e=>e.name,value:e=>e.value,defaultValue:e=>e.defaultValue,disabled:e=>{var i;return(i=e.disabled)!=null?i:!1},reportValidity:e=>typeof e.reportValidity=="function"?e.reportValidity():!0,checkValidity:e=>typeof e.checkValidity=="function"?e.checkValidity():!0,setValue:(e,i)=>e.value=i,assumeInteractionOn:["ev-input"]},o)}hostConnected(){let t=this.options.form(this.host);t&&this.attachForm(t),m.set(this.host,[]),this.options.assumeInteractionOn.forEach(o=>{this.host.addEventListener(o,this.handleInteraction)})}hostDisconnected(){this.detachForm(),m.delete(this.host),this.options.assumeInteractionOn.forEach(t=>{this.host.removeEventListener(t,this.handleInteraction)})}hostUpdated(){var o,e;let t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity((e=(o=this.host.validity)==null?void 0:o.valid)!=null?e:!0)}attachForm(t){t?(this.form=t,s.has(this.form)?s.get(this.form).add(this.host):s.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),r.has(this.form)||(r.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),n.has(this.form)||(n.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())):this.form=void 0}detachForm(){if(!this.form)return;let t=s.get(this.form);t&&(t.delete(this.host),t.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),r.has(this.form)&&(this.form.reportValidity=r.get(this.form),r.delete(this.form)),n.has(this.form)&&(this.form.checkValidity=n.get(this.form),n.delete(this.form)),this.form=void 0))}setUserInteracted(t,o){o?f.add(t):f.delete(t),t.requestUpdate()}doAction(t,o){if(this.form){let e=document.createElement("button");e.type=t,e.style.position="absolute",e.style.width="0",e.style.height="0",e.style.clipPath="inset(50%)",e.style.overflow="hidden",e.style.whiteSpace="nowrap",o&&(e.name=o.name,e.value=o.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(i=>{o.hasAttribute(i)&&e.setAttribute(i,o.getAttribute(i))})),this.form.append(e),e.click(),e.remove()}}getForm(){var t;return(t=this.form)!=null?t:null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){let o=this.host,e=!!f.has(o),i=!!o.required;o.toggleAttribute("data-required",i),o.toggleAttribute("data-optional",!i),o.toggleAttribute("data-invalid",!t),o.toggleAttribute("data-valid",t),o.toggleAttribute("data-user-invalid",!t&&e),o.toggleAttribute("data-user-valid",t&&e)}updateValidity(){let t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){let o=new CustomEvent("ev-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||o.preventDefault(),this.host.dispatchEvent(o)||t==null||t.preventDefault()}},u=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),y=Object.freeze(d(h({},u),{valid:!1,valueMissing:!0})),v=Object.freeze(d(h({},u),{valid:!1,customError:!0}));export{s as a,c as b,u as c,y as d,v as e};

package/cdn/chunks/chunk.VC6JLL72.js

@@ -0,0 +1,7 @@
+import{a as o}from"./chunk.B7RKX34M.js";import{a as s,g as i}from"./chunk.GJLEIQTM.js";import{a as p}from"./chunk.KQHRUDLH.js";import{a as c}from"./chunk.TO6IMFH6.js";import{a as n}from"./chunk.3I3N5SZS.js";import{e as l}from"./chunk.FI4IKBIW.js";var e=class extends i{constructor(){super(...arguments);this.multiple=!1}getAllPanels(){return[...this.querySelectorAll("lynk-panel")]}handlePanelToggle(a){let t=a.target.closest("lynk-panel"),m=this.getAllPanels();t.disabled||this.multiple||m.forEach(r=>r.expanded=r===t)}expandAll(){this.getAllPanels().forEach(t=>t.expanded=!0)}collapseAll(){this.getAllPanels().forEach(t=>t.expanded=!1)}render(){return n`
+      <slot
+        part="base"
+        class=${o({accordion:!0,"accordion--square":this.shape==="square","accordion--flush":this.density==="flush","accordion--compact":this.density==="compact","accordion--comfy":this.density==="comfy"})}
+        @ev-expand=${this.handlePanelToggle}
+      ></slot>
+    `}};e.styles=[p,c],l([s({type:Boolean})],e.prototype,"multiple",2),l([s({reflect:!0})],e.prototype,"density",2),l([s({reflect:!0})],e.prototype,"shape",2);export{e as a};

package/cdn/chunks/chunk.VDJQBFEB.js

@@ -0,0 +1 @@
+import{a as r,b as i}from"./chunk.FI4IKBIW.js";function m(e,t,n){return new Promise(a=>{if((n==null?void 0:n.duration)===1/0)throw new Error("Promise-based animations must be finite.");let o=e.animate(t,i(r({},n),{duration:u()?0:n.duration}));o.addEventListener("cancel",a,{once:!0}),o.addEventListener("finish",a,{once:!0})})}function s(e){return e=e.toString().toLowerCase(),e.indexOf("ms")>-1?parseFloat(e):e.indexOf("s")>-1?parseFloat(e)*1e3:parseFloat(e)}function u(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function c(e){return Promise.all(e.getAnimations().map(t=>new Promise(n=>{t.cancel(),requestAnimationFrame(n)})))}function f(e,t){return e.map(n=>i(r({},n),{height:n.height==="auto"?`${t}px`:n.height}))}export{m as a,s as b,c,f as d};

package/cdn/chunks/chunk.VH7QORZP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.S5CXYSUR.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};