@uplynk/lynk-design 1.14.0 → 1.16.0

package/cdn/chunks/chunk.2XMK2ENF.js

@@ -1,90 +0,0 @@
-import{a as _}from"./chunk.4X2TO525.js";import{a as g}from"./chunk.REVZGHI6.js";import{a as $}from"./chunk.KR7XHIU2.js";import{a as C}from"./chunk.53QYKSEW.js";import{a as b}from"./chunk.LHJP5W36.js";import{a as y}from"./chunk.6SH6VGZN.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.73BQ5ETG.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as c}from"./chunk.J4VJZB4C.js";import{a as o}from"./chunk.CMZ5RKU4.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.TZTBMC6G.js";import{a as l,b as n,d as r,g as h}from"./chunk.HW7MWP4B.js";import{a as p}from"./chunk.D3NKX2L2.js";import{d as a}from"./chunk.Z3G5EPTI.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends h{constructor(){super(...arguments);this.formControlController=new v(this);this.hasSlotController=new u(this,"help-text","help-tip","label");this.localize=new m(this);this.isOpen=!1;this.name="";this.value="";this.defaultValue="";this.label="";this.placeholder="";this.helpText="";this.helpTip="";this.disabled=!1;this.readonly=!1;this.required=!1;this.dirty=!1;this.inline=!1;this.size="medium";this.hoist=!1;this.clearable=!1;this.handleDocumentClick=e=>{this.contains(e.target)||this.hide()};this.handleKeyDown=e=>{let I=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!e.isComposing&&!I&&(this.isOpen&&this.calendar.value?(e.preventDefault(),this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{e.defaultPrevented||this.emit("ev-change")})),e.key==="Escape"&&this.isOpen&&(e.preventDefault(),e.stopPropagation(),this.hide())}}get validity(){return this.dateInput.validity}get validationMessage(){return this.dateInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentClick=this.handleDocumentClick.bind(this),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.formControlController.updateValidity(),this.updateInputFromValue()}handleDateInput(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleDateChange(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-change")}handleDateInputClick(e){e.preventDefault()}handleCalendarChange(){this.calendar.value&&(this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(e){e.preventDefault(),e.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.dateInput.focus()}handleTriggerClick(e){e.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){this.dateInput&&(this.dateInput.value=this.value)}updatePickerFromValue(){this.calendar&&(this.calendar.value=this.value)}updatePickerFromInput(){var e;this.calendar&&(this.calendar.value=((e=this.dateInput)==null?void 0:e.value)||"")}show(){this.isOpen||this.disabled||this.readonly||(this.isOpen=!0,this.updatePickerFromValue(),this.dropdown.show(),document.addEventListener("click",this.handleDocumentClick))}hide(){this.isOpen&&(this.isOpen=!1,this.dropdown.hide(),document.removeEventListener("click",this.handleDocumentClick))}focus(e){this.dateInput.focus(e)}blur(){this.dateInput.blur()}checkValidity(){return this.dateInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.dateInput.reportValidity()}setCustomValidity(e){this.dateInput.setCustomValidity(e),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){return a`
-      <lynk-form-field
-        .size=${this.size}
-        .label=${this.hasSlotController.test("label")?"":this.label}
-        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
-        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
-        .required=${this.required}
-        .dirty=${this.dirty}
-        .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>`:""}
-        <lynk-dropdown
-          class="date-picker__dropdown"
-          part="dropdown"
-          ?disabled=${this.disabled||this.readonly}
-          .open=${this.isOpen}
-          .hoist=${this.hoist}
-          placement="bottom-start"
-          distance="2"
-        >
-          <div
-            slot="trigger"
-            part="input-group"
-            role="group"
-            class=${d({"date-picker__input-group":!0,"date-picker__input-group--small":this.size==="small","date-picker__input-group--medium":this.size==="medium","date-picker__input-group--large":this.size==="large","date-picker__input-group--disabled":this.disabled,"date-picker__input-group--readonly":this.readonly})}
-          >
-            ${this.placeholder&&!this.value?a`<div part="placeholder" class="date-picker__placeholder">${this.placeholder}</div>`:""}
-            <input
-              part="date-input"
-              class="date-picker__date-input"
-              type="date"
-              role="combobox"
-              ?disabled=${this.disabled}
-              ?readonly=${this.readonly}
-              ?required=${this.required}
-              ?hidden=${this.placeholder&&!this.value}
-              min=${o(this.min)}
-              max=${o(this.max)}
-              .value=${C(this.value)}
-              aria-label=${this.label||"Date"}
-              aria-haspopup="dialog"
-              aria-expanded=${this.isOpen?"true":"false"}
-              @click=${this.handleDateInputClick}
-              @input=${this.handleDateInput}
-              @change=${this.handleDateChange}
-            />
-            ${this.clearable&&!this.disabled&&!this.readonly&&this.value?a`
-                  <button
-                    part="clear-button"
-                    class="date-picker__clear"
-                    type="button"
-                    aria-label=${this.localize.term("clearEntry")||"Clear entry"}
-                    @click=${this.handleClearClick}
-                    tabindex="-1"
-                  >
-                    <slot name="clear-icon">
-                      <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
-                    </slot>
-                  </button>
-                `:""}
-
-            <lynk-icon-button
-              part="trigger"
-              class="date-picker__trigger"
-              name="calendar"
-              library="system"
-              label="Open calendar"
-              ?disabled=${this.disabled}
-              @click=${this.handleTriggerClick}
-            ></lynk-icon-button>
-          </div>
-
-          <div class="date-picker__panel" id="calendar-panel">
-            <lynk-calendar
-              part="calendar"
-              class="date-picker__calendar"
-              .min=${this.min}
-              .max=${this.max}
-              @ev-change=${this.handleCalendarChange}
-            ></lynk-calendar>
-          </div>
-        </lynk-dropdown>
-      </lynk-form-field>
-    `}};t.styles=[p,_],t.dependencies={"lynk-calendar":y,"lynk-dropdown":g,"lynk-form-field":$,"lynk-icon":c,"lynk-icon-button":f},i([r(".date-picker__dropdown")],t.prototype,"dropdown",2),i([r(".date-picker__calendar")],t.prototype,"calendar",2),i([r(".date-picker__date-input")],t.prototype,"dateInput",2),i([n()],t.prototype,"isOpen",2),i([l()],t.prototype,"name",2),i([l()],t.prototype,"value",2),i([b()],t.prototype,"defaultValue",2),i([l()],t.prototype,"label",2),i([l()],t.prototype,"placeholder",2),i([l({attribute:"help-text"})],t.prototype,"helpText",2),i([l({attribute:"help-tip"})],t.prototype,"helpTip",2),i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],t.prototype,"required",2),i([l({type:Boolean,reflect:!0})],t.prototype,"dirty",2),i([l({type:Boolean,reflect:!0})],t.prototype,"inline",2),i([l({reflect:!0})],t.prototype,"size",2),i([l()],t.prototype,"min",2),i([l()],t.prototype,"max",2),i([l({type:Boolean})],t.prototype,"hoist",2),i([l({type:Boolean})],t.prototype,"clearable",2),i([s("value")],t.prototype,"handleValueChange",1),i([s("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.35CCQHOU.js

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

package/cdn/chunks/chunk.3FSNAJFU.js

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

package/cdn/chunks/chunk.3JJJLXMQ.js

@@ -1,66 +0,0 @@
-import{a as v}from"./chunk.KOMPO656.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a as d,c as h,d as p}from"./chunk.VDJQBFEB.js";import{a as c,c as g}from"./chunk.DCN42ZX4.js";import{a as y}from"./chunk.Q3J7P2MZ.js";import{a as _}from"./chunk.J4VJZB4C.js";import{a as x}from"./chunk.YHSYTTFF.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as r}from"./chunk.TZTBMC6G.js";import{a,d as l,g as u}from"./chunk.HW7MWP4B.js";import{a as m}from"./chunk.D3NKX2L2.js";import{d as o}from"./chunk.Z3G5EPTI.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends u{constructor(){super(...arguments);this.hasSlotController=new x(this,"prefix","suffix","footer");this.localize=new y(this);this.expanded=!1;this.accordion=!1;this.disabled=!1;this.appearance="filled";this.toggleTrigger="header";this.toggleSuffix=!1;this.toggleIconPlacement="end";this.noHeader=!1}connectedCallback(){super.connectedCallback(),this.hasParentAccordion()&&(this.accordion=!0),this.accordion||(this.expanded=!0)}firstUpdated(){this.body.hidden=!this.expanded,this.body.style.height=this.expanded?"auto":"0"}hasParentAccordion(){return this.closest("lynk-accordion")!==null}handleToggleTriggerClick(){!this.disabled&&this.accordion&&(this.expanded?this.collapse():this.expand(),this.header.focus())}handlePrefixSuffixClick(e){e.stopPropagation()}handlePrefixSuffixKeyDown(e){e.stopPropagation()}handleHeaderKeyDown(e){!this.disabled&&this.accordion&&((e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.expanded?this.collapse():this.expand()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.collapse()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.expand()))}async handleExpandedChange(){if(this.expanded){if(this.emit("ev-expand",{cancelable:!0}).defaultPrevented){this.expanded=!1;return}await h(this.body),this.body.hidden=!1,this.body.classList.add("panel__body--animating");let{keyframes:s,options:n}=g(this,"panel.expand",{dir:this.localize.dir()});await d(this.body,p(s,this.body.scrollHeight),n),this.body.style.height="auto",this.body.classList.remove("panel__body--animating"),this.emit("ev-after-expand")}else{if(this.emit("ev-collapse",{cancelable:!0}).defaultPrevented){this.expanded=!0;return}await h(this.body);let{keyframes:s,options:n}=g(this,"panel.collapse",{dir:this.localize.dir()});await d(this.body,p(s,this.body.scrollHeight),n),this.body.hidden=!0,this.body.style.height="auto",this.emit("ev-after-collapse")}}expand(){if(!(this.expanded||this.disabled))return this.expanded=!0,f(this,"ev-after-expand")}collapse(){if(!(!this.expanded||this.disabled))return this.expanded=!1,f(this,"ev-after-collapse")}render(){let e=this.localize.dir()==="rtl";return o`
-      <div
-        part="base"
-        class=${r({panel:!0,"panel--disabled":this.disabled,"panel--expanded":this.expanded,"panel--accordion":this.accordion,"panel--rtl":e,"panel--toggle-suffix":this.toggleSuffix,"panel--no-header":this.noHeader,"panel--has-prefix":this.hasSlotController.test("prefix"),"panel--has-suffix":this.hasSlotController.test("suffix"),"panel--has-footer":this.hasSlotController.test("footer")})}
-      >
-        ${this.noHeader?"":o`
-              <header
-                part="header"
-                id="header"
-                class=${r({panel__header:!0,"panel__header--trigger":this.toggleTrigger==="header"})}
-                role="button"
-                aria-expanded=${this.expanded?"true":"false"}
-                aria-controls="content"
-                aria-disabled=${this.disabled?"true":"false"}
-                tabindex=${this.disabled?"-1":"0"}
-                @click=${this.toggleTrigger==="header"?this.handleToggleTriggerClick:null}
-                @keydown=${this.handleHeaderKeyDown}
-              >
-                <slot
-                  name="prefix"
-                  part="prefix"
-                  class="panel__prefix"
-                  @click=${this.handlePrefixSuffixClick}
-                  @keydown=${this.handlePrefixSuffixKeyDown}
-                ></slot>
-                <slot
-                  name="heading"
-                  part="heading"
-                  class=${r({panel__heading:!0,"panel__heading--trigger":this.toggleTrigger==="heading"})}
-                  @click=${this.toggleTrigger==="heading"?this.handleToggleTriggerClick:null}
-                >
-                  ${this.heading}
-                </slot>
-                <slot
-                  name="suffix"
-                  part="suffix"
-                  class="panel__suffix"
-                  @click=${this.handlePrefixSuffixClick}
-                  @keydown=${this.handlePrefixSuffixKeyDown}
-                ></slot>
-
-                ${this.accordion?o`
-                      <span
-                        part="toggle-icon"
-                        class=${r({"panel__toggle-icon":!0,"panel__toggle-icon--start":this.toggleIconPlacement==="start","panel__toggle-icon--end":this.toggleIconPlacement==="end","panel__toggle-icon--hidden":this.toggleIconPlacement==="hidden","panel__toggle-icon--trigger":this.toggleTrigger==="heading"||this.toggleTrigger==="icon"})}
-                        @click=${this.toggleTrigger==="heading"||this.toggleTrigger==="icon"?this.handleToggleTriggerClick:null}
-                      >
-                        ${this.expanded?o`<slot name="collapse-icon">
-                              <lynk-icon library="system" name=${e?"chevron-left":"chevron-right"}></lynk-icon>
-                            </slot>`:o`<slot name="expand-icon">
-                              <lynk-icon library="system" name=${e?"chevron-left":"chevron-right"}></lynk-icon>
-                            </slot>`}
-                      </span>
-                    `:""}
-              </header>
-            `}
-
-        <div class="panel__body">
-          <div part="content" id="content" class="panel__content" role="region" aria-labelledby="header">
-            <slot></slot>
-          </div>
-
-          <slot name="footer" part="footer" class="panel__footer"></slot>
-        </div>
-      </div>
-    `}};t.styles=[m,v],t.dependencies={"lynk-popup":_},i([l(".panel")],t.prototype,"panel",2),i([l(".panel__header")],t.prototype,"header",2),i([l(".panel__body")],t.prototype,"body",2),i([l(".panel__toggle-icon-slot")],t.prototype,"toggleIconSlot",2),i([a({type:Boolean,reflect:!0})],t.prototype,"expanded",2),i([a({type:Boolean,reflect:!0})],t.prototype,"accordion",2),i([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([a({reflect:!0})],t.prototype,"appearance",2),i([a()],t.prototype,"heading",2),i([a({attribute:"toggle-trigger",reflect:!0})],t.prototype,"toggleTrigger",2),i([a({attribute:"toggle-suffix",type:Boolean,reflect:!0})],t.prototype,"toggleSuffix",2),i([a({attribute:"toggle-icon-placement",reflect:!0})],t.prototype,"toggleIconPlacement",2),i([a({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([b("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandedChange",1);c("panel.expand",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});c("panel.collapse",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{t as a};

package/cdn/chunks/chunk.3RRPNTYW.js

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

package/cdn/chunks/chunk.3SUZT4ZF.js

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

package/cdn/chunks/chunk.3VHZYVRW.js

@@ -1,221 +0,0 @@
-import{a as t}from"./chunk.Z3G5EPTI.js";var r=t`
-  :host {
-    display: table-row;
-    padding: 1px;
-    position: relative;
-    border-radius: 5px;
-    background: var(--lynk-table-cell-background-color);
-    --color: transparent;
-    transition:
-      var(--lynk-transition-fast) background-color,
-      var(--lynk-transition-fast) color,
-      var(--lynk-transition-fast) border,
-      var(--lynk-transition-fast) box-shadow;
-  }
-
-  :host([striped]:nth-of-type(odd)) {
-    background: var(--lynk-table-striped-cell-background-color);
-  }
-
-  :host([pulse]) {
-    animation: pulse 1.5s infinite;
-  }
-
-  :host([pulse][interactive]:hover) {
-    animation: none;
-  }
-
-  :host([interactive]:hover) {
-    cursor: pointer;
-    box-shadow: 0 0 0 1px var(--lynk-color-primary);
-  }
-
-  :host([active]) {
-    box-shadow: 0 0 0 1px var(--lynk-color-primary);
-  }
-
-  /* Primary States */
-
-  :host([state='primary']) {
-    --state-color: var(--lynk-color-primary);
-  }
-
-  :host([state='primary'][interactive]:hover),
-  :host([state='primary'][active]) {
-    box-shadow: 0 0 0 1px var(--lynk-color-primary);
-  }
-
-  :host([state='primary']) ::slotted(lynk-td) {
-    border-color: var(--lynk-color-primary);
-  }
-
-  /* Accent States */
-
-  :host([state='accent']) {
-    --state-color: var(--lynk-color-accent);
-  }
-
-  :host([state='accent'][interactive]:hover),
-  :host([state='accent'][active]) {
-    box-shadow: 0 0 0 1px var(--lynk-color-accent);
-  }
-
-  :host([state='accent']) ::slotted(lynk-td) {
-    border-color: var(--lynk-color-accent);
-  }
-
-  /* Danger States */
-
-  :host([state='danger']) {
-    --state-color: var(--lynk-color-danger);
-  }
-
-  :host([state='danger'][interactive]:hover),
-  :host([state='danger'][active]) {
-    box-shadow: 0 0 0 1px var(--lynk-color-danger);
-  }
-
-  :host([state='danger']) ::slotted(lynk-td) {
-    border-color: var(--lynk-color-danger);
-  }
-
-  /* Warning States */
-
-  :host([state='warning']) {
-    --state-color: var(--lynk-color-warning);
-  }
-
-  :host([state='warning'][interactive]:hover),
-  :host([state='warning'][active]) {
-    box-shadow: 0 0 0 1px var(--lynk-color-warning);
-  }
-
-  :host([state='warning']) ::slotted(lynk-td) {
-    border-color: var(--lynk-color-warning);
-  }
-
-  /* Success States */
-
-  :host([state='success']) {
-    --state-color: var(--lynk-color-success);
-  }
-
-  :host([state='success'][interactive]:hover),
-  :host([state='success'][active]) {
-    box-shadow: 0 0 0 1px var(--lynk-color-success);
-  }
-
-  :host([state='success']) ::slotted(lynk-td) {
-    border-color: var(--lynk-color-success);
-  }
-
-  /* Neutral States */
-
-  :host([state='neutral']) {
-    --state-color: var(--lynk-color-neutral);
-  }
-
-  :host([state='neutral'][interactive]:hover),
-  :host([state='neutral'][active]) {
-    box-shadow: 0 0 0 1px var(--lynk-color-neutral);
-  }
-
-  :host([state='neutral']) ::slotted(lynk-td) {
-    border-color: var(--lynk-color-neutral);
-  }
-
-  /* Info States */
-
-  :host([state='info']) {
-    --state-color: var(--lynk-color-info);
-  }
-
-  :host([state='info'][interactive]:hover),
-  :host([state='info'][active]) {
-    box-shadow: 0 0 0 1px var(--lynk-color-info);
-  }
-
-  :host([state='info']) ::slotted(lynk-td) {
-    border-color: var(--lynk-color-neutral);
-  }
-
-  /* Custom States */
-
-  :host([state='custom']) {
-    --state-color: var(--color);
-  }
-
-  :host([state='custom'][interactive]:hover),
-  :host([state='custom'][active]) {
-    box-shadow: 0 0 0 1px var(--color);
-  }
-
-  :host([state='custom']) ::slotted(lynk-td) {
-    border-color: var(--color);
-  }
-
-  /* Handling styles of slottend th and td elements */
-
-  ::slotted(lynk-td:first-child),
-  ::slotted(lynk-th:first-child) {
-    border-radius: var(--lynk-table-border-radius) 0 0 var(--lynk-table-border-radius);
-  }
-
-  ::slotted(lynk-td:first-child) {
-    border-left: 4px solid transparent;
-  }
-
-  ::slotted(lynk-th:first-child) {
-    padding-left: calc(var(--lynk-spacing-base) + 4px);
-  }
-
-  ::slotted(lynk-td:last-child),
-  ::slotted(lynk-th:last-child) {
-    border-radius: 0 var(--lynk-table-border-radius) var(--lynk-table-border-radius) 0;
-  }
-
-  ::slotted(lynk-td:last-child) {
-    border-right: 4px solid transparent;
-  }
-
-  ::slotted(lynk-th:last-child) {
-    padding-right: calc(var(--lynk-spacing-base) + 4px);
-  }
-
-  ::slotted(lynk-td:only-child),
-  ::slotted(lynk-th:only-child) {
-    border-radius: var(--lynk-table-border-radius);
-  }
-
-  ::slotted(lynk-td:only-child) {
-    border-right: 4px solid transparent;
-    border-left: 4px solid transparent;
-  }
-
-  ::slotted(lynk-th:only-child) {
-    padding-left: calc(var(--lynk-spacing-base) + 4px);
-    padding-right: calc(var(--lynk-spacing-base) + 4px);
-  }
-
-  :host([state]) ::slotted(lynk-td:first-child)::before,
-  :host([state]) ::slotted(lynk-td:only-child)::before {
-    border-left-color: var(--state-color);
-  }
-
-  :host([state]) ::slotted(lynk-td:last-child)::after,
-  :host([state]) ::slotted(lynk-td:only-child)::after {
-    border-right-color: var(--state-color);
-  }
-
-  @keyframes pulse {
-    0% {
-      box-shadow: 0 0 0 0 transparent;
-    }
-    50% {
-      box-shadow: 0 0 0 1px var(--state-color);
-    }
-    100% {
-      box-shadow: 0 0 0 0 transparent;
-    }
-  }
-`;export{r as a};

package/cdn/chunks/chunk.3W2LLS5C.js

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

package/cdn/chunks/chunk.3WC4AF26.js

@@ -1,107 +0,0 @@
-import{a as o}from"./chunk.Z3G5EPTI.js";var r=o`
-  :host {
-    --max-width: 30rem;
-    --width: 20rem;
-    --header-spacing: var(--lynk-spacing-base);
-    --body-spacing: var(--lynk-spacing-base);
-    --footer-spacing: var(--lynk-spacing-base);
-    --hide-delay: 0ms;
-    --show-delay: 150ms;
-
-    display: contents;
-  }
-
-  .popover::part(popup) {
-    z-index: var(--lynk-z-index-dropdown);
-    --arrow-size: var(--lynk-tooltip-arrow-size);
-    --arrow-color: var(--lynk-panel-border-color);
-  }
-
-  .popover[data-current-placement^='top']::part(popup) {
-    transform-origin: bottom;
-  }
-
-  .popover[data-current-placement^='bottom']::part(popup) {
-    transform-origin: top;
-  }
-
-  .popover[data-current-placement^='left']::part(popup) {
-    transform-origin: right;
-  }
-
-  .popover[data-current-placement^='right']::part(popup) {
-    transform-origin: left;
-  }
-
-  .popover-target {
-    display: contents;
-  }
-
-  .popover--open .popover__panel {
-    pointer-events: all;
-  }
-
-  .popover__panel {
-    display: flex;
-    pointer-events: none;
-    flex-direction: column;
-    z-index: 2;
-    width: var(--width);
-    max-width: var(--max-width);
-    max-height: var(--max-height);
-    font-family: var(--lynk-font-sans);
-    font-size: var(--lynk-font-size-medium);
-    font-weight: var(--lynk-font-weight-normal);
-    box-shadow: var(--lynk-shadow-large);
-    border-radius: var(--lynk-border-radius-medium);
-    background-color: var(--lynk-panel-background-color);
-    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
-  }
-
-  .popover__panel:focus {
-    outline: none;
-  }
-
-  .popover__body {
-    flex: 1 1 auto;
-    display: block;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    padding: var(--body-spacing);
-  }
-
-  .popover__header {
-    flex: 0 0 auto;
-    display: flex;
-    padding: var(--header-spacing);
-    padding-bottom: 0;
-  }
-
-  .popover__title {
-    flex: 1 1 auto;
-    font: inherit;
-    font-size: var(--lynk-font-size-base);
-    line-height: var(--lynk-line-height-dense);
-    margin: 0;
-  }
-
-  .popover__close {
-    flex: 0 0 auto;
-    align-self: end;
-    font-size: var(--lynk-font-size-base);
-    padding-left: var(--header-spacing);
-    position: relative;
-    top: -4px;
-    right: -4px;
-  }
-
-  .popover__footer {
-    flex: 0 0 auto;
-    padding: var(--footer-spacing);
-    padding-top: 0;
-  }
-
-  .popover__footer ::slotted(lynk-button:not(:first-of-type)) {
-    margin-inline-end: var(--lynk-spacing-x-small);
-  }
-`;export{r as a};

package/cdn/chunks/chunk.3WT4UHMQ.js

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