@uplynk/lynk-design 1.13.0 → 1.15.0

package/cdn/chunks/chunk.V46JZZHR.js

@@ -0,0 +1,13 @@
+import{a as x}from"./chunk.V3QNGQSH.js";import{a as m}from"./chunk.AQ6Z5GDL.js";import{a as L}from"./chunk.FC4RDJJF.js";import{a as T}from"./chunk.Q3J7P2MZ.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as y,d as h,g}from"./chunk.H3TZAFDG.js";import{a as k}from"./chunk.6UGEFC7C.js";import{d as I}from"./chunk.OAB62Q2Y.js";import{e as c}from"./chunk.FI4IKBIW.js";function f(u,p=!1){function e(n){let l=n.getChildrenItems({includeDisabled:!1});if(l.length){let i=l.every(a=>a.selected),r=l.every(a=>!a.selected&&!a.indeterminate);n.selected=i,n.indeterminate=!i&&!r}}function t(n){let l=n.parentElement;m.isTreeItem(l)&&(e(l),t(l))}function s(n){for(let l of n.getChildrenItems())l.selected=p?n.selected||l.selected:!l.disabled&&n.selected,s(l)}s(u),p&&e(u),t(u)}var o=class extends g{constructor(){super();this.selection="single";this.clickTarget=null;this.localize=new T(this);this.initTreeItem=e=>{e.selectable=this.selection==="multiple",["expand","collapse"].filter(t=>!!this.querySelector(`[slot="${t}-icon"]`)).forEach(t=>{let s=e.querySelector(`[slot="${t}-icon"]`),n=this.getExpandButtonIcon(t);n&&(s===null?e.append(n):s.hasAttribute("data-default")&&s.replaceWith(n))})};this.handleTreeChanged=e=>{for(let t of e){let s=[...t.addedNodes].filter(m.isTreeItem),n=[...t.removedNodes].filter(m.isTreeItem);s.forEach(this.initTreeItem),this.lastFocusedItem&&n.includes(this.lastFocusedItem)&&(this.lastFocusedItem=null)}};this.handleFocusOut=e=>{let t=e.relatedTarget;(!t||!this.contains(t))&&(this.tabIndex=0)};this.handleFocusIn=e=>{let t=e.target;e.target===this&&this.focusItem(this.lastFocusedItem||this.getAllTreeItems()[0]),m.isTreeItem(t)&&!t.disabled&&(this.lastFocusedItem&&(this.lastFocusedItem.tabIndex=-1),this.lastFocusedItem=t,this.tabIndex=-1,t.tabIndex=0)};this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),this.addEventListener("ev-lazy-change",this.handleSlotChange)}async connectedCallback(){super.connectedCallback(),this.setAttribute("role","tree"),this.setAttribute("tabindex","0"),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleTreeChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.mutationObserver)==null||e.disconnect()}getExpandButtonIcon(e){let s=(e==="expand"?this.expandedIconSlot:this.collapsedIconSlot).assignedElements({flatten:!0})[0];if(s){let n=s.cloneNode(!0);return[n,...n.querySelectorAll("[id]")].forEach(l=>l.removeAttribute("id")),n.setAttribute("data-default",""),n.slot=`${e}-icon`,n}return null}selectItem(e){let t=[...this.selectedItems];if(e.readonly)return;if(this.selection==="multiple")e.selected=!e.selected,e.lazy&&(e.expanded=!0),f(e);else if(this.selection==="single"||e.isLeaf){let n=this.getAllTreeItems();for(let l of n)l.selected=l===e}else this.selection==="leaf"&&(e.expanded=!e.expanded);let s=this.selectedItems;(t.length!==s.length||s.some(n=>!t.includes(n)))&&Promise.all(s.map(n=>n.updateComplete)).then(()=>{this.emit("ev-selection-change",{detail:{selection:s}})})}getAllTreeItems(){return[...this.querySelectorAll("lynk-tree-item")]}focusItem(e){e==null||e.focus()}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter"," "].includes(e.key)||e.composedPath().some(l=>{var i;return["input","textarea"].includes((i=l==null?void 0:l.tagName)==null?void 0:i.toLowerCase())}))return;let t=this.getFocusableItems(),s=this.localize.dir()==="ltr",n=this.localize.dir()==="rtl";if(t.length>0){e.preventDefault();let l=t.findIndex(d=>d.matches(":focus")),i=t[l],r=d=>{let E=t[L(d,0,t.length-1)];this.focusItem(E)},a=d=>{i.expanded=d};e.key==="ArrowDown"?r(l+1):e.key==="ArrowUp"?r(l-1):s&&e.key==="ArrowRight"||n&&e.key==="ArrowLeft"?!i||i.disabled||i.expanded||i.isLeaf&&!i.lazy?r(l+1):a(!0):s&&e.key==="ArrowLeft"||n&&e.key==="ArrowRight"?!i||i.disabled||i.isLeaf||!i.expanded?r(l-1):a(!1):e.key==="Home"?r(0):e.key==="End"?r(t.length-1):(e.key==="Enter"||e.key===" ")&&(i.disabled||this.selectItem(i))}}handleClick(e){let t=e.target,s=t.closest("lynk-tree-item"),n=e.composedPath().some(l=>{var i;return(i=l==null?void 0:l.classList)==null?void 0:i.contains("tree-item__expand-button")});!s||s.disabled||t!==this.clickTarget||(n?s.expanded=!s.expanded:this.selectItem(s))}handleMouseDown(e){this.clickTarget=e.target}handleSlotChange(){this.getAllTreeItems().forEach(this.initTreeItem),this.selection==="multiple"&&requestAnimationFrame(()=>{[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(t=>f(t,!0))})}async handleSelectionChange(){let e=this.selection==="multiple",t=this.getAllTreeItems();this.setAttribute("aria-multiselectable",e?"true":"false");for(let s of t)s.selectable=e;e&&(await this.updateComplete,await Promise.all(t.map(s=>s.updateComplete)),[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(s=>f(s,!0)))}get selectedItems(){let e=this.getAllTreeItems(),t=s=>s.selected;return e.filter(t)}getFocusableItems(){let e=this.getAllTreeItems(),t=new Set;return e.filter(s=>{var l;if(s.disabled)return!1;let n=(l=s.parentElement)==null?void 0:l.closest("[role=treeitem]");return n&&(!n.expanded||n.loading||t.has(n))&&t.add(s),!t.has(s)})}render(){return I`
+      <div
+        part="base"
+        class="tree"
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+        <span hidden aria-hidden="true"><slot name="expand-icon"></slot></span>
+        <span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span>
+      </div>
+    `}};o.styles=[k,x],c([h("slot:not([name])")],o.prototype,"defaultSlot",2),c([h("slot[name=expand-icon]")],o.prototype,"expandedIconSlot",2),c([h("slot[name=collapse-icon]")],o.prototype,"collapsedIconSlot",2),c([y()],o.prototype,"selection",2),c([b("selection")],o.prototype,"handleSelectionChange",1);export{o as a};

package/cdn/chunks/chunk.V4EN4XBX.js

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

package/cdn/chunks/chunk.VBPCPCCA.js

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

package/cdn/chunks/chunk.VBRLAPEI.js

@@ -0,0 +1,23 @@
+import{a as u}from"./chunk.CHDOEWSC.js";import{a as f}from"./chunk.CLSANLTG.js";import{a as r,b as o}from"./chunk.LGLXUNNC.js";import{a}from"./chunk.PGNVXJKR.js";import{a as b}from"./chunk.Q3J7P2MZ.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.LUIZCMPE.js";import{a as i,d as c,g as h}from"./chunk.H3TZAFDG.js";import{a as p}from"./chunk.6UGEFC7C.js";import{e}from"./chunk.FI4IKBIW.js";var m=0,t=class extends h{constructor(){super(...arguments);this.localize=new b(this);this.attrId=++m;this.componentId=`lynk-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(){this.emit("ev-close")}isLink(){return!!this.href}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}focus(s){this.tab.focus(s)}blur(){this.tab.blur()}render(){let s=this.isLink(),n=s?r`a`:r`div`;return this.id=this.id.length>0?this.id:this.componentId,o`
+      <${n}
+        part="base"
+        href=${a(s?this.href:void 0)}
+        rel=${a(s?this.rel:void 0)}
+        class=${d({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
+        tabindex=${this.disabled?"-1":"0"}
+      >
+        <slot></slot>
+        ${this.closable?o`
+                <lynk-icon-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  name="x-lg"
+                  library="system"
+                  label=${this.localize.term("close")}
+                  class="tab__close-button"
+                  @click=${this.handleCloseClick}
+                  tabindex="-1"
+                ></lynk-icon-button>
+              `:""}
+      </${n}>
+    `}};t.styles=[p,u],t.dependencies={"lynk-icon-button":f},e([c(".tab")],t.prototype,"tab",2),e([i({reflect:!0})],t.prototype,"panel",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean})],t.prototype,"closable",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i()],t.prototype,"href",2),e([i()],t.prototype,"rel",2),e([l("active")],t.prototype,"handleActiveChange",1),e([l("disabled")],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.VEQESYVN.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LQ4J4SII.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var m="lynk-menu-item";e.define("lynk-menu-item");var o=n({tagName:m,elementClass:e,react:t,events:{EvClick:"ev-click"},displayName:"LynkMenuItem"}),i=o;export{i as a};

package/cdn/chunks/chunk.VKGHL3DF.js

@@ -0,0 +1,279 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var r=e`
+  :host {
+    display: block;
+  }
+
+  .date-time-picker__input-group {
+    display: flex;
+    min-width: 270px;
+    align-items: stretch;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    gap: 4px;
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    color: var(--lynk-input-color);
+    cursor: text;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  .date-time-picker__placeholder {
+    align-self: center;
+    color: var(--lynk-input-placeholder-color);
+    user-select: none;
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 200px;
+    text-overflow: ellipsis;
+  }
+
+  .date-time-picker__input-group:hover:not(.date-time-picker__input-group--disabled) {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+
+  .date-time-picker__input-group:focus-within:not(.date-time-picker__input-group--disabled) {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  .date-time-picker__input-group--small {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    height: var(--lynk-input-height-small);
+  }
+
+  .date-time-picker__input-group--medium {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    height: var(--lynk-input-height-medium);
+  }
+
+  .date-time-picker__input-group--large {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    height: var(--lynk-input-height-large);
+  }
+
+  .date-time-picker__input-group--disabled {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .date-time-picker__input-group--readonly {
+    background-color: var(--lynk-input-background-color-readonly);
+  }
+
+  .date-time-picker__date-input,
+  .date-time-picker__time-input {
+    min-width: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: start;
+    position: relative;
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: inherit;
+    transition: var(--lynk-transition-fast) color;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    color: inherit;
+    outline: none;
+  }
+
+  .date-time-picker__input-group--small {
+    padding-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .date-time-picker__input-group--medium {
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .date-time-picker__input-group--large {
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .date-time-picker__date-input:disabled,
+  .date-time-picker__time-input:disabled {
+    cursor: not-allowed;
+  }
+
+  /* Hide native date/time input icons and disable browser pickers */
+  .date-time-picker__date-input::-webkit-calendar-picker-indicator,
+  .date-time-picker__time-input::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .date-time-picker__date-input::-webkit-inner-spin-button,
+  .date-time-picker__time-input::-webkit-inner-spin-button {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .date-time-picker__date-input::-webkit-clear-button,
+  .date-time-picker__time-input::-webkit-clear-button {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .date-time-picker__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--lynk-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--lynk-transition-fast) color;
+    cursor: pointer;
+    margin-inline-start: 12px;
+  }
+
+  .date-time-picker__clear:hover {
+    color: var(--lynk-input-icon-color-hover);
+  }
+
+  .date-time-picker__clear:focus {
+    outline: none;
+  }
+
+  .date-time-picker__trigger {
+    align-self: center;
+    border: none;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+    margin-inline-end: var(--lynk-spacing-x-small);
+    margin-inline-start: auto;
+  }
+
+  .date-time-picker__panel {
+    display: flex;
+    flex-direction: column;
+    background: var(--lynk-panel-background-color);
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+    border-radius: var(--lynk-border-radius-medium);
+  }
+
+  .date-time-picker__panel-body {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+  }
+
+  .date-time-picker__calendar {
+    border: none;
+    --height: 300px;
+    padding: var(--lynk-spacing-small);
+  }
+
+  .date-time-picker__clock {
+    --height: 300px;
+  }
+
+  .date-time-picker__clock::part(picker) {
+    border-bottom: none;
+  }
+
+  /* 24-hour number input styles */
+  .date-time-picker__24h-group {
+    display: inline-flex;
+    align-items: center;
+    gap: 0;
+    overflow: hidden;
+  }
+
+  .date-time-picker__24h-group--hidden {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+  }
+
+  .date-time-picker__segment-input {
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: var(--lynk-line-height-normal);
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    outline: none;
+    width: 2.2ch;
+    text-align: center;
+    cursor: inherit;
+    -moz-appearance: textfield;
+  }
+
+  .date-time-picker__segment-input::placeholder {
+    color: inherit;
+  }
+
+  .date-time-picker__segment-input:disabled {
+    cursor: not-allowed;
+  }
+
+  /* Hide native number input spinners */
+  .date-time-picker__segment-input::-webkit-outer-spin-button,
+  .date-time-picker__segment-input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  .date-time-picker__separator {
+    color: inherit;
+    user-select: none;
+    line-height: 1;
+  }
+
+  .date-time-picker__footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: var(--lynk-spacing-small);
+    border-top: solid 1px var(--lynk-color-neutral-200);
+  }
+
+  .date-time-picker__footer-actions {
+    display: flex;
+    gap: var(--lynk-spacing-x-small);
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .date-time-picker__input-group--small .date-time-picker__trigger {
+    font-size: var(--lynk-button-font-size-small);
+  }
+
+  .date-time-picker__input-group--medium .date-time-picker__trigger {
+    font-size: var(--lynk-button-font-size-medium);
+  }
+
+  .date-time-picker__input-group--large .date-time-picker__trigger {
+    font-size: var(--lynk-button-font-size-large);
+  }
+`;export{r as a};

package/cdn/chunks/chunk.VLUEQS63.js

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

package/cdn/chunks/chunk.VOEDPYS7.js

@@ -0,0 +1,23 @@
+import{a as m}from"./chunk.LP72STHQ.js";import{a as r}from"./chunk.LUIZCMPE.js";import{a,b as h,d,g as c}from"./chunk.H3TZAFDG.js";import{a as u}from"./chunk.6UGEFC7C.js";import{d as n}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.hasDefaultSlot=!1;this.hasEndSlot=!1;this.isExpanded=!1;this.isTruncated=!1;this.title="";this.expandable=!1;this.moreText="[more]";this.lessText="[less]"}handleDefaultSlotChange(){let s=[...this.defaultSlot.assignedNodes({flatten:!0})].some(l=>l.nodeType===Node.TEXT_NODE?(l.textContent||"").trim()!=="":!0);this.hasDefaultSlot!==s&&(this.hasDefaultSlot=s,this.cachedElements=void 0,this.debouncedCheckTruncation())}handleEndSlotChange(){let s=[...this.endSlot.assignedNodes({flatten:!0})].some(l=>l.nodeType===Node.TEXT_NODE?(l.textContent||"").trim()!=="":!0);this.hasEndSlot!==s&&(this.hasEndSlot=s,this.cachedElements=void 0,this.debouncedCheckTruncation())}getTextLabel(){return(this.textContent||"").trim()}handleMoreClick(){this.isExpanded=!0,this.emit("ev-expand")}handleLessClick(){this.isExpanded=!1,this.emit("ev-collapse")}checkTruncation(){if(!this.expandable||this.isExpanded)return;if(!this.cachedElements){let o=this.shadowRoot;this.cachedElements={start:o?o.querySelector(".truncate__start"):null,end:o?o.querySelector(".truncate__end"):null}}let{start:t,end:s}=this.cachedElements,l=!1;this.clamp&&t?l=t.scrollHeight>t.clientHeight:!this.hasDefaultSlot&&this.hasEndSlot&&s?l=s.scrollWidth>s.clientWidth:this.hasDefaultSlot&&this.hasEndSlot&&t&&s?l=t.scrollWidth>t.clientWidth||s.scrollWidth>s.clientWidth:this.hasDefaultSlot&&!this.hasEndSlot&&t&&(l=t.scrollWidth>t.clientWidth),this.isTruncated!==l&&(this.isTruncated=l)}debouncedCheckTruncation(){this.checkTimeout&&clearTimeout(this.checkTimeout),this.checkTimeout=window.setTimeout(()=>{requestAnimationFrame(()=>this.checkTruncation())},33)}firstUpdated(){if(this.expandable){this.resizeObserver=new ResizeObserver(()=>{this.debouncedCheckTruncation()});let t=this.parentElement;t&&this.resizeObserver.observe(t)}}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.disconnect(),this.checkTimeout&&clearTimeout(this.checkTimeout)}updated(t){(t.has("expandable")||t.has("clamp")||t.has("isExpanded"))&&(this.cachedElements=void 0,this.debouncedCheckTruncation())}render(){return n`
+      <span
+        part="base"
+        title=${this.title||this.getTextLabel()}
+        class=${r({truncate:!0,"truncate--end":this.hasDefaultSlot&&!this.hasEndSlot,"truncate--middle":this.hasDefaultSlot&&this.hasEndSlot,"truncate--start":!this.hasDefaultSlot&&this.hasEndSlot,"truncate--expanded":this.isExpanded,"truncate--expandable":this.expandable})}
+      >
+        ${this.expandable?n`
+              <slot class="truncate__start" @slotchange=${this.handleDefaultSlotChange}></slot>
+              ${this.isTruncated||this.isExpanded?n`
+                    <span
+                      class="truncate__toggle"
+                      @click=${this.isExpanded?this.handleLessClick:this.handleMoreClick}
+                    >
+                      ${this.isExpanded?this.lessText:this.moreText}
+                    </span>
+                  `:""}
+              <slot name="end" class="truncate__end" @slotchange=${this.handleEndSlotChange}></slot>
+            `:n`
+              <slot class="truncate__start" @slotchange=${this.handleDefaultSlotChange}></slot>
+              <slot name="end" class="truncate__end" @slotchange=${this.handleEndSlotChange}></slot>
+            `}
+      </span>
+    `}};e.styles=[u,m],i([d("slot")],e.prototype,"defaultSlot",2),i([d('slot[name="end"]')],e.prototype,"endSlot",2),i([h()],e.prototype,"hasDefaultSlot",2),i([h()],e.prototype,"hasEndSlot",2),i([h()],e.prototype,"isExpanded",2),i([h()],e.prototype,"isTruncated",2),i([a()],e.prototype,"title",2),i([a({type:Number})],e.prototype,"clamp",2),i([a({type:Boolean})],e.prototype,"expandable",2),i([a({attribute:"more-text"})],e.prototype,"moreText",2),i([a({attribute:"less-text"})],e.prototype,"lessText",2);export{e as a};

package/cdn/chunks/chunk.VOIIHVBR.js

@@ -0,0 +1,7 @@
+import{a}from"./chunk.UH4XBXSY.js";import{a as s}from"./chunk.LUIZCMPE.js";import{a as i,g as l}from"./chunk.H3TZAFDG.js";import{a as o}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.autoSize="fit";this.minSize="20rem";this.gap="var(--lynk-spacing-base)"}render(){return r`
+      <slot
+        part="base"
+        class=${s({"auto-grid":!0,"auto-grid--fit":this.autoSize==="fit","auto-grid--fill":this.autoSize==="fill"})}
+        style="--gap: ${this.gap}; --min-size: ${this.minSize};"
+      ></slot>
+    `}};t.styles=[o,a],e([i({reflect:!0,attribute:"auto-size"})],t.prototype,"autoSize",2),e([i({type:String,reflect:!0,attribute:"min-size"})],t.prototype,"minSize",2),e([i({type:String,reflect:!0})],t.prototype,"gap",2);export{t as a};

package/cdn/chunks/chunk.VOMTWO5K.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LZWIBSU5.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-form-field";e.define("lynk-form-field");var r=n({tagName:o,elementClass:e,react:t,events:{EvFocus:"ev-focus",EvBlur:"ev-blur"},displayName:"LynkFormField"}),p=r;export{p as a};

package/cdn/chunks/chunk.VVQDOKAJ.js

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

package/cdn/chunks/chunk.VXDG5DJJ.js

@@ -0,0 +1,234 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var o=e`
+  :host {
+    display: block;
+    inline-size: fit-content;
+    position: relative;
+
+    --selected-color: var(--lynk-color-primary-600);
+    --selected-text-color: var(--lynk-color-black);
+    --hover-color: var(--lynk-color-gray-a50);
+    --color-range: #0000000d;
+    --height: auto;
+  }
+
+  button {
+    border-radius: var(--lynk-border-radius-medium);
+    background-color: transparent;
+    outline: none;
+    border: none;
+    padding: var(--lynk-spacing-x-small);
+  }
+
+  button:hover {
+    background-color: var(--hover-color);
+  }
+
+  .calendar {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .calendar-month {
+    display: flex;
+    flex-direction: column;
+    gap: 1em;
+  }
+
+  .calendar-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .month-name {
+    display: flex;
+    margin: auto;
+    font-weight: bold;
+    font-size: 1.25em;
+  }
+
+  .calendar-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    text-align: center;
+    inline-size: fit-content;
+  }
+
+  .calendar-table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    table-layout: fixed;
+    inline-size: max-content;
+    font-size: 0.875rem;
+  }
+
+  .calendar-table th {
+    font-weight: bold;
+    block-size: 2.25rem;
+    min-width: 36px;
+  }
+
+  .calendar-table td {
+    padding-inline: 0;
+    padding-block: 1px;
+    min-width: 36px;
+  }
+
+  .calendar-table td.weeknumber {
+    font-size: 0.875em;
+    opacity: 0.5;
+  }
+
+  .navigation-button {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .navigation-button[aria-disabled] {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  .calendar-table button {
+    color: inherit;
+    font-size: inherit;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    font-variant-numeric: tabular-nums;
+    block-size: 2.25rem;
+    inline-size: 2.25rem;
+
+    border-radius: 100%;
+  }
+
+  .calendar-table button:disabled,
+  .calendar-table button.outside,
+  .calendar-table button.disallowed {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  .calendar-table button.disallowed {
+    text-decoration: line-through;
+  }
+
+  .calendar-table button.today {
+    border: 1px solid var(--selected-color);
+  }
+
+  /* calendar button styles */
+  .calendar-table {
+    button:hover:where(:not(:disabled, [aria-disabled])) {
+      background-color: var(--hover-color);
+    }
+
+    button:is(.selected, :focus-visible) {
+      background: var(--selected-color);
+      color: var(--selected-text-color);
+      font-weight: var(--lynk-font-weight-bold);
+    }
+
+    button:focus-visible {
+      outline: 1px solid var(--selected-text-color);
+      outline-offset: -2px;
+    }
+
+    button.range-start,
+    button.range-end {
+      border-radius: 100%;
+      --background-color: var(--selected-color);
+      background-color: var(--background-color);
+      color: var(--selected-text-color);
+    }
+
+    button.in-range {
+      border-radius: 0;
+      --background-color: color-mix(in srgb, var(--selected-color) 65%, var(--lynk-color-black));
+      background-color: var(--background-color);
+      color: var(--selected-text-color);
+    }
+
+    button.range-start:hover,
+    button.range-end:hover,
+    button.in-range:hover {
+      background-color: color-mix(in srgb, var(--background-color) 75%, var(--lynk-color-black));
+    }
+
+    button.range-start {
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+
+    button.range-end {
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+    }
+  }
+
+  .month-selection,
+  .year-selection {
+    padding: 1rem;
+  }
+
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+  }
+
+  .months-grid,
+  .years-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 0.5rem;
+  }
+
+  .month-button,
+  .year-button {
+    padding: 0.5rem;
+    border: 1px solid var(--border-color);
+    border-radius: 4px;
+    background: none;
+    cursor: pointer;
+  }
+
+  .month-button.selected,
+  .year-button.selected {
+    background-color: var(--selected-color);
+    color: var(--lynk-color-neutral-0);
+    font-weight: var(--lynk-font-weight-bold);
+  }
+
+  .calendar-heading {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .calendar-heading select {
+    padding: 0.25rem 0.5rem;
+    border: 1px solid var(--border-color);
+    border-radius: 4px;
+    background: var(--background-color);
+    font-size: inherit;
+    cursor: pointer;
+  }
+
+  .calendar-heading button {
+    padding: 0.25rem 0.5rem;
+    border: none;
+    background: none;
+    cursor: pointer;
+    font-size: inherit;
+  }
+
+  .calendar-heading button:hover {
+    text-decoration: underline;
+  }
+`;export{o as a};