@uplynk/lynk-design 1.13.0 → 1.14.0

package/cdn/chunks/chunk.EMIBG6GP.js

@@ -0,0 +1,11 @@
+import{a as e}from"./chunk.Z3G5EPTI.js";var i=e`
+  :host {
+    display: table;
+    border-collapse: separate;
+    border-spacing: 0 4px;
+    font-size: var(--lynk-font-size-medium);
+    line-height: var(--lynk-line-height-dense);
+    margin-bottom: 0rem;
+    width: 100%;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.ETSM2R3N.js

@@ -0,0 +1,145 @@
+import{a as o}from"./chunk.Z3G5EPTI.js";var r=o`
+  :host {
+    display: inline-flex;
+    --height: 256px;
+    --selected-color: var(--lynk-color-primary-600);
+    --selected-text-color: var(--lynk-color-black);
+    --hover-color: var(--lynk-color-gray-a50);
+    --border-color: var(--lynk-color-neutral-200);
+    height: var(--height);
+  }
+
+  .clock {
+    position: relative;
+    height: 100%;
+  }
+
+  .clock__picker {
+    display: flex;
+    font-size: var(--lynk-font-size-medium);
+    min-height: 0;
+    height: 100%;
+    border-bottom: 1px solid var(--border-color);
+  }
+
+  .clock--disabled .clock__picker {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* Columns */
+  .clock__column {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    flex: 0 0 auto;
+  }
+
+  .clock__column ol,
+  .clock__column li {
+    margin: 0;
+    padding: 4px;
+    list-style: none;
+  }
+
+  .clock__column ol::after {
+    display: block;
+    height: calc(100% - 38px);
+    min-height: calc(100% - 38px);
+    content: '';
+  }
+
+  .clock__column + .clock__column > ol {
+    border-left: 1px solid var(--border-color);
+  }
+
+  /* Time columns */
+  .clock__hours,
+  .clock__minutes,
+  .clock__seconds,
+  .clock__ampm-toggle {
+    display: flex;
+    flex-direction: column;
+    overflow-y: overlay;
+    flex: 1;
+    gap: 2px;
+    scrollbar-width: thin;
+    scrollbar-color: var(--lynk-color-neutral-400) transparent;
+
+    /* Webkit scrollbar styles for overlay appearance */
+    &::-webkit-scrollbar {
+      width: 6px;
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: var(--lynk-color-neutral-400);
+      border-radius: 3px;
+      border: 1px solid transparent;
+      background-clip: content-box;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+      background: var(--lynk-color-neutral-500);
+      background-clip: content-box;
+    }
+
+    &::-webkit-scrollbar-corner {
+      background: transparent;
+    }
+  }
+
+  /* Fallback for browsers that don't support overlay */
+  @supports not (overflow: overlay) {
+    .clock__hours,
+    .clock__minutes,
+    .clock__seconds,
+    .clock__ampm-toggle {
+      overflow-y: auto;
+    }
+  }
+
+  /* Time items */
+  .clock__time-item {
+    display: flex;
+    width: 40px;
+    min-height: 36px;
+    height: 36px;
+    align-items: center;
+    justify-content: center;
+    padding: var(--lynk-spacing-small);
+    border-radius: var(--lynk-border-radius-medium);
+    cursor: pointer;
+    transition:
+      var(--lynk-transition-fast) background-color,
+      var(--lynk-transition-fast) color;
+  }
+
+  .clock__time-item:hover {
+    background-color: var(--hover-color);
+  }
+
+  .clock__time-item--selected,
+  .clock__time-item--selected:hover {
+    font-weight: var(--lynk-font-weight-semibold);
+    color: var(--selected-text-color);
+    background-color: var(--selected-color);
+  }
+
+  .clock--disabled .clock__time-item {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  .clock--disabled .clock__time-item:hover {
+    background-color: transparent;
+  }
+
+  .clock--disabled .clock__time-item--selected:hover {
+    background-color: var(--selected-color);
+  }
+`;export{r as a};

package/cdn/chunks/chunk.EUVUSCB4.js

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

package/cdn/chunks/chunk.EXZZRF2L.js

@@ -0,0 +1,50 @@
+import{a as o}from"./chunk.Z3G5EPTI.js";var r=o`
+  :host {
+    --max-width: 20rem;
+    --hide-delay: 0ms;
+    --show-delay: 150ms;
+
+    display: contents;
+  }
+
+  .tooltip {
+    --arrow-size: var(--lynk-tooltip-arrow-size);
+    --arrow-color: var(--lynk-tooltip-background-color);
+  }
+
+  .tooltip::part(popup) {
+    pointer-events: none;
+    z-index: var(--lynk-z-index-tooltip);
+  }
+
+  .tooltip[placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .tooltip[placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  .tooltip[placement^='left']::part(popup) {
+    transform-origin: right;
+  }
+
+  .tooltip[placement^='right']::part(popup) {
+    transform-origin: left;
+  }
+
+  .tooltip__body {
+    display: block;
+    width: max-content;
+    max-width: var(--max-width);
+    border-radius: var(--lynk-tooltip-border-radius);
+    background-color: var(--lynk-tooltip-background-color);
+    font-family: var(--lynk-tooltip-font-family);
+    font-size: var(--lynk-tooltip-font-size);
+    font-weight: var(--lynk-tooltip-font-weight);
+    line-height: var(--lynk-tooltip-line-height);
+    color: var(--lynk-tooltip-color);
+    padding: var(--lynk-tooltip-padding);
+    pointer-events: none;
+  }
+`;export{r as a};

package/cdn/chunks/chunk.EYQN7VOY.js

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

package/cdn/chunks/chunk.EZZ2SXF7.js

@@ -0,0 +1,5 @@
+import{a}from"./chunk.3Z2MDT64.js";import{a as s,g as r}from"./chunk.HW7MWP4B.js";import{a as n}from"./chunk.D3NKX2L2.js";import{d as i}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends r{constructor(){super(...arguments);this.container=!1;this.item=!1;this.gap="base"}getBreakpointClasses(){return this.span?this.span.split(",").map(l=>`span--${l.trim()}`).join(" "):""}render(){let l=this.container?"grid":null,o=this.direction&&this.container?`grid--${this.direction}`:null,c=this.justify&&this.container?`grid--justify-${this.justify}`:null,p=this.align&&this.container?`grid--align-${this.align}`:null,m=this.item?"grid__item":null,u=this.span&&this.item?this.getBreakpointClasses():null;return i`
+      <div part="base" class="${[l,o,c,p,m,u].join(" ")}" style="--gap: var(--lynk-spacing-${this.gap})">
+        <slot></slot>
+      </div>
+    `}};t.styles=[n,a],e([s({type:Boolean,reflect:!0})],t.prototype,"container",2),e([s({type:Boolean,reflect:!0})],t.prototype,"item",2),e([s({reflect:!0})],t.prototype,"direction",2),e([s({reflect:!0})],t.prototype,"justify",2),e([s({reflect:!0})],t.prototype,"align",2),e([s({reflect:!0})],t.prototype,"span",2),e([s({reflect:!0})],t.prototype,"gap",2);export{t as a};

package/cdn/chunks/chunk.F4D3YWPS.js

@@ -0,0 +1,31 @@
+import{b as S}from"./chunk.REPUG3DV.js";import{a as y,b as c,c as g}from"./chunk.EKZEXY63.js";import{d as p,h as d}from"./chunk.Z3G5EPTI.js";var r=(i,e)=>{var s;let t=i._$AN;if(t===void 0)return!1;for(let o of t)(s=o._$AO)==null||s.call(o,e,!1),r(o,e);return!0},h=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while((t==null?void 0:t.size)===0)},C=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),A(e)}};function L(i){this._$AN!==void 0?(h(this),this._$AM=i,C(this)):this._$AM=i}function M(i,e=!1,t=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(s))for(let n=t;n<s.length;n++)r(s[n],!1),h(s[n]);else s!=null&&(r(s,!1),h(s));else r(this,i)}var A=i=>{var e,t;i.type==y.CHILD&&((e=i._$AP)!=null||(i._$AP=M),(t=i._$AQ)!=null||(i._$AQ=L))},u=class extends g{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,s){super._$AT(e,t,s),C(this),this.isConnected=e._$AU}_$AO(e,t=!0){var s,o;e!==this.isConnected&&(this.isConnected=e,e?(s=this.reconnected)==null||s.call(this):(o=this.disconnected)==null||o.call(this)),t&&(r(this,e),h(this))}setValue(e){if(S(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var E=()=>new f,f=class{},m=new WeakMap,$=c(class extends u{render(i){return d}update(i,[e]){var s;let t=e!==this.G;return t&&this.G!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=e,this.ht=(s=i.options)==null?void 0:s.host,this.rt(this.ct=i.element)),d}rt(i){var e;if(this.isConnected||(i=void 0),typeof this.G=="function"){let t=(e=this.ht)!=null?e:globalThis,s=m.get(t);s===void 0&&(s=new WeakMap,m.set(t,s)),s.get(this.G)!==void 0&&this.G.call(this.ht,void 0),s.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,t;return typeof this.G=="function"?(e=m.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var k=class{constructor(e,t){this.popupRef=E();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var t;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="lynk-menu-item"||(t=e.target.role)!=null&&t.startsWith("menuitem"))&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),t=e==null?void 0:e.assignedElements({flatten:!0}).filter(v=>v.localName==="lynk-menu")[0],s=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:o,top:n,width:a,height:l}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${s?o+a:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${s?o+a:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+l}px`)};(this.host=e).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("ev-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("ev-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let s=null;for(let o of t.assignedElements())if(s=o.querySelectorAll("lynk-menu-item, [role^='menuitem']"),s.length!==0)break;if(!(!s||s.length===0)){s[0].setAttribute("tabindex","0");for(let o=1;o!==s.length;++o)s[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?s[0]instanceof HTMLElement&&s[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{s[0]instanceof HTMLElement&&s[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),s=["padding-top","border-top-width","margin-top"].reduce((n,a)=>{var b;let l=(b=e.get(a))!=null?b:new CSSUnitValue(0,"px"),R=(l instanceof CSSUnitValue?l:new CSSUnitValue(0,"px")).to("px");return n-R.value},0);this.skidding=s}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?p`
+      <lynk-popup
+        ${$(this.popupRef)}
+        placement=${e?"left-start":"right-start"}
+        .anchor=${this.host}
+        flip
+        flip-fallback-strategy="best-fit"
+        skidding="${this.skidding}"
+        strategy="fixed"
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <slot name="submenu"></slot>
+      </lynk-popup>
+    `:p` <slot name="submenu" hidden></slot> `}};export{k as a};
+/*! Bundled license information:
+
+lit-html/async-directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/ref.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.F4WVTFL5.js

@@ -0,0 +1,23 @@
+import{a as u}from"./chunk.DZVIHW3Y.js";import{a as f}from"./chunk.73BQ5ETG.js";import{a as r,b as o}from"./chunk.NISDUI5S.js";import{a as b}from"./chunk.Q3J7P2MZ.js";import{a}from"./chunk.CMZ5RKU4.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.TZTBMC6G.js";import{a as i,d as c,g as h}from"./chunk.HW7MWP4B.js";import{a as p}from"./chunk.D3NKX2L2.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.F7F2MVWV.js

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

package/cdn/chunks/chunk.FCRNP3VH.js

@@ -0,0 +1,64 @@
+import{a as k}from"./chunk.XHQ4XYH3.js";import{a as c}from"./chunk.53QYKSEW.js";import{a as v}from"./chunk.LHJP5W36.js";import{a as g}from"./chunk.GAC2BMER.js";import{b}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.J4VJZB4C.js";import{a as p}from"./chunk.CMZ5RKU4.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.TZTBMC6G.js";import{a as l,b as a,d as o,g as d}from"./chunk.HW7MWP4B.js";import{a as m}from"./chunk.D3NKX2L2.js";import{d as r}from"./chunk.Z3G5EPTI.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends d{constructor(){super(...arguments);this.formControlController=new b(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,s)=>i.checked=s});this.hasSlotController=new u(this,"help-text");this.hasLabel=!1;this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.noBubble=!1;this.state="default";this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}handleHostClick(i){this.disabled&&(i.preventDefault(),i.stopImmediatePropagation()),this.noBubble&&i.stopPropagation()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("ev-change",{bubbles:!this.noBubble})}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleSlotChange(){[...this.defaultSlot.assignedNodes({flatten:!0})].length?this.hasLabel=!0:this.hasLabel=!1}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){let i=this.hasSlotController.test("help-text"),s=this.helpText?!0:!!i;return r`
+      <div
+        class=${n({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":s})}
+      >
+        <label
+          part="base"
+          class=${n({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--has-label":this.hasLabel,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large","checkbox--has-error":this.state==="error"||this.hasAttribute("data-user-invalid"),"checkbox--has-warning":this.state==="warning","checkbox--has-success":this.state==="success"})}
+        >
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${this.title}
+            name=${this.name}
+            value=${p(this.value)}
+            .indeterminate=${c(this.indeterminate)}
+            .checked=${c(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked?"true":"false"}
+            aria-describedby="help-text"
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
+
+          <span
+            part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
+            class="checkbox__control"
+          >
+            ${this.checked?r`
+                  <lynk-icon
+                    part="checked-icon"
+                    class="checkbox__checked-icon"
+                    library="system"
+                    name="check"
+                  ></lynk-icon>
+                `:""}
+            ${!this.checked&&this.indeterminate?r`
+                  <lynk-icon
+                    part="indeterminate-icon"
+                    class="checkbox__indeterminate-icon"
+                    library="system"
+                    name="indeterminate"
+                  ></lynk-icon>
+                `:""}
+          </span>
+
+          <div part="label" class="checkbox__label">
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </label>
+
+        <div
+          aria-hidden=${s?"false":"true"}
+          class="form-control__help-text"
+          id="help-text"
+          part="form-control-help-text"
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `}};e.styles=[m,k,g],e.dependencies={"lynk-icon":f},t([o("slot")],e.prototype,"defaultSlot",2),t([o('input[type="checkbox"]')],e.prototype,"input",2),t([a()],e.prototype,"hasLabel",2),t([a()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([v("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([l({attribute:"no-bubble",type:Boolean,reflect:!0})],e.prototype,"noBubble",2),t([l({reflect:!0})],e.prototype,"state",2),t([l({attribute:"help-text"})],e.prototype,"helpText",2),t([h("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([h(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1);export{e as a};

package/cdn/chunks/chunk.FGQ7F34A.js

@@ -0,0 +1,14 @@
+import{a as p}from"./chunk.Z3G5EPTI.js";var t=p`
+  :host {
+    display: inline-block;
+  }
+
+  :host([gapped]) .button-group {
+    gap: 4px;
+  }
+
+  .button-group {
+    display: flex;
+    flex-wrap: nowrap;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.FHTCZ322.js

@@ -0,0 +1,68 @@
+import{a as t}from"./chunk.Z3G5EPTI.js";var a=t`
+  :host {
+    --gap: var(--lynk-spacing-small);
+    --content-percentage: initial;
+    --flank-size: initial;
+    --height: 100%;
+
+    display: block;
+    text-align: unset;
+  }
+
+  .flank {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap);
+    margin-block: 0;
+    margin-inline: 0;
+    height: var(--height);
+  }
+
+  :host([align~='center']) .flank {
+    align-items: center;
+  }
+
+  :host([align~='end']) .flank {
+    align-items: end;
+  }
+
+  :host([align~='stretch']) .flank {
+    align-items: stretch;
+  }
+
+  :host([align~='baseline']) .flank {
+    align-items: baseline;
+  }
+
+  :host([align~='start']) .flank {
+    align-items: start;
+  }
+
+  :host:not([end]) .flank::slotted(:first-child),
+  :host([start]) .flank::slotted(:first-child) {
+    flex-basis: var(--flank-size, auto);
+    flex-grow: 1;
+  }
+
+  :host:not([end]) .flank::slotted(:last-child),
+  :host([start]) .flank::slotted(:last-child) {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: var(--content-percentage, 50%);
+  }
+
+  :host([end]) .flank::slotted(:last-child) {
+    flex-basis: var(--flank-size, auto);
+    flex-grow: 1;
+  }
+
+  :host([end]) .flank::slotted(:first-child) {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: var(--content-percentage, 50%);
+  }
+
+  .flank::slotted(lynk-icon) {
+    flex-shrink: 0;
+  }
+`;export{a};

package/cdn/chunks/chunk.FHTW5EN5.js

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

package/cdn/chunks/chunk.FMLS4CYI.js

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

package/cdn/chunks/chunk.FOF3GOSS.js

@@ -0,0 +1,8 @@
+import{a as p}from"./chunk.QIK5RKNE.js";import{d as h,g as f}from"./chunk.HW7MWP4B.js";import{a as d}from"./chunk.D3NKX2L2.js";import{d as c}from"./chunk.Z3G5EPTI.js";import{e as a}from"./chunk.FI4IKBIW.js";var l=class extends f{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=[d,p],a([h("slot")],l.prototype,"defaultSlot",2);export{l as a};

package/cdn/chunks/chunk.FS7WTHI3.js

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

package/cdn/chunks/chunk.FYBJPXDS.js

@@ -0,0 +1,62 @@
+import{a as b}from"./chunk.XRUNOP5R.js";import{a as f}from"./chunk.E765YIU2.js";import{a as m}from"./chunk.UTAGT7L4.js";import{a as g}from"./chunk.UIKXFUC5.js";import{a as l}from"./chunk.KLRPP4NQ.js";import{a as d}from"./chunk.Q3J7P2MZ.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as r}from"./chunk.TZTBMC6G.js";import{a as i,d as o,g as n}from"./chunk.HW7MWP4B.js";import{a as h}from"./chunk.D3NKX2L2.js";import{d as s}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"footer","header","heading","header-actions");this.localize=new d(this);this.open=!1;this.placement="left";this.toggle="none";this.togglePlacement="top";this.toggleTipHideText="Hide Sidebar";this.toggleTipShowText="Show Sidebar"}connectedCallback(){super.connectedCallback(),!this.slot&&this.hasParentLayout()&&(this.slot=`${this.placement}-sidebar`),this.toggle==="none"&&(this.open=!0)}firstUpdated(){this.updateVisibility()}async show(){if(!this.open)return this.open=!0,l(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,l(this,"ev-after-hide")}hasParentLayout(){return this.parentElement instanceof f}handleToggleClick(){this.open?this.hide():this.show()}updateVisibility(){this.toggle==="visibility"&&(this.sidebar.hidden=!this.open),this.toggle==="contents"&&(this.tooltip.hide(),this.body.hidden=!this.open,this.header.hidden=!this.open,this.footer.hidden=!this.open)}handleOpenChange(){this.open?(this.emit("ev-show"),this.updateVisibility(),this.emit("ev-after-show")):(this.emit("ev-hide"),this.updateVisibility(),this.emit("ev-after-hide"))}render(){let a=!!this.heading;return s`
+      <aside
+        part="base"
+        class=${r({"page-sidebar":!0,"page-sidebar--open":this.open,"page-sidebar--left":this.placement==="left","page-sidebar--right":this.placement==="right","page-sidebar--left-inset":this.placement==="left-inset","page-sidebar--right-inset":this.placement==="right-inset","page-sidebar--rtl":this.localize.dir()==="rtl","page-sidebar--has-header":this.hasSlotController.test("header")||this.hasSlotController.test("heading")||this.hasSlotController.test("header-actions")||a,"page-sidebar--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <slot name="nav" part="nav" class="page-sidebar__nav"></slot>
+        <div part="container" class="page-sidebar__container">
+          <header part="header" class="page-sidebar__header">
+            <slot name="header">
+              <h2 part="title" class="page-sidebar__title" id="title">
+                <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                <slot name="heading">
+                  ${this.heading&&this.heading.length>0?this.heading:"\uFEFF"}
+                </slot>
+              </h2>
+              <div part="header-actions" class="page-sidebar__header-actions">
+                <slot name="header-actions">
+                  ${this.toggle==="visibility"?s`
+                        <lynk-button
+                          part="close-button"
+                          size="tiny"
+                          circle
+                          label=${this.localize.term("close")}
+                          @click=${this.handleToggleClick}
+                        >
+                          <lynk-icon library="system" name="x-lg"></lynk-icon>
+                        </lynk-button>
+                      `:""}
+                </slot>
+              </div>
+            </slot>
+          </header>
+
+          <slot part="body" class="page-sidebar__body"></slot>
+
+          <footer part="footer" class="page-sidebar__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+
+        ${this.toggle==="contents"?s`
+              <lynk-tooltip
+                hoist
+                placement="bottom"
+                class="page-sidebar__trigger-tooltip"
+                content="${this.open?this.toggleTipHideText:this.toggleTipShowText}"
+              >
+                <lynk-button
+                  part="close-button"
+                  size="tiny"
+                  circle
+                  exportparts="base:close-button__base"
+                  class=${r({"page-sidebar__toggle":!0,"page-sidebar__toggle--center":this.togglePlacement==="center","page-sidebar__toggle--bottom":this.togglePlacement==="bottom","page-sidebar__toggle--hidden":this.togglePlacement==="hidden"})}
+                  label=${this.localize.term("close")}
+                  @click=${this.handleToggleClick}
+                >
+                  <lynk-icon library="system" name="${this.open?"chevron-left":"chevron-right"}"></lynk-icon>
+                </lynk-button>
+              </lynk-tooltip>
+            `:""}
+      </aside>
+    `}};t.styles=[h,b],t.dependencies={"lynk-button":g,"lynk-tooltip":m},e([o(".page-sidebar")],t.prototype,"sidebar",2),e([o(".page-sidebar__container")],t.prototype,"container",2),e([o(".page-sidebar__body")],t.prototype,"body",2),e([o(".page-sidebar__header")],t.prototype,"header",2),e([o(".page-sidebar__footer")],t.prototype,"footer",2),e([o(".page-sidebar__trigger-tooltip")],t.prototype,"tooltip",2),e([i({type:Boolean,reflect:!0})],t.prototype,"open",2),e([i({reflect:!0})],t.prototype,"heading",2),e([i({reflect:!0})],t.prototype,"placement",2),e([i({reflect:!0})],t.prototype,"toggle",2),e([i({attribute:"toggle-placement",reflect:!0})],t.prototype,"togglePlacement",2),e([i({attribute:"toggle-tip-hide-text",reflect:!1})],t.prototype,"toggleTipHideText",2),e([i({attribute:"toggle-tip-show-text",reflect:!1})],t.prototype,"toggleTipShowText",2),e([c("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);export{t as a};

package/cdn/chunks/chunk.FYG5OKB6.js

@@ -0,0 +1,61 @@
+import{a as o}from"./chunk.Z3G5EPTI.js";var i=o`
+  :host {
+    --border-radius: var(--lynk-border-radius-pill);
+    --color: var(--lynk-color-neutral-200);
+    --sheen-color: var(--lynk-color-neutral-300);
+
+    display: block;
+    position: relative;
+  }
+
+  .wisp {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    min-height: 1rem;
+  }
+
+  .wisp__indicator {
+    flex: 1 1 auto;
+    background: var(--color);
+    border-radius: var(--border-radius);
+  }
+
+  .wisp--sheen .wisp__indicator {
+    background: linear-gradient(270deg, var(--sheen-color), var(--color), var(--color), var(--sheen-color));
+    background-size: 400% 100%;
+    animation: sheen 8s ease-in-out infinite;
+  }
+
+  .wisp--pulse .wisp__indicator {
+    animation: pulse 2s ease-in-out 0.5s infinite;
+  }
+
+  /* Forced colors mode */
+  @media (forced-colors: active) {
+    :host {
+      --color: GrayText;
+    }
+  }
+
+  @keyframes sheen {
+    0% {
+      background-position: 200% 0;
+    }
+    to {
+      background-position: -200% 0;
+    }
+  }
+
+  @keyframes pulse {
+    0% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+`;export{i as a};

package/cdn/chunks/chunk.FYMXGE2U.js

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