@uplynk/lynk-design 1.16.0 → 1.17.1

package/cdn/chunks/chunk.DWZ3FIDB.js

@@ -0,0 +1,179 @@
+import{a as e}from"./chunk.QRMWQQRW.js";var n=e`
+  :host {
+    --spacing: var(--lynk-spacing-medium);
+    --border-radius: var(--lynk-border-radius-large);
+    --background-color: transparent;
+    --border-color: transparent;
+
+    display: block;
+  }
+
+  :host([appearance~='plain']) {
+    --background-color: transparent;
+    --border-color: transparent;
+  }
+
+  :host([appearance~='outlined']) {
+    --border-color: var(--lynk-color-neutral-200);
+    --background-color: transparent;
+  }
+
+  :host([appearance~='filled']) {
+    --background-color: var(--lynk-color-neutral-50);
+    --border-color: transparent;
+  }
+
+  :host([appearance~='filled'][appearance~='outlined']) {
+    --border-color: var(--lynk-color-neutral-200);
+    --background-color: var(--lynk-color-neutral-50);
+  }
+
+  :host([appearance='plain']) {
+    --border-radius: 0;
+  }
+
+  .panel {
+    border: solid 1px var(--border-color);
+    border-radius: var(--border-radius);
+    background-color: var(--background-color);
+    overflow-anchor: none;
+    max-height: inherit;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .panel--accordion.panel--disabled {
+    opacity: 0.5;
+  }
+
+  .panel__header {
+    display: flex;
+    align-items: center;
+    border-radius: inherit;
+    padding: var(--spacing);
+    gap: var(--lynk-spacing-x-small);
+  }
+
+  .panel--accordion .panel__header--trigger {
+    cursor: pointer;
+  }
+
+  .panel__header:focus {
+    outline: none;
+  }
+
+  .panel--accordion .panel__header:focus-visible {
+    outline: var(--lynk-focus-ring);
+    outline-offset: calc(1px + var(--lynk-focus-ring-offset));
+  }
+
+  .panel--accordion.panel--disabled .panel__header {
+    cursor: not-allowed;
+  }
+
+  .panel--accordion.panel--disabled .panel__header:focus-visible {
+    outline: none;
+    box-shadow: none;
+  }
+
+  .panel__heading {
+    flex: 1 1 auto;
+    display: flex;
+    align-items: center;
+    font: inherit;
+    font-size: var(--lynk-font-size-large);
+    line-height: var(--lynk-line-height-dense);
+  }
+
+  .panel--accordion .panel__heading--trigger,
+  .panel--accordion .panel__toggle-icon--trigger {
+    cursor: pointer;
+    opacity: 0.75;
+  }
+
+  .panel--accordion .panel__heading--trigger:hover,
+  .panel--accordion .panel__toggle-icon--trigger:hover {
+    opacity: 1;
+  }
+
+  .panel__toggle-icon {
+    flex: 0 0 auto;
+    padding: 4px;
+    display: flex;
+    align-items: center;
+    transition: var(--lynk-transition-medium) rotate ease;
+  }
+
+  .panel__toggle-icon--start {
+    order: -1;
+  }
+
+  .panel__toggle-icon--hidden {
+    display: none;
+  }
+
+  .panel--expanded .panel__toggle-icon {
+    rotate: 90deg;
+  }
+
+  .panel--expanded.panel--rtl .panel__toggle-icon {
+    rotate: -90deg;
+  }
+
+  .panel.panel--toggle-suffix:not(.panel--expanded) .panel__suffix {
+    display: none;
+  }
+
+  .panel__prefix {
+    order: -2;
+  }
+
+  .panel__suffix {
+    order: 1;
+  }
+
+  .panel__body {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .panel--expanded .panel__body:not(.panel__body--animating) {
+    min-height: 0;
+    flex: 1;
+  }
+
+  .panel__content {
+    display: block;
+    flex: 1;
+    overflow-y: auto;
+    padding: var(--spacing);
+    min-height: 0;
+  }
+
+  .panel:not(.panel--no-header) .panel__content {
+    padding-top: 0;
+  }
+
+  .panel__footer {
+    display: flex;
+    padding: var(--spacing);
+    padding-top: 0;
+    gap: var(--lynk-spacing-2x-small);
+  }
+
+  .panel:not(.panel--has-footer) .panel__footer {
+    display: none;
+  }
+
+  .panel__subheader {
+    display: block;
+    padding: var(--spacing);
+    padding-top: 0;
+    flex: 0 0 auto;
+  }
+
+  .panel:not(.panel--has-subheader) .panel__subheader {
+    display: none;
+  }
+`;export{n as a};

package/cdn/chunks/chunk.EAYPEXAO.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk.EQPD2VJK.js";import{a as p}from"./chunk.HTR3JNBD.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as i,g as m}from"./chunk.QSZ5VYWE.js";import{a as l}from"./chunk.45RIPFQU.js";import{d as a}from"./chunk.QRMWQQRW.js";import{e as o}from"./chunk.FI4IKBIW.js";var e=class extends m{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(t){let r=document.createElement("script");[...t.attributes].forEach(s=>r.setAttribute(s.name,s.value)),r.textContent=t.textContent,t.parentNode.replaceChild(r,t)}async handleSrcChange(){try{let t=this.src,r=await p(t,this.mode);if(t!==this.src)return;if(!r.ok){this.emit("ev-error",{detail:{status:r.status}});return}this.innerHTML=r.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(s=>this.executeScript(s)),this.emit("ev-load")}catch(t){this.emit("ev-error",{detail:{status:-1}})}}render(){return a`<slot></slot>`}};e.styles=[l,n],o([i()],e.prototype,"src",2),o([i()],e.prototype,"mode",2),o([i({attribute:"allow-scripts",type:Boolean})],e.prototype,"allowScripts",2),o([c("src")],e.prototype,"handleSrcChange",1);export{e as a};

package/cdn/chunks/chunk.ECBHVX42.js

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

package/cdn/chunks/chunk.EETQIO74.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk.BNEXZHN6.js";import{a}from"./chunk.YZSIY5HS.js";import{a as r,g as o}from"./chunk.QSZ5VYWE.js";import{a as l}from"./chunk.45RIPFQU.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends o{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,s],e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([a("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

package/cdn/chunks/chunk.EJBTIDKY.js

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

package/cdn/chunks/chunk.ELAZXBWJ.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.QOWDDLP6.js";import{g as e}from"./chunk.QSZ5VYWE.js";import{a as o}from"./chunk.45RIPFQU.js";import{d as r}from"./chunk.QRMWQQRW.js";var t=class extends e{render(){return r` <slot></slot> `}};t.styles=[o,m];export{t as a};

package/cdn/chunks/chunk.EMTEZAYG.js

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

package/cdn/chunks/chunk.EMTNZXZT.js

@@ -0,0 +1,48 @@
+import{a as E}from"./chunk.REQLJG65.js";import{a as k}from"./chunk.I2G2IAR5.js";import{a as u,b as f}from"./chunk.HUMDDNNQ.js";import{a as C}from"./chunk.GEUBFTIA.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as s,c as d}from"./chunk.VDJQBFEB.js";import{a as l,c as r}from"./chunk.DCN42ZX4.js";import{a as w}from"./chunk.Q3J7P2MZ.js";import{a as p}from"./chunk.ZP7BBHMJ.js";import{a as g}from"./chunk.YHSYTTFF.js";import{a as _}from"./chunk.YZSIY5HS.js";import{a as y}from"./chunk.3RH6CRTR.js";import{a as n,d as h,g as v}from"./chunk.QSZ5VYWE.js";import{a as b}from"./chunk.45RIPFQU.js";import{d as c}from"./chunk.QRMWQQRW.js";import{e as a}from"./chunk.FI4IKBIW.js";var t=class extends v{constructor(){super(...arguments);this.hasSlotController=new g(this,"footer");this.localize=new w(this);this.open=!1;this.label="";this.noHeader=!1;this.size="auto"}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new k(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),u(this))}disconnectedCallback(){super.disconnectedCallback(),this.modal.deactivate(),f(this)}requestClose(e){if(this.emit("ev-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=r(this,"dialog.denyClose",{dir:this.localize.dir()});s(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){e.key==="Escape"&&this.modal.isActive()&&this.open&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),u(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("ev-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let o=r(this,"dialog.show",{dir:this.localize.dir()}),i=r(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([s(this.panel,o.keyframes,o.options),s(this.overlay,i.keyframes,i.options)]),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=r(this,"dialog.hide",{dir:this.localize.dir()}),o=r(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([s(this.overlay,o.keyframes,o.options).then(()=>{this.overlay.hidden=!0}),s(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,f(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&setTimeout(()=>i.focus()),this.emit("ev-after-hide")}}async show(){if(!this.open)return this.open=!0,m(this,"ev-after-show")}async hide(){var o;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((o=document.activeElement)==null||o.blur()),this.open=!1,m(this,"ev-after-hide")}render(){return c`
+      <div
+        part="base"
+        class=${y({dialog:!0,"dialog--open":this.open,"dialog--fitted":this.size==="fitted","dialog--full":this.size==="full","dialog--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <div part="overlay" class="dialog__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="dialog__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${p(this.noHeader?this.label:void 0)}
+          aria-labelledby=${p(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":c`
+                <header part="header" class="dialog__header">
+                  <h2 part="title" class="dialog__title" id="title">
+                    <slot name="label">
+                      ${this.label&&this.label.length>0?this.label:"\uFEFF"}
+                    </slot>
+                  </h2>
+                  <div part="header-actions" class="dialog__header-actions">
+                    <slot name="header-actions"></slot>
+                    <lynk-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="dialog__close"
+                      name="x-lg"
+                      label=${this.localize.term("close")}
+                      library="system"
+                      @click="${()=>this.requestClose("close-button")}"
+                    ></lynk-icon-button>
+                  </div>
+                </header>
+              `}
+          ${""}
+
+          <div part="body" class="dialog__body" tabindex="-1"><slot></slot></div>
+
+          <footer part="footer" class="dialog__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};t.styles=[b,E],t.dependencies={"lynk-icon-button":C},a([h(".dialog")],t.prototype,"dialog",2),a([h(".dialog__panel")],t.prototype,"panel",2),a([h(".dialog__overlay")],t.prototype,"overlay",2),a([n({type:Boolean,reflect:!0})],t.prototype,"open",2),a([n({reflect:!0})],t.prototype,"label",2),a([n({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),a([n({reflect:!0})],t.prototype,"size",2),a([_("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);l("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});l("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});l("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});l("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});l("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn/chunks/chunk.EPLRFVZ3.js

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

package/cdn/chunks/chunk.EQPD2VJK.js

@@ -0,0 +1,5 @@
+import{a as o}from"./chunk.QRMWQQRW.js";var t=o`
+  :host {
+    display: block;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.EUUMHAQV.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.36GXMKLY.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-textarea";e.define("lynk-textarea");var s=n({tagName:v,elementClass:e,react:t,events:{EvChange:"ev-change",EvInput:"ev-input",EvFocus:"ev-focus",EvBlur:"ev-blur",EvInvalid:"ev-invalid"},displayName:"LynkTextarea"}),p=s;export{p as a};

package/cdn/chunks/chunk.EVG4JPZ5.js

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

package/cdn/chunks/chunk.EYUETKVJ.js

@@ -0,0 +1 @@
+import{a}from"./chunk.5TXY3LAD.js";import{a as r,g as o}from"./chunk.QSZ5VYWE.js";import{a as l}from"./chunk.45RIPFQU.js";import{d as s}from"./chunk.QRMWQQRW.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends o{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=[l,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.F3NVG5UA.js

@@ -0,0 +1,53 @@
+import{a as o}from"./chunk.QRMWQQRW.js";var l=o`
+  :host {
+    --display-divider: block;
+  }
+
+  .optgroup__divider {
+    --spacing: var(--lynk-spacing-x-small);
+
+    display: var(--display-divider);
+  }
+
+  .optgroup__label-container {
+    align-items: center;
+    box-sizing: border-box;
+    color: var(--lynk-color-neutral-500);
+    display: flex;
+    gap: var(--lynk-spacing-small);
+    min-height: var(--option-min-height, var(--lynk-input-height-medium));
+  }
+
+  /**
+   * Only show the label container when there is a label at all
+   */
+  .optgroup--has-prefix .optgroup__label-container,
+  .optgroup--has-label .optgroup__label-container,
+  .optgroup--has-suffix .optgroup__label-container {
+    padding: var(--option-padding, var(--lynk-spacing-small) var(--lynk-spacing-medium));
+  }
+
+  /**
+   * Format main label.
+   * Make sure this works for props and slotted content
+   */
+  .optgroup__label-content,
+  .optgroup__label::slotted(*) {
+    flex: 1;
+    font-size: var(--lynk-font-size-small);
+  }
+
+  /* Disabled Label */
+  .optgroup--is-disabled .optgroup__label-container {
+    opacity: var(--lynk-input-disabled-opacity);
+  }
+
+  .optgroup__prefix,
+  .optgroup__suffix {
+    font-size: var(--font-size-medium);
+  }
+
+  .optgroup__options ::slotted(lynk-option[hidden]) {
+    display: none;
+  }
+`;export{l as a};

package/cdn/chunks/chunk.F44MILGH.js

@@ -0,0 +1,8 @@
+import{a as m}from"./chunk.QP5GZIHA.js";import{a as r}from"./chunk.3RH6CRTR.js";import{a as n,g as p}from"./chunk.QSZ5VYWE.js";import{a as i}from"./chunk.45RIPFQU.js";import{d as o}from"./chunk.QRMWQQRW.js";import{e as a}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.panels=[];this.multiple=!1}syncPanels(){var l;let e=(l=this.shadowRoot)==null?void 0:l.querySelector("slot");e&&(this.panels=e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="lynk-panel"))}handleSlotChange(){this.syncPanels()}handlePanelToggle(e){if(this.multiple)return;let l=e.target.closest("lynk-panel");l.disabled||this.panels.forEach(s=>s.expanded=s===l)}expandAll(){this.panels.forEach(e=>e.expanded=!0)}collapseAll(){this.panels.forEach(e=>e.expanded=!1)}render(){return o`
+      <slot
+        part="base"
+        class=${r({accordion:!0,"accordion--square":this.shape==="square","accordion--flush":this.density==="flush","accordion--compact":this.density==="compact","accordion--comfy":this.density==="comfy"})}
+        @ev-expand=${this.handlePanelToggle}
+        @slotchange=${this.handleSlotChange}
+      ></slot>
+    `}};t.styles=[i,m],a([n({type:Boolean})],t.prototype,"multiple",2),a([n({reflect:!0})],t.prototype,"density",2),a([n({reflect:!0})],t.prototype,"shape",2);export{t as a};

package/cdn/chunks/chunk.F6IYHFPL.js

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

@@ -0,0 +1,20 @@
+import{a as i}from"./chunk.QRMWQQRW.js";var r=i`
+  :host {
+    display: contents;
+    --gap: var(--lynk-spacing-base);
+    --min-size: 20rem;
+  }
+
+  .auto-grid {
+    display: grid;
+    grid-gap: var(--gap);
+  }
+
+  .auto-grid--fit {
+    grid-template-columns: repeat(auto-fit, minmax(min(var(--min-size), 100%), 1fr));
+  }
+
+  .auto-grid--fill {
+    grid-template-columns: repeat(auto-fill, minmax(min(var(--min-size), 100%), 1fr));
+  }
+`;export{r as a};

package/cdn/chunks/chunk.FD3QOBBC.js

@@ -0,0 +1,145 @@
+import{a as $}from"./chunk.W4AX3HKY.js";import{a as R}from"./chunk.JN5TIGRC.js";import{e as S,f as c,g as i,h as C,i as F,j as k,k as O,l as f,m as g}from"./chunk.NQSWYSUG.js";import{a as U}from"./chunk.3RH6CRTR.js";import{a as m,b as v,g as N}from"./chunk.QSZ5VYWE.js";import{a as Y}from"./chunk.45RIPFQU.js";import{d as h,h as M}from"./chunk.QRMWQQRW.js";import{e as u}from"./chunk.FI4IKBIW.js";var l=class extends N{constructor(){super();this.currentDate=new Date;this.focusedDate=null;this.hoverDate=null;this.viewMode="calendar";this.type="date";this._value="";this.months=1;this.showOutsideDays=!1;this.showWeekNumbers=!1;this.disableNavigation=!1;this.firstDayOfWeek=1;this.readonly=!1;this.weekNumberFormatter=t=>`${t}`;this.captionLayout="none";try{this.localeFormatter=g.fromOptions({weekday:"short"},this.locale||navigator.language)}catch(t){this.localeFormatter=g.fromOptions({weekday:"short"},"en-US")}}get value(){return this._value}set value(t){let e=this._value;this._value=t,this.requestUpdate("value",e)}connectedCallback(){super.connectedCallback()}updated(t){if(super.updated(t),t.has("value")||t.has("type")){let e=null,a=null;if(this.value){let s;if(this.type==="range"){let[r]=this.value.split("/");s=r?i(r):null}else if(this.type==="multi"){let[r]=this.value.split(/[, ]+/).filter(Boolean);s=r?i(r):null}else s=i(this.value);s&&!Number.isNaN(s.getTime())&&(e=s,a=i({year:s.getUTCFullYear(),month:s.getUTCMonth(),day:1}))}a&&(a.getUTCFullYear()!==this.currentDate.getUTCFullYear()||a.getUTCMonth()!==this.currentDate.getUTCMonth())?this.currentDate=a:!a&&this.value,this.focusedDate=e||i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1})}if(t.has("locale")){try{this.localeFormatter=g.fromOptions({weekday:"short"},this.locale||navigator.language)}catch(e){this.localeFormatter=g.fromOptions({weekday:"short"},"en-US")}this.requestUpdate()}}get localizedMonthNames(){try{return g.fromOptions({month:"long"},this.locale||navigator.language).monthNames.map(e=>e.name.charAt(0).toUpperCase()+e.name.slice(1))}catch(t){return g.fromOptions({month:"long"},"en-US").monthNames.map(a=>a.name.charAt(0).toUpperCase()+a.name.slice(1))}}get localizedWeekDays(){let t=this.localeFormatter.weekdayNames,e=this.firstDayOfWeek;return[...t.slice(e),...t.slice(0,e)].map(a=>a.name.charAt(0).toUpperCase()+a.name.slice(1))}getWeekDays(){return this.localizedWeekDays}getMonthDays(t,e){let a=C(t,e),s=i({year:t,month:e,day:1}),r=i({year:t,month:e,day:a}),o=this.firstDayOfWeek,y=(s.getUTCDay()-o+7)%7,n=(r.getUTCDay()-o+7)%7,p=[];if(this.showOutsideDays){let D=e===0?11:e-1,T=e===0?t-1:t,b=C(T,D);for(let w=y-1;w>=0;w--)p.push(i({year:T,month:D,day:b-w}))}else for(let D=0;D<y;D++)p.push(null);for(let D=1;D<=a;D++)p.push(i({year:t,month:e,day:D}));if(this.showOutsideDays){let D=e===11?0:e+1,T=e===11?t+1:t;for(let b=1;b<=6-n;b++)p.push(i({year:T,month:D,day:b}))}else for(let D=0;D<6-n;D++)p.push(null);return p}getWeekNumber(t){let e=S(t),a=i({year:e.year,month:0,day:1}),s=(t.getTime()-a.getTime())/864e5;return Math.ceil((s+a.getUTCDay()+1)/7)}isDateDisabled(t){var e;return!!(this.readonly||this.min&&t<new Date(this.min)||this.max&&t>new Date(this.max)||(e=this.isDateDisallowed)!=null&&e.call(this,t))}isDateOutsideMonth(t,e){return t.getUTCMonth()!==e}isDateToday(t){return O(c(t))}isSameDay(t,e){return Number.isNaN(t.getTime())||Number.isNaN(e.getTime())?!1:c(t)===c(e)}isDateSelected(t){switch(this.type){case"date":{if(!this.value)return!1;let e=i(this.value);return Number.isNaN(e.getTime())?!1:this.isSameDay(t,e)}case"multi":return this.value?this.value.split(/[, ]+/).filter(Boolean).map(a=>i(a)).some(a=>!Number.isNaN(a.getTime())&&this.isSameDay(t,a)):!1;case"range":{let e=this.startDate,a=this.endDate;if(!e||!a)return!1;let s=c(t);return!F(s,c(a))&&!k(s,c(e))}default:return!1}}get startDate(){if(this.type!=="range"||!this.value)return null;let[t]=this.value.split("/");return t?i(t):null}get endDate(){if(this.type!=="range"||!this.value)return null;let[,t]=this.value.split("/");return t?i(t):null}isRangeStart(t){if(this.type!=="range")return!1;if(this.startDate&&!this.endDate&&this.hoverDate){let a=this.startDate<this.hoverDate?this.startDate:this.hoverDate;return this.isSameDay(t,a)}let e=this.startDate;return e?this.isSameDay(t,e):!1}isRangeEnd(t){if(this.type!=="range")return!1;if(this.startDate&&!this.endDate&&this.hoverDate){let a=this.startDate>this.hoverDate?this.startDate:this.hoverDate;return this.isSameDay(t,a)}let e=this.endDate||this.hoverDate;return e?this.isSameDay(t,e):!1}isDateInRange(t){if(this.type!=="range")return!1;let e=this.startDate,a=this.endDate;if(e&&!a&&this.hoverDate){let d=e<this.hoverDate?e:this.hoverDate,y=e>this.hoverDate?e:this.hoverDate;e=d,a=y}if(!e||!a)return!1;let s=c(t),r=c(e),o=c(a);return s>r&&s<o}handleDateHover(t){this.type!=="range"||!this.startDate||this.endDate||(this.hoverDate=t)}handleDateLeave(){this.type==="range"&&(this.hoverDate=null)}async handleKeyDown(t,e){var d;let a,s=c(e);switch(t.key){case"ArrowRight":a=i(f(s,"day",1));break;case"ArrowLeft":a=i(f(s,"day",-1));break;case"ArrowDown":a=i(f(s,"day",7));break;case"ArrowUp":a=i(f(s,"day",-7));break;case"PageUp":a=i(f(s,t.shiftKey?"year":"month",-1));break;case"PageDown":a=i(f(s,t.shiftKey?"year":"month",1));break;case"Home":a=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1});break;case"End":a=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth()+this.months,day:0});break;case"Enter":case" ":!this.readonly&&!this.isDateDisabled(e)&&this.handleDateClick(e),t.preventDefault();return;default:return}let r=new Date(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate());if(!this.isDateDisabled(r)){this.focusedDate=r,this.type==="range"&&this.startDate&&!this.endDate&&(this.hoverDate=r);let y=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1}),n=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth()+this.months,day:0}),p=r<y,D=r>n;(p||D)&&(this.currentDate=i({year:r.getUTCFullYear(),month:r.getUTCMonth(),day:1}))}this.requestUpdate(),await this.updateComplete;let o=(d=this.shadowRoot)==null?void 0:d.querySelector('button[tabindex="0"]');o&&o.focus(),t.preventDefault()}handleDateClick(t){if(!this.isDateDisabled(t)){switch(this.focusedDate=new Date(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()),this.type){case"date":{this.value=c(t);break}case"multi":{let e=c(t),a=this.value.split(/[, ]+/).filter(Boolean),s=a.indexOf(e);s>-1?a.splice(s,1):a.push(e),this.value=a.join(" ");break}case"range":{let e=c(t),a=this.startDate,s=this.endDate;!a||a&&s?(this.value=`${e}/`,this.hoverDate=null):a&&!s&&(k(e,c(a))?this.value=`${e}/${c(a)}`:this.value=`${c(a)}/${e}`,this.hoverDate=null);break}}this.requestUpdate(),this.emit("ev-change")}}handlePreviousMonth(){if(this.disableNavigation)return;let t=c(this.currentDate),e=i(f(t,"month",-this.months));this.currentDate=e,this.focusedDate=i({year:e.getUTCFullYear(),month:e.getUTCMonth(),day:1})}handleNextMonth(){if(this.disableNavigation)return;let t=c(this.currentDate),e=i(f(t,"month",this.months));this.currentDate=e,this.focusedDate=i({year:e.getUTCFullYear(),month:e.getUTCMonth(),day:1})}renderMonth(t,e){let a=this.getMonthDays(t,e),s=this.localizedWeekDays,r=[],o=[];return a.forEach(d=>{o.push(d),o.length===7&&(r.push(o),o=[])}),o.length>0&&r.push(o),h`
+      <div class="calendar-month">
+        <div class="calendar-grid">
+          <table class="calendar-table">
+            <thead>
+              <tr>
+                ${this.showWeekNumbers?h`<th class="weeknumber" part="weeknumber-header"></th>`:M}
+                ${$(s,d=>d,d=>h`<th part="weekday">${d}</th>`)}
+              </tr>
+            </thead>
+            <tbody>
+              ${$(r,d=>d[0]?c(d[0]):String(Math.random()),d=>{var y;return h`
+                  <tr>
+                    ${this.showWeekNumbers?h`
+                          <td class="weeknumber" part="weeknumber">
+                            ${(y=d.find(n=>n))!=null&&y.getUTCDate()?this.weekNumberFormatter(this.getWeekNumber(d.find(n=>n))):""}
+                          </td>
+                        `:M}
+                    ${$(d,n=>n?c(n):String(Math.random()),n=>{var p;return n?h`
+                              <td>
+                                <button
+                                  class=${U({outside:this.isDateOutsideMonth(n,e),disabled:this.isDateDisabled(n),selected:this.isDateSelected(n),"in-range":this.isDateInRange(n),today:this.isDateToday(n),"range-start":this.isRangeStart(n),"range-end":this.isRangeEnd(n)})}
+                                  part=${["day",this.isDateToday(n)?"today":"",this.isDateSelected(n)?"selected":"",this.isRangeStart(n)?"range-start":"",this.isRangeEnd(n)?"range-end":"",this.isDateInRange(n)?"in-range":"",this.isDateOutsideMonth(n,e)?"outside":"",this.isDateDisabled(n)?"disabled":"",(p=this.isDateDisallowed)!=null&&p.call(this,n)?"disallowed":""].filter(Boolean).join(" ")}
+                                  ?disabled=${this.isDateDisabled(n)}
+                                  ?aria-disabled=${this.isDateDisabled(n)?"true":void 0}
+                                  ?aria-pressed=${this.isDateSelected(n)?"true":void 0}
+                                  aria-current=${this.isDateToday(n)?"date":void 0}
+                                  aria-label=${`${this.localizedMonthNames[n.getUTCMonth()]} ${n.getUTCDate()}`}
+                                  tabindex=${this.focusedDate&&this.isSameDay(n,this.focusedDate)?0:-1}
+                                  @click=${()=>this.handleDateClick(n)}
+                                  @keydown=${D=>this.handleKeyDown(D,n)}
+                                  @mouseenter=${()=>this.handleDateHover(n)}
+                                  @mouseleave=${()=>this.handleDateLeave()}
+                                >
+                                  ${n.getUTCDate()}
+                                </button>
+                              </td>
+                            `:h`<td></td>`})}
+                  </tr>
+                `})}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    `}handleMonthYearClick(){this.captionLayout!=="none"&&(this.viewMode="month")}handleYearClick(){this.captionLayout!=="none"&&(this.viewMode="year")}handleMonthSelect(t){this.currentDate=i({year:this.currentDate.getUTCFullYear(),month:t,day:1}),this.viewMode="calendar"}handleYearSelect(t){this.currentDate=i({year:t,month:this.currentDate.getUTCMonth(),day:1}),this.viewMode="calendar"}handlePreviousYear(){this.currentDate=i({year:this.currentDate.getUTCFullYear()-1,month:this.currentDate.getUTCMonth(),day:1})}handleNextYear(){this.currentDate=i({year:this.currentDate.getUTCFullYear()+1,month:this.currentDate.getUTCMonth(),day:1})}handlePreviousYearRange(){let t=this.currentDate.getUTCFullYear();this.currentDate=i({year:t-12,month:this.currentDate.getUTCMonth(),day:1})}handleNextYearRange(){let t=this.currentDate.getUTCFullYear();this.currentDate=i({year:t+12,month:this.currentDate.getUTCMonth(),day:1})}render(){switch(this.viewMode){case"month":return this.renderMonthSelection();case"year":return this.renderYearSelection();default:return this.renderCalendarView()}}renderMonthSelection(){let t=this.localizedMonthNames,e=this.currentDate.getUTCMonth(),a=this.currentDate.getUTCFullYear();return h`
+      <div class="month-selection">
+        <div class="header">
+          <span class="current-year">${a}</span>
+          <div class="navigation">
+            <button @click=${()=>this.handlePreviousYear()}>
+              <lynk-icon name="chevron-left" library="system"></lynk-icon>
+            </button>
+            <button @click=${()=>this.handleNextYear()}>
+              <lynk-icon name="chevron-right" library="system"></lynk-icon>
+            </button>
+          </div>
+        </div>
+        <div class="months-grid">
+          ${t.map((s,r)=>h`
+              <button
+                class=${U({"month-button":!0,selected:r===e})}
+                @click=${()=>this.handleMonthSelect(r)}
+              >
+                ${s}
+              </button>
+            `)}
+        </div>
+      </div>
+    `}renderYearSelection(){let t=this.currentDate.getUTCFullYear(),e=t-5,a=Array.from({length:12},(s,r)=>e+r);return h`
+      <div class="year-selection">
+        <div class="header">
+          <span class="year-range">${e}-${e+11}</span>
+          <div class="navigation">
+            <button @click=${()=>this.handlePreviousYearRange()}>
+              <lynk-icon name="chevron-left" library="system"></lynk-icon>
+            </button>
+            <button @click=${()=>this.handleNextYearRange()}>
+              <lynk-icon name="chevron-right" library="system"></lynk-icon>
+            </button>
+          </div>
+        </div>
+        <div class="years-grid">
+          ${a.map(s=>h`
+              <button
+                class=${U({"year-button":!0,selected:s===t})}
+                @click=${()=>this.handleYearSelect(s)}
+              >
+                ${s}
+              </button>
+            `)}
+        </div>
+      </div>
+    `}renderCalendarView(){let t=this.currentDate.getUTCFullYear(),e=this.currentDate.getUTCMonth(),a=Array.from({length:this.months},(r,o)=>i({year:t,month:e+o,day:1})),s;if(this.months===1)switch(this.captionLayout){case"buttons":s=h`
+            <div class="calendar-heading">
+              <button @click=${this.handleMonthYearClick}>${this.localizedMonthNames[e]}</button>
+              <button @click=${this.handleYearClick}>${t}</button>
+            </div>
+          `;break;case"dropdown":s=h`
+            <div class="calendar-heading">
+              <select @change=${r=>this.handleMonthSelect(Number(r.target.value))}>
+                ${this.localizedMonthNames.map((r,o)=>h`<option value=${o} ?selected=${o===e}>${r}</option>`)}
+              </select>
+              <select @change=${r=>this.handleYearSelect(Number(r.target.value))}>
+                ${Array.from({length:12},(r,o)=>t-5+o).map(r=>h`<option value=${r} ?selected=${r===t}>${r}</option>`)}
+              </select>
+            </div>
+          `;break;default:s=h`
+            <div class="calendar-heading">${this.localizedMonthNames[e]} ${t}</div>
+          `}else{let r=a[0],o=a[a.length-1];s=h`
+        <div part="heading" class="calendar-heading main-heading">
+          ${this.localizedMonthNames[r.getUTCMonth()]} ${r.getUTCFullYear()} –
+          ${this.localizedMonthNames[o.getUTCMonth()]} ${o.getUTCFullYear()}
+        </div>
+      `}return h`
+      <div class="calendar">
+        <div class="calendar-header">
+          ${this.disableNavigation?M:h`
+                <button
+                  part="button previous"
+                  class="navigation-button"
+                  @click=${this.handlePreviousMonth}
+                  aria-label="Previous month"
+                >
+                  <lynk-icon name="chevron-left" library="system"></lynk-icon>
+                </button>
+              `}
+          ${s}
+          ${this.disableNavigation?M:h`
+                <button
+                  part="button next"
+                  class="navigation-button"
+                  @click=${this.handleNextMonth}
+                  aria-label="Next month"
+                >
+                  <lynk-icon name="chevron-right" library="system"></lynk-icon>
+                </button>
+              `}
+        </div>
+        <div class="calendar-months-row" style="display: flex; gap: 2em;">
+          ${a.map(r=>h`
+              <div class="calendar-month-container">${this.renderMonth(r.getUTCFullYear(),r.getUTCMonth())}</div>
+            `)}
+        </div>
+      </div>
+    `}};l.styles=[Y,R],u([v()],l.prototype,"currentDate",2),u([v()],l.prototype,"focusedDate",2),u([v()],l.prototype,"localeFormatter",2),u([v()],l.prototype,"hoverDate",2),u([v()],l.prototype,"viewMode",2),u([m({reflect:!0})],l.prototype,"type",2),u([m()],l.prototype,"value",1),u([m({type:Number})],l.prototype,"months",2),u([m({type:Boolean,attribute:"show-outside-days"})],l.prototype,"showOutsideDays",2),u([m({type:Boolean,attribute:"show-week-numbers"})],l.prototype,"showWeekNumbers",2),u([m({type:Boolean,attribute:"disable-navigation"})],l.prototype,"disableNavigation",2),u([m({type:Number,attribute:"first-day-of-week"})],l.prototype,"firstDayOfWeek",2),u([m()],l.prototype,"min",2),u([m()],l.prototype,"max",2),u([m()],l.prototype,"locale",2),u([m({type:Boolean,reflect:!0})],l.prototype,"readonly",2),u([m({attribute:!1})],l.prototype,"isDateDisallowed",2),u([m({attribute:!1})],l.prototype,"weekNumberFormatter",2),u([m({attribute:"caption-layout"})],l.prototype,"captionLayout",2);export{l as a};

package/cdn/chunks/chunk.FDEL4HUA.js

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

package/cdn/chunks/chunk.FFNFS4ZG.js

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

package/cdn/chunks/chunk.FHFPDOFS.js

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

package/cdn/chunks/chunk.FKTRZF35.js

@@ -0,0 +1,21 @@
+import{a as d}from"./chunk.JL3FCWYP.js";import{b as r}from"./chunk.PSTR2CVL.js";import{a as n}from"./chunk.ZP7BBHMJ.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as u}from"./chunk.3RH6CRTR.js";import{a as s,b as o,d as a,g as c}from"./chunk.QSZ5VYWE.js";import{a as h}from"./chunk.45RIPFQU.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};

package/cdn/chunks/chunk.FPZJY3NM.js

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