@uplynk/lynk-design 1.13.0 → 1.14.0

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

@@ -1,221 +0,0 @@
-import{h as t}from"./chunk.3I3N5SZS.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.3QUP6XZI.js

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

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

@@ -1,8 +0,0 @@
-import{a as l}from"./chunk.YQ62NZ6W.js";import{a as p}from"./chunk.B7RKX34M.js";import{a as i,g as c}from"./chunk.GJLEIQTM.js";import{a as m}from"./chunk.KQHRUDLH.js";import{a}from"./chunk.3I3N5SZS.js";import{e as s}from"./chunk.FI4IKBIW.js";var t=class extends c{constructor(){super(...arguments);this.aspectRatio="16:9";this.fit="cover"}render(){let e=this.aspectRatio.split(":"),o=parseFloat(e[0]),r=parseFloat(e[1]),n=!isNaN(o)&&!isNaN(r)&&o>0&&r>0?`${r/o*100}%`:"0";return a`
-      <div
-        class=${p({"responsive-media":!0,"responsive-media--cover":this.fit==="cover","responsive-media--contain":this.fit==="contain"})}
-        style="padding-bottom: ${n}"
-      >
-        <slot></slot>
-      </div>
-    `}};t.styles=[m,l],s([i({attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),s([i()],t.prototype,"fit",2);export{t as a};

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

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

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

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

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

@@ -1,85 +0,0 @@
-import{h as n}from"./chunk.3I3N5SZS.js";var i=n`
-  :host {
-    display: block;
-    user-select: none;
-  }
-
-  :host(:focus) {
-    outline: none;
-  }
-
-  .option {
-    position: relative;
-    display: flex;
-    align-items: center;
-    font-family: var(--lynk-font-sans);
-    font-size: var(--lynk-font-size-medium);
-    font-weight: var(--lynk-font-weight-normal);
-    line-height: var(--lynk-line-height-normal);
-    letter-spacing: var(--lynk-letter-spacing-normal);
-    color: var(--lynk-color-neutral-700);
-    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-medium) var(--lynk-spacing-x-small)
-      var(--lynk-spacing-x-small);
-    transition: var(--lynk-transition-fast) fill;
-    cursor: pointer;
-  }
-
-  .option--hover:not(.option--current):not(.option--disabled) {
-    background-color: var(--lynk-color-neutral-100);
-    color: var(--lynk-color-neutral-1000);
-  }
-
-  .option--current,
-  .option--current.option--disabled {
-    background-color: var(--lynk-color-primary-600);
-    color: var(--lynk-color-neutral-0);
-    opacity: 1;
-  }
-
-  .option--disabled {
-    outline: none;
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .option__label {
-    flex: 1 1 auto;
-    display: inline-block;
-    line-height: var(--lynk-line-height-dense);
-  }
-
-  .option .option__check {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    visibility: hidden;
-    padding-inline-end: var(--lynk-spacing-2x-small);
-  }
-
-  .option--selected .option__check {
-    visibility: visible;
-  }
-
-  .option__prefix,
-  .option__suffix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .option__prefix::slotted(*) {
-    margin-inline-end: var(--lynk-spacing-x-small);
-  }
-
-  .option__suffix::slotted(*) {
-    margin-inline-start: var(--lynk-spacing-x-small);
-  }
-
-  @media (forced-colors: active) {
-    :host(:hover:not([aria-disabled='true'])) .option {
-      outline: dashed 1px SelectedItem;
-      outline-offset: -1px;
-    }
-  }
-`;export{i as a};

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

@@ -1,23 +0,0 @@
-import{a as u}from"./chunk.7GID2WFB.js";import{a as f}from"./chunk.6OLHG5AF.js";import{a as r,b as o}from"./chunk.MJEJ26MX.js";import{a as b}from"./chunk.NZJ7BTMN.js";import{a}from"./chunk.5Z563OMH.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as c}from"./chunk.B7RKX34M.js";import{a as i,d,g as p}from"./chunk.GJLEIQTM.js";import{a as h}from"./chunk.KQHRUDLH.js";import{e}from"./chunk.FI4IKBIW.js";var m=0,t=class extends p{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=${c({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=[h,u],t.dependencies={"lynk-icon-button":f},e([d(".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.3VNZMQMD.js

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

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

@@ -1 +0,0 @@
-import{a as l}from"./chunk.NZJ7BTMN.js";import{a as i,g as a}from"./chunk.GJLEIQTM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends a{constructor(){super(...arguments);this.localize=new l(this);this.value=0;this.unit="byte";this.display="short"}render(){if(isNaN(this.value))return"";let n=["","kilo","mega","giga","tera"],s=["","kilo","mega","giga","tera","peta"],o=this.unit==="bit"?n:s,r=Math.max(0,Math.min(Math.floor(Math.log10(this.value)/3),o.length-1)),h=o[r]+this.unit,u=parseFloat((this.value/Math.pow(1e3,r)).toPrecision(3));return this.localize.number(u,{style:"unit",unit:h,unitDisplay:this.display})}};e([i({type:Number})],t.prototype,"value",2),e([i()],t.prototype,"unit",2),e([i()],t.prototype,"display",2);export{t as a};

package/cdn/chunks/chunk.42MDG6KW.js

@@ -1 +0,0 @@
-import{a}from"./chunk.SMQ2SCIB.js";import{a as r,g as l}from"./chunk.GJLEIQTM.js";import{a as o}from"./chunk.KQHRUDLH.js";import{a as s}from"./chunk.3I3N5SZS.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends l{constructor(){super(...arguments);this.column=!1;this.reverse=!1;this.gap="var(--lynk-spacing-small)"}render(){return s` <slot part="base" class="split" style="--gap: ${this.gap};"></slot> `}};e.styles=[o,a],t([r({type:Boolean,reflect:!0})],e.prototype,"column",2),t([r({type:Boolean,reflect:!0})],e.prototype,"reverse",2),t([r({reflect:!0})],e.prototype,"align",2),t([r({type:String,reflect:!0})],e.prototype,"gap",2);export{e as a};

package/cdn/chunks/chunk.45SEJORW.js

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

package/cdn/chunks/chunk.4655YV2N.js

@@ -1,16 +0,0 @@
-import{h as o}from"./chunk.3I3N5SZS.js";var s=o`
-  :host {
-    display: table-header-group;
-  }
-
-  :host([sticky]) {
-    position: sticky;
-    top: 0;
-    z-index: var(--lynk-z-index-sticky);
-    box-shadow: var(--lynk-shadow-small);
-  }
-
-  ::slotted(lynk-tr) {
-    // background: var(--lynk-color-black);
-  }
-`;export{s as a};

package/cdn/chunks/chunk.4EG4KONT.js

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

package/cdn/chunks/chunk.4KLCLKR6.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.PURW4LEQ.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-intersection-observer";e.define("lynk-intersection-observer");var i=n({tagName:r,elementClass:e,react:t,events:{EvEnterView:"ev-enter-view",EvExitView:"ev-exit-view"},displayName:"LynkIntersectionObserver"}),m=i;export{m as a};

package/cdn/chunks/chunk.4NCL75UB.js

@@ -1,26 +0,0 @@
-import{a as C}from"./chunk.AVOFC7C3.js";import{a as b}from"./chunk.SDB6FPHC.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as p,b as d,c as l}from"./chunk.VDJQBFEB.js";import{a as u,c}from"./chunk.DCN42ZX4.js";import{a as w}from"./chunk.NZJ7BTMN.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as v}from"./chunk.B7RKX34M.js";import{a as s,d as o,g}from"./chunk.GJLEIQTM.js";import{a as y}from"./chunk.KQHRUDLH.js";import{a as f}from"./chunk.3I3N5SZS.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends g{constructor(){super();this.localize=new w(this);this.content="";this.placement="top";this.disabled=!1;this.distance=8;this.open=!1;this.skidding=0;this.noArrow=!1;this.trigger="hover focus";this.hoist=!1;this.handleBlur=()=>{this.hasTrigger("focus")&&this.hide()};this.handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())};this.handleFocus=()=>{this.hasTrigger("focus")&&this.show()};this.handleDocumentKeyDown=i=>{this.open&&i.key==="Escape"&&(i.stopPropagation(),this.hide())};this.handleMouseOver=()=>{if(this.hasTrigger("hover")){let i=d(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>{this.show()},i)}};this.handleMouseOut=()=>{if(this.hasTrigger("hover")){let i=d(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>{this.hide()},i)}};this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){var i;super.disconnectedCallback(),(i=this.closeWatcher)==null||i.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}hasTrigger(i){return this.trigger.split(" ").includes(i)}async handleOpenChange(){var i,a;if(this.open){if(this.disabled)return;this.emit("ev-show"),"CloseWatcher"in window?((i=this.closeWatcher)==null||i.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide()}):document.addEventListener("keydown",this.handleDocumentKeyDown),await l(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:h,options:n}=c(this,"tooltip.show",{dir:this.localize.dir()});await p(this.popup.popup,h,n),this.emit("ev-after-show")}else{this.emit("ev-hide"),(a=this.closeWatcher)==null||a.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown),await l(this.body);let{keyframes:h,options:n}=c(this,"tooltip.hide",{dir:this.localize.dir()});await p(this.popup.popup,h,n),this.popup.active=!1,this.body.hidden=!0,this.emit("ev-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,m(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"ev-after-hide")}render(){return f`
-      <lynk-popup
-        part="base"
-        exportparts="
-          popup:base__popup,
-          arrow:base__arrow
-        "
-        class=${v({tooltip:!0,"tooltip--open":this.open})}
-        placement=${this.placement}
-        distance=${this.distance}
-        skidding=${this.skidding}
-        strategy=${this.hoist?"fixed":"absolute"}
-        flip
-        shift
-        ?arrow=${!this.noArrow}
-        hover-bridge
-      >
-        ${""}
-        <slot slot="anchor" aria-describedby="tooltip"></slot>
-
-        ${""}
-        <div part="body" id="tooltip" class="tooltip__body" role="tooltip" aria-live=${this.open?"polite":"off"}>
-          <slot name="content">${this.content}</slot>
-        </div>
-      </lynk-popup>
-    `}};e.styles=[y,C],e.dependencies={"lynk-popup":b},t([o("slot:not([name])")],e.prototype,"defaultSlot",2),t([o(".tooltip__body")],e.prototype,"body",2),t([o("lynk-popup")],e.prototype,"popup",2),t([s()],e.prototype,"content",2),t([s()],e.prototype,"placement",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Number})],e.prototype,"distance",2),t([s({type:Boolean,reflect:!0})],e.prototype,"open",2),t([s({type:Number})],e.prototype,"skidding",2),t([s({attribute:"no-arrow",type:Boolean,reflect:!0})],e.prototype,"noArrow",2),t([s()],e.prototype,"trigger",2),t([s({type:Boolean})],e.prototype,"hoist",2),t([r("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),t([r(["content","distance","hoist","placement","skidding"])],e.prototype,"handleOptionsChange",1),t([r("disabled")],e.prototype,"handleDisabledChange",1);u("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}});u("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{e as a};

package/cdn/chunks/chunk.4NLDAUNS.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.3V3IDD4S.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tab";e.define("lynk-tab");var s=n({tagName:o,elementClass:e,react:t,events:{EvClose:"ev-close"},displayName:"LynkTab"}),p=s;export{p as a};

package/cdn/chunks/chunk.4TDEU5RY.js

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

package/cdn/chunks/chunk.4VV4Z3MI.js

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

package/cdn/chunks/chunk.4XXOWVPN.js

@@ -1,37 +0,0 @@
-import{h as r}from"./chunk.3I3N5SZS.js";var a=r`
-  :host {
-    display: block;
-    --max-width: 100%;
-    --background: transparent;
-    --padding: var(--lynk-spacing-x-small) 0;
-    --border-color: transparent;
-    --border-top: none;
-    --border-right: none;
-    --border-bottom: none;
-    --border-left: none;
-    --border-radius: 0;
-  }
-
-  .nav {
-    max-width: var(--max-width);
-    background: var(--background);
-    border-top: var(--border-top);
-    border-right: var(--border-right);
-    border-bottom: var(--border-bottom);
-    border-left: var(--border-left);
-    border-radius: var(--border-radius);
-    padding: var(--padding);
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    gap: var(--lynk-spacing-2x-small);
-  }
-
-  ::slotted(lynk-nav-group) {
-    margin-top: var(--lynk-spacing-base);
-  }
-
-  .nav--squished ::slotted(lynk-nav-group) {
-    text-align: center;
-  }
-`;export{a};

package/cdn/chunks/chunk.4Z4VW6QC.js

@@ -1,90 +0,0 @@
-import{a as _}from"./chunk.LHPHR6KV.js";import{a as g}from"./chunk.OCJJCXAM.js";import{a as $}from"./chunk.5LXYPISD.js";import{a as y}from"./chunk.Q24QO2RR.js";import{a as C}from"./chunk.RPKD7SRB.js";import{a as b}from"./chunk.G6HN7DNO.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.6OLHG5AF.js";import{a as m}from"./chunk.NZJ7BTMN.js";import{a as c}from"./chunk.5XTAHVID.js";import{a as o}from"./chunk.5Z563OMH.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.B7RKX34M.js";import{a as l,b as d,d as r,g as p}from"./chunk.GJLEIQTM.js";import{a as h}from"./chunk.KQHRUDLH.js";import{a}from"./chunk.3I3N5SZS.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends p{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=${n({"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=[h,_],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([d()],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.525PZLDW.js

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

package/cdn/chunks/chunk.54AFZKO4.js

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

package/cdn/chunks/chunk.54YTZUEM.js

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