@uplynk/lynk-design 1.12.1 → 1.14.0

package/cdn/chunks/chunk.BLGDH2LV.js

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

package/cdn/chunks/chunk.BQMOU3LS.js

@@ -0,0 +1,149 @@
+import{a as e}from"./chunk.Z3G5EPTI.js";var t=e`
+  :host {
+    display: block;
+    --submenu-offset: -2px;
+  }
+
+  :host([inert]) {
+    display: none;
+  }
+
+  .menu-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-neutral-700);
+    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-2x-small);
+    transition: var(--lynk-transition-fast) fill;
+    user-select: none;
+    -webkit-user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+  }
+
+  .menu-item.menu-item--disabled {
+    outline: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .menu-item.menu-item--loading {
+    outline: none;
+    cursor: wait;
+  }
+
+  .menu-item.menu-item--loading *:not(lynk-spinner) {
+    opacity: 0.5;
+  }
+
+  .menu-item--loading lynk-spinner {
+    --indicator-color: currentColor;
+    --track-width: 1px;
+    position: absolute;
+    font-size: 0.75em;
+    top: calc(50% - 0.5em);
+    left: 0.65rem;
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .menu-item .menu-item__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .menu-item .menu-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  /* Safe triangle */
+  .menu-item--submenu-expanded::after {
+    content: '';
+    position: fixed;
+    z-index: calc(var(--lynk-z-index-dropdown) - 1);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    clip-path: polygon(
+      var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),
+      var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0),
+      var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0)
+    );
+  }
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  :host(:hover:not([aria-disabled='true'])) .menu-item,
+  :host(:focus-visible) .menu-item,
+  :host(:focus-visible:hover:not([aria-disabled='true'])) .menu-item,
+  .menu-item--submenu-expanded {
+    outline: none;
+    background-color: var(--lynk-color-neutral-200);
+    color: var(--lynk-color-neutral-1000);
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__check,
+  .menu-item .menu-item__chevron {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5em;
+    visibility: hidden;
+  }
+
+  .menu-item--checked .menu-item__check,
+  .menu-item--has-submenu .menu-item__chevron {
+    visibility: visible;
+  }
+
+  /* Add elevation and z-index to submenus */
+  lynk-popup::part(popup) {
+    box-shadow: var(--lynk-shadow-large);
+    z-index: var(--lynk-z-index-dropdown);
+    margin-left: var(--submenu-offset);
+  }
+
+  .menu-item--rtl lynk-popup::part(popup) {
+    margin-left: calc(-1 * var(--submenu-offset));
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .menu-item,
+    :host(:focus-visible) .menu-item {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+
+  ::slotted(lynk-menu) {
+    max-width: var(--auto-size-available-width) !important;
+    max-height: var(--auto-size-available-height) !important;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.BX4BFHZ7.js

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

package/cdn/chunks/chunk.BXKZY5OL.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk.GSMBN4XH.js";import{a as r,g as s}from"./chunk.HW7MWP4B.js";import{a as i}from"./chunk.D3NKX2L2.js";import{d as l}from"./chunk.Z3G5EPTI.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends s{constructor(){super(...arguments);this.row=!1;this.reverse=!1;this.wrap=!1;this.gap="var(--lynk-spacing-small)"}get horizontal(){return this.row}set horizontal(o){this.row=o,this.removeAttribute("horizontal"),o&&this.setAttribute("row","")}render(){return l`<slot part="base" class="stack" style="--gap: ${this.gap};"></slot>`}};e.styles=[i,p],t([r({type:Boolean,reflect:!0})],e.prototype,"row",2),t([r({type:Boolean,attribute:"horizontal"})],e.prototype,"horizontal",1),t([r({type:Boolean,reflect:!0})],e.prototype,"reverse",2),t([r({reflect:!0})],e.prototype,"justify",2),t([r({reflect:!0})],e.prototype,"align",2),t([r({type:Boolean,reflect:!0})],e.prototype,"wrap",2),t([r({type:String,reflect:!0})],e.prototype,"gap",2);export{e as a};

package/cdn/chunks/chunk.BYAB4TFP.js

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

package/cdn/chunks/chunk.BZBMIYHU.js

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

@@ -0,0 +1,20 @@
+import{a as u}from"./chunk.UUFXVA3F.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as r,b as i,d as o,g as c}from"./chunk.HW7MWP4B.js";import{a as p}from"./chunk.D3NKX2L2.js";import{d as s}from"./chunk.Z3G5EPTI.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.CFMNDQCE.js

@@ -0,0 +1,21 @@
+import{a as c}from"./chunk.JUK4CIKP.js";import{a as p}from"./chunk.73BQ5ETG.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as n}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.TZTBMC6G.js";import{a as l,g as i}from"./chunk.HW7MWP4B.js";import{a}from"./chunk.D3NKX2L2.js";import{d as o}from"./chunk.Z3G5EPTI.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends i{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=[a,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.CJHIEBU5.js

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

package/cdn/chunks/chunk.CMZ5RKU4.js

@@ -0,0 +1,10 @@
+import{h as r}from"./chunk.Z3G5EPTI.js";var f=t=>t!=null?t:r;export{f as a};
+/*! Bundled license information:
+
+lit-html/directives/if-defined.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.COAPIKFS.js

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

package/cdn/chunks/chunk.CPC5GRAV.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.FOF3GOSS.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var m="lynk-menu";e.define("lynk-menu");var o=n({tagName:m,elementClass:e,react:t,events:{EvSelect:"ev-select"},displayName:"LynkMenu"}),s=o;export{s as a};

package/cdn/chunks/chunk.CQHCNMPA.js

@@ -0,0 +1,22 @@
+import{a as e}from"./chunk.Z3G5EPTI.js";var i=e`
+  :host {
+    /*
+     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
+     * stay consistent.
+     */
+    --indent-guide-color: var(--lynk-color-neutral-200);
+    --indent-guide-offset: 0;
+    --indent-guide-style: solid;
+    --indent-guide-width: 0;
+    --indent-size: var(--lynk-spacing-large);
+    --gap-size: 1px;
+
+    display: block;
+
+    /*
+     * Tree item indentation uses the "em" unit to increment its width on each level, so setting the font size to zero
+     * here removes the indentation for all the nodes on the first level.
+     */
+    font-size: 0;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.CRJJVKLQ.js

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

package/cdn/chunks/chunk.CZKMYQP7.js

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

package/cdn/chunks/chunk.D3NKX2L2.js

@@ -0,0 +1,16 @@
+import{a as o}from"./chunk.Z3G5EPTI.js";var i=o`
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  :host([hidden]),
+  [hidden] {
+    display: none !important;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.DADP55QM.js

@@ -0,0 +1,31 @@
+import{a as v}from"./chunk.VKEGURIH.js";import{a as f}from"./chunk.XHQ4XYH3.js";import{a as p}from"./chunk.53QYKSEW.js";import{a as m}from"./chunk.LHJP5W36.js";import{b as c}from"./chunk.V7E6ITFP.js";import{a as u}from"./chunk.CMZ5RKU4.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.TZTBMC6G.js";import{a as l,b as a,d as o,g as h}from"./chunk.HW7MWP4B.js";import{a as d}from"./chunk.D3NKX2L2.js";import{d as s}from"./chunk.Z3G5EPTI.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends h{constructor(){super(...arguments);this.formControlController=new c(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,C)=>t.checked=C});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.color="default";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("ev-change")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("ev-change"),this.emit("ev-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("ev-change"),this.emit("ev-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){return s`
+      <label
+        part="base"
+        class=${n({switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus,"switch--success":this.color==="success","switch--warning":this.color==="warning","switch--danger":this.color==="danger","switch--small":this.size==="small","switch--medium":this.size==="medium","switch--large":this.size==="large"})}
+      >
+        <input
+          class="switch__input"
+          type="checkbox"
+          title=${this.title}
+          name=${this.name}
+          value=${u(this.value)}
+          .checked=${p(this.checked)}
+          .disabled=${this.disabled}
+          .required=${this.required}
+          role="switch"
+          aria-checked=${this.checked?"true":"false"}
+          @click=${this.handleClick}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @keydown=${this.handleKeyDown}
+        />
+
+        <span part="control" class="switch__control">
+          <span part="thumb" class="switch__thumb"></span>
+        </span>
+
+        <slot part="label" class="switch__label"></slot>
+      </label>
+    `}};e.styles=[d,f,v],i([o('input[type="checkbox"]')],e.prototype,"input",2),i([a()],e.prototype,"hasFocus",2),i([l()],e.prototype,"title",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({reflect:!0})],e.prototype,"color",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([m("checked")],e.prototype,"defaultChecked",2),i([l({reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),i([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.DAM66ZPW.js

@@ -0,0 +1 @@
+import{a as d}from"./chunk.TMYQPA3U.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as l,g as o}from"./chunk.HW7MWP4B.js";import{a}from"./chunk.D3NKX2L2.js";import{d as i}from"./chunk.Z3G5EPTI.js";import{e as r}from"./chunk.FI4IKBIW.js";var e=class extends o{constructor(){super(...arguments);this.observedElements=[];this.disabled=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(t=>{this.emit("ev-resize",{detail:{entries:t}})}),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}handleSlotChange(){this.disabled||this.startObserver()}startObserver(){let t=this.shadowRoot.querySelector("slot");if(t!==null){let h=t.assignedElements({flatten:!0});this.observedElements.forEach(s=>this.resizeObserver.unobserve(s)),this.observedElements=[],h.forEach(s=>{this.resizeObserver.observe(s),this.observedElements.push(s)})}}stopObserver(){this.resizeObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return i` <slot @slotchange=${this.handleSlotChange}></slot> `}};e.styles=[a,d],r([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([n("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.DCN42ZX4.js

@@ -0,0 +1 @@
+import{a as s,b as m}from"./chunk.FI4IKBIW.js";var f=new Map,r=new WeakMap;function l(e){return e!=null?e:{keyframes:[],options:{duration:0}}}function a(e,t){return t.toLowerCase()==="rtl"?{keyframes:e.rtlKeyframes||e.keyframes,options:e.options}:e}function u(e,t){f.set(e,l(t))}function A(e,t,n){r.set(e,m(s({},r.get(e)),{[t]:l(n)}))}function p(e,t,n){let i=r.get(e);if(i!=null&&i[t])return a(i[t],n.dir);let o=f.get(t);return o?a(o,n.dir):{keyframes:[],options:{duration:0}}}export{u as a,A as b,p as c};

package/cdn/chunks/chunk.DEC3FHRA.js

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

package/cdn/chunks/chunk.DGZED63N.js

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

package/cdn/chunks/chunk.DJZTHI37.js

@@ -0,0 +1,14 @@
+import{a as m}from"./chunk.FGQ7F34A.js";import{a as i,b as d,d as b,g as p}from"./chunk.HW7MWP4B.js";import{a as h}from"./chunk.D3NKX2L2.js";import{d as g}from"./chunk.Z3G5EPTI.js";import{e as a}from"./chunk.FI4IKBIW.js";var o=class extends p{constructor(){super(...arguments);this.disableRole=!1;this.label="";this.gapped=!1}handleFocus(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--focus",!0)}handleBlur(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--focus",!1)}handleMouseOver(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--hover",!0)}handleMouseOut(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let r=e.indexOf(t),l=n(t);l&&(this.gapped||(l.toggleAttribute("data-lynk-button-group__button",!0),l.toggleAttribute("data-lynk-button-group__button--first",r===0),l.toggleAttribute("data-lynk-button-group__button--inner",r>0&&r<e.length-1),l.toggleAttribute("data-lynk-button-group__button--last",r===e.length-1)),l.toggleAttribute("data-lynk-button-group__button--radio",l.tagName.toLowerCase()==="lynk-radio-button"))})}render(){return g`
+      <div
+        part="base"
+        class="button-group"
+        role="${this.disableRole?"presentation":"group"}"
+        aria-label=${this.label}
+        @focusout=${this.handleBlur}
+        @focusin=${this.handleFocus}
+        @mouseover=${this.handleMouseOver}
+        @mouseout=${this.handleMouseOut}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};o.styles=[h,m],a([b("slot")],o.prototype,"defaultSlot",2),a([d()],o.prototype,"disableRole",2),a([i()],o.prototype,"label",2),a([i({type:Boolean,reflect:!0})],o.prototype,"gapped",2);function n(s){var e;let u="lynk-button, lynk-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{o as a};

package/cdn/chunks/chunk.DKVH55EP.js

@@ -0,0 +1,84 @@
+import{a as r}from"./chunk.Z3G5EPTI.js";var a=r`
+  :host {
+    display: inline-flex;
+    --background-color: var(--lynk-color-primary-600);
+    --color: var(--lynk-color-neutral-0);
+    --pulse-speed: 1.5s;
+  }
+
+  .badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--lynk-font-size-small);
+    font-weight: var(--lynk-font-weight-semibold);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    line-height: 1;
+    border-radius: var(--lynk-border-radius-small);
+    border: solid 1px var(--lynk-color-neutral-0);
+    white-space: nowrap;
+    padding: 3px 6px;
+    user-select: none;
+    background-color: var(--background-color);
+    color: var(--color);
+    cursor: inherit;
+  }
+
+  /* Variant modifiers */
+  .badge.badge--primary {
+    --background-color: var(--lynk-color-primary-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--accent {
+    --background-color: var(--lynk-color-accent-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--success {
+    --background-color: var(--lynk-color-success-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--neutral {
+    --background-color: var(--lynk-color-neutral-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--warning {
+    --background-color: var(--lynk-color-warning-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--danger {
+    --background-color: var(--lynk-color-danger-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--info {
+    --background-color: var(--lynk-color-info-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  /* Pill modifier */
+  .badge--pill {
+    border-radius: var(--lynk-border-radius-pill);
+  }
+
+  /* Pulse modifier */
+  .badge--pulse {
+    animation: pulse var(--pulse-speed) infinite;
+  }
+
+  @keyframes pulse {
+    0% {
+      box-shadow: 0 0 0 0 var(--background-color);
+    }
+    70% {
+      box-shadow: 0 0 0 0.5rem transparent;
+    }
+    100% {
+      box-shadow: 0 0 0 0 transparent;
+    }
+  }
+`;export{a};

package/cdn/chunks/chunk.DVJT3I5F.js

@@ -0,0 +1,135 @@
+import{a}from"./chunk.Z3G5EPTI.js";var e=a`
+  :host {
+    --width: 30rem;
+    --header-spacing: var(--lynk-spacing-large);
+    --body-spacing: var(--lynk-spacing-large);
+    --footer-spacing: var(--lynk-spacing-large);
+
+    display: contents;
+  }
+
+  .dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: var(--lynk-z-index-dialog);
+  }
+
+  .dialog__panel {
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    width: var(--width);
+    max-width: calc(100% - var(--lynk-spacing-2x-large));
+    max-height: calc(100% - var(--lynk-spacing-2x-large));
+    background-color: var(--lynk-panel-background-color);
+    border-radius: var(--lynk-border-radius-medium);
+    box-shadow: var(--lynk-shadow-x-large);
+    transition:
+      var(--lynk-transition-fast) width,
+      var(--lynk-transition-fast) height;
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog--open .dialog__panel {
+    display: flex;
+    opacity: 1;
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+  }
+
+  .dialog__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-large);
+    line-height: var(--lynk-line-height-dense);
+    padding: var(--header-spacing);
+    margin: 0;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .dialog__header-actions lynk-icon-button,
+  .dialog__header-actions ::slotted(lynk-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .dialog__footer ::slotted(lynk-button:not(:first-of-type)) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--lynk-overlay-background-color);
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--lynk-color-neutral-0);
+    }
+  }
+
+  /*
+  * Size modifiers
+  */
+
+  .dialog--fitted .dialog__panel {
+    width: 80vw;
+    min-height: 80vh;
+  }
+
+  .dialog--full .dialog__panel {
+    width: calc(100% - var(--lynk-spacing-2x-large));
+    height: calc(100% - var(--lynk-spacing-2x-large));
+  }
+`;export{e as a};

package/cdn/chunks/chunk.DZVIHW3Y.js

@@ -0,0 +1,74 @@
+import{a}from"./chunk.Z3G5EPTI.js";var o=a`
+  :host {
+    display: inline-block;
+    --padding: var(--lynk-spacing-x-small) var(--lynk-spacing-small);
+    --tab-active-background: transparent;
+    --tab-active-color: inherit;
+    --tab-border-radius: 0;
+    --tab-active-color: var(--lynk-color-primary-600);
+  }
+
+  .tab {
+    display: inline-flex;
+    width: 100%;
+    align-items: center;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-semibold);
+    border-radius: var(--tab-border-radius);
+    color: var(--lynk-color-neutral-600);
+    background: var(--tab-active-background);
+    padding: var(--padding);
+    text-decoration: none;
+    white-space: nowrap;
+    user-select: none;
+    cursor: pointer;
+    transition:
+      var(--transition-speed) box-shadow,
+      var(--transition-speed) color,
+      var(--transition-speed) background-color;
+  }
+
+  .tab:hover:not(.tab--disabled) {
+    color: var(--tab-active-color);
+  }
+
+  :host(:focus) {
+    outline: transparent;
+  }
+
+  :host(:focus-visible) {
+    color: var(--lynk-color-primary-600);
+    outline: var(--lynk-focus-ring);
+    outline-offset: calc(-1 * var(--lynk-focus-ring-width) - var(--lynk-focus-ring-offset));
+  }
+
+  .tab.tab--active:not(.tab--disabled) {
+    color: var(--tab-active-color);
+  }
+
+  .tab.tab--closable {
+    padding-inline-end: var(--lynk-spacing-small);
+  }
+
+  .tab.tab--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .tab__close-button {
+    font-size: var(--lynk-font-size-small);
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  .tab__close-button::part(base) {
+    padding: var(--lynk-spacing-3x-small);
+  }
+
+  @media (forced-colors: active) {
+    .tab.tab--active:not(.tab--disabled) {
+      outline: solid 1px transparent;
+      outline-offset: -3px;
+    }
+  }
+`;export{o as a};

package/cdn/chunks/chunk.E765YIU2.js

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

package/cdn/chunks/chunk.EDOWNE2X.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk.FHTCZ322.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as r,g as l}from"./chunk.HW7MWP4B.js";import{a}from"./chunk.D3NKX2L2.js";import{d as o}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.start=!0;this.end=!1;this.align="center";this.gap="var(--lynk-spacing-small)"}handleRowChange(){this.start&&(this.end=!1)}handleColumnChange(){this.end&&(this.start=!1)}render(){return o` <slot part="base" class="flank" style="--gap: ${this.gap};"></slot> `}};t.styles=[a,p],e([r({type:Boolean,reflect:!0})],t.prototype,"start",2),e([r({type:Boolean,reflect:!0})],t.prototype,"end",2),e([r({reflect:!0})],t.prototype,"align",2),e([r({type:String,reflect:!0})],t.prototype,"gap",2),e([s("start")],t.prototype,"handleRowChange",1),e([s("end")],t.prototype,"handleColumnChange",1);export{t as a};

package/cdn/chunks/chunk.EEI66K6B.js

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

package/cdn/chunks/chunk.EIGSJCGE.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk.73BQ5ETG.js";var t=n;n.define("lynk-icon-button");export{t as a};