@uplynk/lynk-design 1.19.2 → 1.20.1

package/cdn/chunks/chunk.G2YWPAAW.js

@@ -0,0 +1,145 @@
+import{a as o}from"./chunk.PINNEFCM.js";var r=o`
+  :host {
+    display: inline-flex;
+    --height: 256px;
+    --selected-color: var(--lynk-color-primary-600);
+    --selected-text-color: var(--lynk-color-neutral-0);
+    --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: var(--lynk-opacity-disabled);
+    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: var(--lynk-border-radius-small);
+      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-medium);
+    color: var(--selected-text-color);
+    background-color: var(--selected-color);
+  }
+
+  .clock--disabled .clock__time-item {
+    cursor: not-allowed;
+    opacity: var(--lynk-opacity-disabled);
+  }
+
+  .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.G35LBMIL.js

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

package/cdn/chunks/chunk.G4FGC65G.js

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

package/cdn/chunks/chunk.G6NYFQNR.js

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

package/cdn/chunks/chunk.GENGFNP2.js

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

package/cdn/chunks/chunk.GGEDYET6.js

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

package/cdn/chunks/chunk.GISZ2E7Y.js

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.M5MJDU52.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var s="lynk-resize-observer";e.define("lynk-resize-observer");var n=r({tagName:s,elementClass:e,react:t,events:{EvResize:"ev-resize"},displayName:"LynkResizeObserver"}),i=n;export{i as a};

package/cdn/chunks/chunk.GOXTVEQU.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.67STUNDX.js";import*as t from"react";import{createComponent as o}from"@lit/react";import"@lit/react";var n="lynk-popup";e.define("lynk-popup");var p=o({tagName:n,elementClass:e,react:t,events:{EvReposition:"ev-reposition"},displayName:"LynkPopup"}),i=p;export{i as a};

package/cdn/chunks/chunk.GPKBGPQC.js

@@ -0,0 +1,34 @@
+import{a as T}from"./chunk.USFUMJOM.js";import{a as S}from"./chunk.6S67HV2F.js";import{a as f}from"./chunk.FC4RDJJF.js";import{a as C}from"./chunk.O4ZRZ3HV.js";import{a as I}from"./chunk.TETFNMKN.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a,d as x,g as w}from"./chunk.XKOYU7QD.js";import{a as E}from"./chunk.MXDME6T6.js";import{d as b}from"./chunk.PINNEFCM.js";import{e as r}from"./chunk.FI4IKBIW.js";var z=()=>null,n=class extends w{constructor(){super(...arguments);this.isCollapsed=!1;this.localize=new C(this);this.positionBeforeCollapsing=0;this.savedPosition=null;this.position=50;this.vertical=!1;this.disabled=!1;this.snapValue="";this.snapFunction=z;this.snapThreshold=12}toSnapFunction(t){let e=t.split(" ");return({pos:i,size:s,snapThreshold:o,isRtl:h,vertical:u})=>{let d=i,p=Number.POSITIVE_INFINITY;return e.forEach(l=>{let c;if(l.startsWith("repeat(")){let g=t.substring(7,t.length-1),N=g.endsWith("%"),y=Number.parseFloat(g),P=N?s*(y/100):y;c=Math.round((h&&!u?s-i:i)/P)*P}else l.endsWith("%")?c=s*(Number.parseFloat(l)/100):c=Number.parseFloat(l);h&&!u&&(c=s-c);let v=Math.abs(i-c);v<=o&&v<p&&(d=c,p=v)}),d}}set snap(t){this.snapValue=t!=null?t:"",t?this.snapFunction=typeof t=="string"?this.toSnapFunction(t):t:this.snapFunction=z}get snap(){return this.snapValue}connectedCallback(){super.connectedCallback(),this.loadPosition(),this.resizeObserver=new ResizeObserver(t=>this.handleResize(t)),this.mutationObserver=new MutationObserver(()=>this.handleVisibilityChange()),this.updateComplete.then(()=>{this.resizeObserver.observe(this),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position),this.setupAutoObservation(),setTimeout(()=>this.handleVisibilityChange(),0)})}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this),(e=this.mutationObserver)==null||e.disconnect()}detectSize(){let{width:t,height:e}=this.getBoundingClientRect();this.size=this.vertical?e:t}percentageToPixels(t){return this.size*(t/100)}pixelsToPercentage(t){return t/this.size*100}loadPosition(){if(this.autoSaveId&&typeof localStorage!="undefined")try{let t=localStorage.getItem(`lynk-split-panel-${this.autoSaveId}`);t&&!isNaN(Number(t))&&(this.position=Number(t))}catch(t){}}savePosition(){if(this.autoSaveId&&typeof localStorage!="undefined")try{localStorage.setItem(`lynk-split-panel-${this.autoSaveId}`,this.position.toString())}catch(t){}}setupAutoObservation(){var i,s;this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["hidden","style"]});let t=(i=this.shadowRoot)==null?void 0:i.querySelector('slot[name="start"]'),e=(s=this.shadowRoot)==null?void 0:s.querySelector('slot[name="end"]');t&&t.addEventListener("slotchange",()=>this.handleVisibilityChange()),e&&e.addEventListener("slotchange",()=>this.handleVisibilityChange())}handleVisibilityChange(){let t=this.getSlottedElements("start"),e=this.getSlottedElements("end"),i=t.some(o=>this.isElementVisible(o)),s=e.some(o=>this.isElementVisible(o));i&&s?this.savedPosition!==null&&(this.position=this.savedPosition,this.savedPosition=null):(i||s)&&this.savedPosition===null&&(this.savedPosition=this.position),this.requestUpdate()}getSlottedElements(t){var i;let e=(i=this.shadowRoot)==null?void 0:i.querySelector(`slot[name="${t}"]`);return e?e.assignedElements():[]}isElementVisible(t){if(t.hasAttribute("hidden"))return!1;let e=getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"}handleDrag(t){let e=this.localize.dir()==="rtl";this.disabled||(t.cancelable&&t.preventDefault(),S(this,{onMove:(i,s)=>{var h;let o=this.vertical?s:i;this.primary==="end"&&(o=this.size-o),o=(h=this.snapFunction({pos:o,size:this.size,snapThreshold:this.snapThreshold,isRtl:e,vertical:this.vertical}))!=null?h:o,this.position=f(this.pixelsToPercentage(o),0,100)},initialEvent:t}))}handleKeyDown(t){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","Enter"].includes(t.key)){let e=this.position,i=(t.shiftKey?10:1)*(this.primary==="end"?-1:1);if(t.preventDefault(),(t.key==="ArrowLeft"&&!this.vertical||t.key==="ArrowUp"&&this.vertical)&&(e-=i),(t.key==="ArrowRight"&&!this.vertical||t.key==="ArrowDown"&&this.vertical)&&(e+=i),t.key==="Home"&&(e=this.primary==="end"?100:0),t.key==="End"&&(e=this.primary==="end"?0:100),t.key==="Enter")if(this.isCollapsed)e=this.positionBeforeCollapsing,this.isCollapsed=!1;else{let s=this.position;e=0,requestAnimationFrame(()=>{this.isCollapsed=!0,this.positionBeforeCollapsing=s})}this.position=f(e,0,100)}}handleResize(t){let{width:e,height:i}=t[0].contentRect;if(this.size=this.vertical?i:e,this.cachedPositionInPixels!==void 0&&(isNaN(this.cachedPositionInPixels)||this.position===1/0)){let s=this.getAttribute("position-in-pixels");s&&(this.cachedPositionInPixels=Number(s),this.positionInPixels=Number(s),this.position=this.pixelsToPercentage(this.positionInPixels))}this.primary&&this.cachedPositionInPixels!==void 0&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.isCollapsed=!1,this.positionBeforeCollapsing=0,this.positionInPixels=this.percentageToPixels(this.position),this.savePosition(),this.emit("ev-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){let t=this.getSlottedElements("start"),e=this.getSlottedElements("end"),i=t.some(l=>this.isElementVisible(l)),s=e.some(l=>this.isElementVisible(l));if(i&&!s||!i&&s)return this.style.display="block",this.style.gridTemplateColumns="",this.style.gridTemplateRows="",b`
+        <slot name="start" part="panel start" class="start" style="${i?"":"display: none"}"></slot>
+        <slot name="end" part="panel end" class="end" style="${s?"":"display: none"}"></slot>
+      `;this.style.display="grid";let o=this.vertical?"gridTemplateRows":"gridTemplateColumns",h=this.vertical?"gridTemplateColumns":"gridTemplateRows",u=this.localize.dir()==="rtl",d=`
+      clamp(
+        0%,
+        clamp(
+          var(--min),
+          ${this.position}% - var(--divider-width) / 2,
+          var(--max)
+        ),
+        calc(100% - var(--divider-width))
+      )
+    `,p="auto";return this.primary==="end"?u&&!this.vertical?this.style[o]=`${d} var(--divider-width) ${p}`:this.style[o]=`${p} var(--divider-width) ${d}`:u&&!this.vertical?this.style[o]=`${p} var(--divider-width) ${d}`:this.style[o]=`${d} var(--divider-width) ${p}`,this.style[h]="",b`
+      <slot name="start" part="panel start" class="start"></slot>
+
+      <div
+        part="divider"
+        class="divider"
+        tabindex=${I(this.disabled?void 0:"0")}
+        role="separator"
+        aria-valuenow=${this.position}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-label=${this.localize.term("resize")}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleDrag}
+        @touchstart=${this.handleDrag}
+      >
+        <slot name="divider"></slot>
+      </div>
+
+      <slot name="end" part="panel end" class="end"></slot>
+    `}};n.styles=[E,T],r([x(".divider")],n.prototype,"divider",2),r([a({type:Number,reflect:!0})],n.prototype,"position",2),r([a({attribute:"position-in-pixels",type:Number})],n.prototype,"positionInPixels",2),r([a({type:Boolean,reflect:!0})],n.prototype,"vertical",2),r([a({type:Boolean,reflect:!0})],n.prototype,"disabled",2),r([a({attribute:"auto-save-id"})],n.prototype,"autoSaveId",2),r([a()],n.prototype,"primary",2),r([a({reflect:!0})],n.prototype,"snap",1),r([a({type:Number,attribute:"snap-threshold"})],n.prototype,"snapThreshold",2),r([m("position")],n.prototype,"handlePositionChange",1),r([m("positionInPixels")],n.prototype,"handlePositionInPixelsChange",1),r([m("vertical")],n.prototype,"handleVerticalChange",1);export{z as a,n as b};

package/cdn/chunks/chunk.GQVR55II.js

@@ -0,0 +1,71 @@
+import{a as e}from"./chunk.PINNEFCM.js";var r=e`
+  :host {
+    --background-color: var(--lynk-page-background-color);
+    --main-background-color: var(--lynk-page-main-background-color);
+    --content-gap: var(--lynk-page-content-gap);
+    display: contents;
+  }
+
+  .page {
+    width: 100%;
+    height: 100%;
+    background-color: var(--background-color);
+    display: grid;
+    grid-template:
+      'left-sidebar left-inset-sidebar header right-inset-sidebar right-sidebar' min-content
+      'left-sidebar left-inset-sidebar main right-inset-sidebar right-sidebar' 1fr
+      'left-sidebar footer footer footer right-sidebar' min-content
+      / auto auto 1fr auto auto;
+  }
+
+  .page__main {
+    grid-area: main;
+    display: block;
+    overflow: auto;
+    min-height: 0;
+    background-color: var(--main-background-color);
+  }
+
+  /*
+   * When the main area holds only <lynk-page-content> elements it becomes a flex column. Each page
+   * content sizes itself from the layout attribute the page sets on it (see page-content.styles.ts):
+   * a single one fills the area and scrolls itself, stacked ones take their natural or set height.
+   * Mixed or unwrapped content keeps normal block flow so margins and sizing behave as before.
+   */
+  .page__main--single,
+  .page__main--stack {
+    display: flex;
+    flex-direction: column;
+    gap: var(--content-gap);
+  }
+
+  .page__header {
+    grid-area: header;
+    display: block;
+  }
+
+  .page__footer {
+    grid-area: footer;
+    display: block;
+  }
+
+  .page__left-sidebar {
+    grid-area: left-sidebar;
+    display: block;
+  }
+
+  .page__right-sidebar {
+    grid-area: right-sidebar;
+    display: block;
+  }
+
+  .page__left-inset-sidebar {
+    grid-area: left-inset-sidebar;
+    display: block;
+  }
+
+  .page__right-inset-sidebar {
+    grid-area: right-inset-sidebar;
+    display: block;
+  }
+`;export{r as a};

package/cdn/chunks/chunk.GRL4DCSQ.js

@@ -0,0 +1,110 @@
+import{a as g}from"./chunk.CI6VFPH4.js";import{a as C}from"./chunk.BG6N3PAS.js";import{a as y}from"./chunk.SH54CIFE.js";import{a as $}from"./chunk.IPMWK5EL.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.O4ZRZ3HV.js";import{a as b}from"./chunk.LQLSWU3G.js";import{a as s}from"./chunk.TETFNMKN.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.7TAXE2HP.js";import{a as i,b as h,d as u,g as d}from"./chunk.XKOYU7QD.js";import{a as m}from"./chunk.MXDME6T6.js";import{d as a}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends d{constructor(){super(...arguments);this.formControlController=new v(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.localize=new f(this);this.hasSlotController=new c(this,"help-text","help-tip","label","label-end","help-text-end");this.hasFocus=!1;this.title="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.type="text";this.name="";this.value="";this.defaultValue="";this.state="default";this.size="medium";this.filled=!1;this.pill=!1;this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.clearable=!1;this.disabled=!1;this.placeholder="";this.readonly=!1;this.restricted=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.autoPicker=!1;this.form="";this.required=!1;this.optional=!1;this.dirty=!1;this.inline=!1;this.autocomplete="off";this.spellcheck=!0}get valueAsDate(){var l;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((l=this.input)==null?void 0:l.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(l){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=l,this.value=this.__dateInput.value}get valueAsNumber(){var l;return this.__numberInput.value=this.value,((l=this.input)==null?void 0:l.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(l){this.__numberInput.valueAsNumber=l,this.value=this.__numberInput.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleChange(){this.value=this.input.value,this.emit("ev-change")}handleClearClick(l){l.preventDefault(),this.value!==""&&(this.value="",this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.input.focus()}handleFocus(){this.hasFocus=!0,this.emit("ev-focus"),this.autoPicker&&this.showPicker()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("ev-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}handleKeyDown(l){let r=l.metaKey||l.ctrlKey||l.shiftKey||l.altKey;l.key==="Enter"&&!r&&setTimeout(()=>{!l.defaultPrevented&&!l.isComposing&&(this.formControlController.submit(),this.emit("ev-enter"))})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){(this.disabled||this.restricted)&&this.formControlController.setValidity(!0)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(l){this.input.focus(l)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(l,r,o="none"){this.input.setSelectionRange(l,r,o)}setRangeText(l,r,o,w="preserve"){let x=r!=null?r:this.input.selectionStart,_=o!=null?o:this.input.selectionEnd;this.input.setRangeText(l,x,_,w),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}render(){let r=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value&&this.value.length>0);return a`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?a`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?a`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?a`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+
+        <div
+          part="base"
+          class=${p({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--restricted":this.restricted,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons})}
+        >
+          <span part="prefix" class="input__prefix">
+            <slot name="prefix"></slot>
+          </span>
+
+          ${this.restricted?a` <div part="input" class="input__control-preview">${this.value||"None"}</div> `:""}
+
+          <input
+            part="input"
+            class="input__control"
+            type=${this.type==="password"&&this.passwordVisible?"text":this.type}
+            title=${this.title}
+            name=${s(this.name)}
+            ?disabled=${this.disabled||this.restricted}
+            ?readonly=${this.readonly}
+            ?required=${this.required}
+            placeholder=${s(this.placeholder)}
+            minlength=${s(this.minlength)}
+            maxlength=${s(this.maxlength)}
+            min=${s(this.min)}
+            max=${s(this.max)}
+            step=${s(this.step)}
+            .value=${y(this.value)}
+            autocapitalize=${s(this.autocapitalize)}
+            autocomplete=${s(this.autocomplete)||"off"}
+            ?autofocus=${this.autofocus}
+            spellcheck=${this.spellcheck}
+            pattern=${s(this.pattern)}
+            enterkeyhint=${s(this.enterkeyhint)}
+            inputmode=${s(this.inputmode)}
+            aria-label=${this.label||"Input"}
+            @change=${this.handleChange}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @keydown=${this.handleKeyDown}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+          />
+
+          ${r?a`
+                  <button
+                    part="clear-button"
+                    class="input__clear"
+                    type="button"
+                    aria-label=${this.localize.term("clearEntry")}
+                    @click=${this.handleClearClick}
+                    tabindex="-1"
+                  >
+                    <slot name="clear-icon">
+                      <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
+                    </slot>
+                  </button>
+                `:""}
+          ${this.passwordToggle&&!this.disabled?a`
+                  <button
+                    part="password-toggle-button"
+                    class="input__password-toggle"
+                    type="button"
+                    aria-label=${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}
+                    @click=${this.handlePasswordToggle}
+                    tabindex="-1"
+                  >
+                    ${this.passwordVisible?a`
+                            <slot name="show-password-icon">
+                              <lynk-icon name="eye-slash" library="system"></lynk-icon>
+                            </slot>
+                          `:a`
+                            <slot name="hide-password-icon">
+                              <lynk-icon name="eye" library="system"></lynk-icon>
+                            </slot>
+                          `}
+                  </button>
+                `:""}
+
+          <span part="suffix" class="input__suffix">
+            <slot name="suffix"></slot>
+          </span>
+        </div>
+        <slot name="action"></slot>
+      </lynk-form-field>
+    `}};t.styles=[m,g],t.dependencies={"lynk-form-field":C,"lynk-icon":b},e([u(".input__control")],t.prototype,"input",2),e([h()],t.prototype,"hasFocus",2),e([i()],t.prototype,"title",2),e([i({reflect:!0})],t.prototype,"type",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([$()],t.prototype,"defaultValue",2),e([i({reflect:!0})],t.prototype,"state",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"pill",2),e([i()],t.prototype,"label",2),e([i({attribute:"help-text"})],t.prototype,"helpText",2),e([i({attribute:"label-end"})],t.prototype,"labelEnd",2),e([i({attribute:"help-text-end"})],t.prototype,"helpTextEnd",2),e([i({attribute:"help-tip"})],t.prototype,"helpTip",2),e([i({type:Boolean})],t.prototype,"clearable",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i()],t.prototype,"placeholder",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:Boolean,reflect:!0})],t.prototype,"restricted",2),e([i({attribute:"password-toggle",type:Boolean})],t.prototype,"passwordToggle",2),e([i({attribute:"password-visible",type:Boolean})],t.prototype,"passwordVisible",2),e([i({attribute:"no-spin-buttons",type:Boolean})],t.prototype,"noSpinButtons",2),e([i({attribute:"auto-picker",type:Boolean})],t.prototype,"autoPicker",2),e([i({reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Boolean,reflect:!0})],t.prototype,"optional",2),e([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([i()],t.prototype,"pattern",2),e([i({type:Number})],t.prototype,"minlength",2),e([i({type:Number})],t.prototype,"maxlength",2),e([i({type:Number})],t.prototype,"min",2),e([i({type:Number})],t.prototype,"max",2),e([i()],t.prototype,"step",2),e([i()],t.prototype,"autocapitalize",2),e([i({type:String})],t.prototype,"autocomplete",2),e([i({type:Boolean})],t.prototype,"autofocus",2),e([i()],t.prototype,"enterkeyhint",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i()],t.prototype,"inputmode",2),e([n(["disabled","restricted"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([n("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),e([n("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

package/cdn/chunks/chunk.GRO2H4BG.js

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

package/cdn/chunks/chunk.H4UUQ5RZ.js

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

package/cdn/chunks/chunk.H5Y6GNKG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.B2F5HO5S.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-button";e.define("lynk-button");var s=n({tagName:v,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvClick:"ev-click",EvFocus:"ev-focus",EvInvalid:"ev-invalid"},displayName:"LynkButton"}),p=s;export{p as a};

package/cdn/chunks/chunk.HAIKPZ54.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.EUS3IRJL.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var s="lynk-dialog";e.define("lynk-dialog");var o=n({tagName:s,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide",EvInitialFocus:"ev-initial-focus",EvRequestClose:"ev-request-close"},displayName:"LynkDialog"}),i=o;export{i as a};

package/cdn/chunks/chunk.HQHBDG3T.js

@@ -0,0 +1,14 @@
+import{a as n}from"./chunk.QI5RXRTG.js";import{a as h}from"./chunk.LQLSWU3G.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as c}from"./chunk.7TAXE2HP.js";import{a as s,b as a,g as d}from"./chunk.XKOYU7QD.js";import{a as o}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends d{constructor(){super();this.checked=!1;this.hasFocus=!1;this.size="medium";this.disabled=!1;this.handleBlur=()=>{this.hasFocus=!1,this.emit("ev-blur")};this.handleClick=()=>{if(!this.disabled){let i=this.closest("lynk-radio-group");if(i!=null&&i.readonly)return;this.checked=!0}};this.handleFocus=()=>{this.hasFocus=!0,this.emit("ev-focus")};this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return r`
+      <span
+        part="base"
+        class=${c({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
+      >
+        <span part="${`control${this.checked?" control--checked":""}`}" class="radio__control">
+          ${this.checked?r`
+                  <lynk-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></lynk-icon>
+                `:""}
+        </span>
+
+        <slot part="label" class="radio__label"></slot>
+      </span>
+    `}};e.styles=[o,n],e.dependencies={"lynk-icon":h},t([a()],e.prototype,"checked",2),t([a()],e.prototype,"hasFocus",2),t([s()],e.prototype,"value",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l("checked")],e.prototype,"handleCheckedChange",1),t([l("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.HRREOBNS.js

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

package/cdn/chunks/chunk.HYCZHYN4.js

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

package/cdn/chunks/chunk.I2N76LKA.js

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

package/cdn/chunks/chunk.I5OINCSP.js

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

package/cdn/chunks/chunk.IAFZPEBA.js

@@ -0,0 +1,65 @@
+import{a as g}from"./chunk.C6PFQ43P.js";import{a as C}from"./chunk.BG6N3PAS.js";import{a as b}from"./chunk.SH54CIFE.js";import{a as $}from"./chunk.IPMWK5EL.js";import{b as f,c as v}from"./chunk.V7E6ITFP.js";import{a as s}from"./chunk.TETFNMKN.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as o}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as i,b as u,d as h,g as p}from"./chunk.XKOYU7QD.js";import{a as m}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.formControlController=new f(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new c(this,"help-text","help-tip","label","label-end","help-text-end");this.hasFocus=!1;this.title="";this.name="";this.value="";this.state="default";this.size="medium";this.filled=!1;this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.placeholder="";this.rows=4;this.resize="vertical";this.disabled=!1;this.readonly=!1;this.restricted=!1;this.form="";this.required=!1;this.optional=!1;this.dirty=!1;this.inline=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){var l,a;return(a=(l=this.input)==null?void 0:l.validity)!=null?a:v}get validationMessage(){var l;return(l=this.input)==null?void 0:l.validationMessage}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setTextareaHeight()),this.updateComplete.then(()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})}firstUpdated(){this.input&&this.formControlController.updateValidity()}disconnectedCallback(){var l;super.disconnectedCallback(),this.input&&((l=this.resizeObserver)==null||l.unobserve(this.input))}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("ev-change")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleInput(){this.value=this.input.value,this.emit("ev-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}setTextareaHeight(){this.resize==="auto"?(this.sizeAdjuster.style.height=`${this.input.clientHeight}px`,this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=""}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.input&&(this.formControlController.updateValidity(),this.setTextareaHeight())}focus(l){this.input.focus(l)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.input.scrollTop=l.top),typeof l.left=="number"&&(this.input.scrollLeft=l.left);return}return{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(l,a,n="none"){this.input.setSelectionRange(l,a,n)}setRangeText(l,a,n,z){this.input.setRangeText(l,a,n,z),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}render(){return r`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?r`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?r`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?r`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <div
+          part="base"
+          class=${d({textarea:!0,"textarea--small":this.size==="small","textarea--medium":this.size==="medium","textarea--large":this.size==="large","textarea--standard":!this.filled,"textarea--filled":this.filled,"textarea--disabled":this.disabled,"textarea--restricted":this.restricted,"textarea--focused":this.hasFocus,"textarea--empty":!this.value,"textarea--resize-none":this.resize==="none","textarea--resize-vertical":this.resize==="vertical","textarea--resize-auto":this.resize==="auto"})}
+        >
+          ${this.restricted?r`
+                  <div part="textarea" class="textarea__control textarea__control--restricted">
+                    ${this.value||"None"}
+                  </div>
+                `:r`
+                  <textarea
+                    part="textarea"
+                    class="textarea__control"
+                    title=${this.title}
+                    name=${s(this.name)}
+                    .value=${b(this.value)}
+                    ?disabled=${this.disabled}
+                    ?readonly=${this.readonly}
+                    ?required=${this.required}
+                    placeholder=${s(this.placeholder)}
+                    rows=${s(this.rows)}
+                    minlength=${s(this.minlength)}
+                    maxlength=${s(this.maxlength)}
+                    autocapitalize=${s(this.autocapitalize)}
+                    ?autofocus=${this.autofocus}
+                    spellcheck=${s(this.spellcheck)}
+                    enterkeyhint=${s(this.enterkeyhint)}
+                    inputmode=${s(this.inputmode)}
+                    aria-label=${this.label||"Textarea"}
+                    @change=${this.handleChange}
+                    @input=${this.handleInput}
+                    @invalid=${this.handleInvalid}
+                    @focus=${this.handleFocus}
+                    @blur=${this.handleBlur}
+                  ></textarea>
+                `}
+          <div part="textarea-adjuster" class="textarea__size-adjuster" ?hidden=${this.resize!=="auto"}></div>
+        </div>
+        <slot name="action"></slot>
+      </lynk-form-field>
+    `}};t.styles=[m,g],t.dependencies={"lynk-form-field":C},e([h(".textarea__control")],t.prototype,"input",2),e([h(".textarea__size-adjuster")],t.prototype,"sizeAdjuster",2),e([u()],t.prototype,"hasFocus",2),e([i()],t.prototype,"title",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({reflect:!0})],t.prototype,"state",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([i()],t.prototype,"label",2),e([i({attribute:"help-text"})],t.prototype,"helpText",2),e([i({attribute:"label-end"})],t.prototype,"labelEnd",2),e([i({attribute:"help-text-end"})],t.prototype,"helpTextEnd",2),e([i({attribute:"help-tip"})],t.prototype,"helpTip",2),e([i()],t.prototype,"placeholder",2),e([i({type:Number})],t.prototype,"rows",2),e([i()],t.prototype,"resize",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:Boolean,reflect:!0})],t.prototype,"restricted",2),e([i({reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Boolean,reflect:!0})],t.prototype,"optional",2),e([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([i({type:Number})],t.prototype,"minlength",2),e([i({type:Number})],t.prototype,"maxlength",2),e([i()],t.prototype,"autocapitalize",2),e([i()],t.prototype,"autocomplete",2),e([i({type:Boolean})],t.prototype,"autofocus",2),e([i()],t.prototype,"enterkeyhint",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i()],t.prototype,"inputmode",2),e([$()],t.prototype,"defaultValue",2),e([o("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([o("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([o("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

package/cdn/chunks/chunk.ID3MVSIZ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.J532R3NG.js";import*as n from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="lynk-calendar";e.define("lynk-calendar");var r=t({tagName:a,elementClass:e,react:n,events:{EvChange:"ev-change"},displayName:"LynkCalendar"}),s=r;export{s as a};

package/cdn/chunks/chunk.IEENIUQI.js

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

package/cdn/chunks/chunk.IMND5NVV.js

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

package/cdn/chunks/chunk.IPRESBIN.js

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

@@ -0,0 +1,21 @@
+import{a as d}from"./chunk.AR2PYRS4.js";import{b as r}from"./chunk.UBVFZZFQ.js";import{a as n}from"./chunk.TETFNMKN.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as u}from"./chunk.7TAXE2HP.js";import{a as s,b as o,d as a,g as c}from"./chunk.XKOYU7QD.js";import{a as h}from"./chunk.MXDME6T6.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.hasSlotController=new p(this,"[default]","prefix","suffix");this.hasFocus=!1;this.checked=!1;this.disabled=!1;this.color="default";this.size="medium";this.pill=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleClick(l){if(this.disabled){l.preventDefault(),l.stopPropagation();return}let i=this.closest("lynk-radio-group");if(i!=null&&i.readonly){l.preventDefault(),l.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(l){this.input.focus(l)}blur(){this.input.blur()}render(){return r`
+      <div part="base" role="presentation">
+        <button
+          part="${`button${this.checked?" button--checked":""}`}"
+          role="radio"
+          aria-checked="${this.checked}"
+          class=${u({button:!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.hasFocus,"has-label":this.hasSlotController.test("[default]"),"has-prefix":this.hasSlotController.test("prefix"),"has-suffix":this.hasSlotController.test("suffix")})}
+          aria-disabled=${this.disabled}
+          type="button"
+          value=${n(this.value)}
+          tabindex="${this.checked?"0":"-1"}"
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @click=${this.handleClick}
+        >
+          ${this.hasSlotController.test("prefix")?r`<slot name="prefix" part="prefix" class="button__prefix"></slot>`:""}
+          <slot part="label" class="button__label"></slot>
+          ${this.hasSlotController.test("suffix")?r`<slot name="suffix" part="suffix" class="button__suffix"></slot>`:""}
+        </button>
+      </div>
+    `}};e.styles=[h,d],t([a(".button")],e.prototype,"input",2),t([a(".hidden-input")],e.prototype,"hiddenInput",2),t([o()],e.prototype,"hasFocus",2),t([s({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({reflect:!0})],e.prototype,"color",2),t([s({reflect:!0})],e.prototype,"appearance",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([f("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};