@uplynk/lynk-design 1.14.0 → 1.15.0

package/cdn/chunks/chunk.235VELLS.js

@@ -0,0 +1,168 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var i=e`
+  :host {
+    display: contents;
+    --width: 240px;
+    --collapsed-width: 24px;
+    --header-spacing: var(--lynk-spacing-large);
+    --body-spacing: var(--lynk-spacing-large);
+    --footer-spacing: var(--lynk-spacing-large);
+    --background-color: var(--lynk-color-neutral-0);
+  }
+
+  .page-sidebar {
+    position: relative;
+    display: flex;
+    min-width: var(--collapsed-width);
+    max-width: 0;
+    width: var(--width);
+    max-height: 100%;
+    height: 100%;
+    background-color: var(--background-color);
+    transition: max-width var(--lynk-transition-medium);
+  }
+
+  .page-sidebar.page-sidebar--open {
+    max-width: var(--width);
+  }
+
+  .page-sidebar__container {
+    width: var(--width);
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity var(--lynk-transition-medium);
+  }
+
+  .page-sidebar--open .page-sidebar__container {
+    opacity: 1;
+    pointer-events: auto;
+    transition-delay: var(--lynk-transition-fast);
+  }
+
+  .page-sidebar__nav {
+    display: inline-block;
+  }
+
+  .page-sidebar--open .page-sidebar__nav {
+    border-right: 1px solid var(--lynk-color-neutral-100);
+  }
+
+  .page-sidebar.page-sidebar--left {
+    border-inline-end: 1px solid var(--lynk-color-neutral-200);
+    height: 100%;
+  }
+
+  .page-sidebar.page-sidebar--right {
+    border-inline-start: 1px solid var(--lynk-color-neutral-200);
+    height: 100%;
+  }
+
+  .page-sidebar.page-sidebar--right-inset,
+  .page-sidebar.page-sidebar--left-inset {
+    border-radius: 8px;
+    border: 1px solid var(--lynk-color-neutral-200);
+    margin: var(--lynk-spacing-base) auto;
+    height: calc(100% - 32px);
+  }
+
+  .page-sidebar.page-sidebar--left-inset {
+    margin-left: var(--lynk-page-margin);
+    margin-right: 0;
+  }
+
+  .page-sidebar.page-sidebar--right-inset {
+    margin-right: var(--lynk-page-margin);
+    margin-left: 0;
+  }
+
+  .page-sidebar__header {
+    display: none;
+  }
+
+  .page-sidebar--has-header .page-sidebar__header {
+    display: flex;
+    padding: var(--header-spacing);
+    gap: var(--header-spacing);
+    align-items: center;
+  }
+
+  .page-sidebar__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-base);
+    font-weight: var(--lynk-font-weight-semibold);
+    line-height: var(--lynk-line-height-dense);
+    margin: 0;
+  }
+
+  .page-sidebar__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+  }
+
+  .page-sidebar__header-actions lynk-button,
+  .page-sidebar__header-actions ::slotted(lynk-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    margin: 0;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .page-sidebar__body {
+    flex: 1 1 auto;
+    padding: var(--body-spacing);
+    overflow: hidden auto;
+    display: block;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .page-sidebar__toggle {
+    position: absolute;
+    top: var(--header-spacing);
+    z-index: 1;
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--center {
+    top: 50%;
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--bottom {
+    top: unset;
+    bottom: var(--footer-spacing);
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--hidden {
+    display: none;
+  }
+
+  .page-sidebar--left .page-sidebar__toggle,
+  .page-sidebar--left-inset .page-sidebar__toggle {
+    right: -13px;
+  }
+
+  .page-sidebar--right .page-sidebar__toggle,
+  .page-sidebar--right-inset .page-sidebar__toggle {
+    left: -13px;
+    rotate: 180deg;
+  }
+
+  .page-sidebar__footer {
+    padding: var(--footer-spacing);
+  }
+
+  .page-sidebar__footer ::slotted(lynk-button:not(:last-of-type)) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .page-sidebar:not(.page-sidebar--has-footer) .page-sidebar__footer {
+    display: none;
+  }
+`;export{i as a};

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

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

@@ -0,0 +1,89 @@
+import{a as t}from"./chunk.OAB62Q2Y.js";var s=t`
+  :host {
+    --margin: 0;
+    --width: auto;
+    --height: auto;
+    --gap: var(--lynk-spacing-small);
+
+    display: block;
+    text-align: unset;
+    height: var(--height);
+    width: var(--width);
+    min-width: 0;
+  }
+
+  :host([reverse]) .stack {
+    flex-direction: column-reverse;
+  }
+
+  :host([row]) .stack {
+    flex-direction: row;
+  }
+
+  :host([row][reverse]) .stack {
+    flex-direction: row-reverse;
+  }
+
+  :host([align~='start']) .stack {
+    align-items: flex-start;
+  }
+
+  :host([align~='center']) .stack {
+    align-items: center;
+  }
+
+  :host([align~='end']) .stack {
+    align-items: flex-end;
+  }
+
+  :host([align~='stretch']) .stack {
+    align-items: stretch;
+  }
+
+  :host([align~='baseline']) .stack {
+    align-items: baseline;
+  }
+
+  :host([justify~='start']) .stack {
+    justify-content: flex-start;
+  }
+
+  :host([justify~='center']) .stack {
+    justify-content: center;
+  }
+
+  :host([justify~='end']) .stack {
+    justify-content: end;
+  }
+
+  :host([justify~='between']) .stack {
+    justify-content: space-between;
+  }
+
+  :host([justify~='around']) .stack {
+    justify-content: space-around;
+  }
+
+  :host([justify~='evenly']) .stack {
+    justify-content: space-evenly;
+  }
+
+  :host([wrap]) .stack {
+    flex-wrap: wrap;
+  }
+
+  .stack {
+    display: flex;
+    flex-direction: column;
+    align-self: stretch;
+    flex-wrap: nowrap;
+    gap: var(--gap);
+    width: var(--width);
+    height: var(--height);
+    margin: var(--margin);
+  }
+
+  .stack::slotted(lynk-icon) {
+    flex-shrink: 0;
+  }
+`;export{s as a};

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

@@ -0,0 +1 @@
+import{a as n}from"./chunk.Q3J7P2MZ.js";import{a as e,g as m}from"./chunk.H3TZAFDG.js";import{e as t}from"./chunk.FI4IKBIW.js";var i=class extends m{constructor(){super(...arguments);this.localize=new n(this);this.value=0;this.type="decimal";this.noGrouping=!1;this.currency="USD";this.currencyDisplay="symbol"}render(){return isNaN(this.value)?"":this.localize.number(this.value,{style:this.type,currency:this.currency,currencyDisplay:this.currencyDisplay,useGrouping:!this.noGrouping,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,minimumSignificantDigits:this.minimumSignificantDigits,maximumSignificantDigits:this.maximumSignificantDigits})}};t([e({type:Number})],i.prototype,"value",2),t([e()],i.prototype,"type",2),t([e({attribute:"no-grouping",type:Boolean})],i.prototype,"noGrouping",2),t([e()],i.prototype,"currency",2),t([e({attribute:"currency-display"})],i.prototype,"currencyDisplay",2),t([e({attribute:"minimum-integer-digits",type:Number})],i.prototype,"minimumIntegerDigits",2),t([e({attribute:"minimum-fraction-digits",type:Number})],i.prototype,"minimumFractionDigits",2),t([e({attribute:"maximum-fraction-digits",type:Number})],i.prototype,"maximumFractionDigits",2),t([e({attribute:"minimum-significant-digits",type:Number})],i.prototype,"minimumSignificantDigits",2),t([e({attribute:"maximum-significant-digits",type:Number})],i.prototype,"maximumSignificantDigits",2);export{i as a};

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

@@ -0,0 +1,9 @@
+import{a as i}from"./chunk.O2G26VDG.js";import{a as p}from"./chunk.LUIZCMPE.js";import{a as r,g as a}from"./chunk.H3TZAFDG.js";import{a as l}from"./chunk.6UGEFC7C.js";import{d as s}from"./chunk.OAB62Q2Y.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends a{constructor(){super(...arguments);this.pill=!1;this.pulse=!1}render(){return s`
+      <span
+        part="base"
+        class=${p({badge:!0,"badge--primary":this.type==="primary","badge--accent":this.type==="accent","badge--info":this.type==="info","badge--success":this.type==="success","badge--neutral":this.type==="neutral","badge--warning":this.type==="warning","badge--danger":this.type==="danger","badge--pill":this.pill,"badge--pulse":this.pulse})}
+        role="status"
+      >
+        <slot></slot>
+      </span>
+    `}};e.styles=[l,i],t([r({reflect:!0})],e.prototype,"type",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pulse",2);export{e as a};

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

@@ -0,0 +1 @@
+import{a as p}from"./chunk.2IHNRX5M.js";import{a as r,g as s}from"./chunk.H3TZAFDG.js";import{a as i}from"./chunk.6UGEFC7C.js";import{d as l}from"./chunk.OAB62Q2Y.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends s{constructor(){super(...arguments);this.row=!1;this.reverse=!1;this.wrap=!1;this.gap="var(--lynk-spacing-small)"}get horizontal(){return this.row}set horizontal(o){this.row=o,this.removeAttribute("horizontal"),o&&this.setAttribute("row","")}render(){return l`<slot part="base" class="stack" style="--gap: ${this.gap};"></slot>`}};e.styles=[i,p],t([r({type:Boolean,reflect:!0})],e.prototype,"row",2),t([r({type:Boolean,attribute:"horizontal"})],e.prototype,"horizontal",1),t([r({type:Boolean,reflect:!0})],e.prototype,"reverse",2),t([r({reflect:!0})],e.prototype,"justify",2),t([r({reflect:!0})],e.prototype,"align",2),t([r({type:Boolean,reflect:!0})],e.prototype,"wrap",2),t([r({type:String,reflect:!0})],e.prototype,"gap",2);export{e as a};

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

@@ -0,0 +1,79 @@
+import{a as o}from"./chunk.OAB62Q2Y.js";var r=o`
+  :host {
+    display: table-cell;
+    --state-color: transparent;
+    --state-color-b: transparent;
+    background: transparent;
+    vertical-align: middle;
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-base);
+  }
+
+  :host([state='danger']) {
+    --state-color: var(--lynk-color-danger-50);
+    --state-color-b: var(--lynk-color-danger-a10);
+  }
+
+  :host([state='primary']) {
+    --state-color: var(--lynk-color-primary-50);
+    --state-color-b: var(--lynk-color-primary-a10);
+  }
+
+  :host([state='accent']) {
+    --state-color: var(--lynk-color-accent-50);
+    --state-color-b: var(--lynk-color-accent-a10);
+  }
+
+  :host([state='success']) {
+    --state-color: var(--lynk-color-success-50);
+    --state-color-b: var(--lynk-color-success-a10);
+  }
+
+  :host([state='warning']) {
+    --state-color: var(--lynk-color-warning-a25);
+    --state-color-b: var(--lynk-color-warning-a10);
+  }
+
+  :host([state='neutral']) {
+    --state-color: var(--lynk-color-neutral-50);
+    --state-color-b: var(--lynk-color-neutral-100);
+  }
+
+  :host([state='info']) {
+    --state-color: var(--lynk-color-info-a25);
+    --state-color-b: var(--lynk-color-info-a10);
+  }
+
+  :host([state]) {
+    background: var(--state-color);
+  }
+
+  :host([barberpole]) {
+    background: linear-gradient(
+        -45deg,
+        var(--state-color) 25%,
+        var(--state-color-b) 25%,
+        var(--state-color-b) 50%,
+        var(--state-color) 50%,
+        var(--state-color) 75%,
+        var(--state-color-b) 75%,
+        var(--state-color-b)
+      )
+      var(--state-color);
+    background-size: 40px 40px;
+    animation: barberpole 1.5s linear infinite;
+  }
+
+  ::slotted(lynk-checkbox) {
+    top: -1px;
+    position: relative;
+  }
+
+  @keyframes barberpole {
+    from {
+      background-position: 0 0;
+    }
+    to {
+      background-position: 40px 40px;
+    }
+  }
+`;export{r as a};

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

@@ -0,0 +1 @@
+import{a as d}from"./chunk.V3SUT3ZF.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as l,g as n}from"./chunk.H3TZAFDG.js";import{a}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.observedElements=[];this.disabled=!1}connectedCallback(){super.connectedCallback(),this.intersectionObserver=new IntersectionObserver(s=>{s.forEach(e=>{console.log(e),e.intersectionRatio>0?this.emit("ev-enter-view",{detail:{entry:e}}):this.emit("ev-exit-view",{detail:{entry:e}})})}),this.disabled||this.startObserver()}handleSlotChange(){this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}startObserver(){let s=this.shadowRoot.querySelector("slot");if(s!==null){let e=s.assignedElements({flatten:!0});this.observedElements.forEach(r=>this.intersectionObserver.unobserve(r)),this.observedElements=[],e.forEach(r=>{this.intersectionObserver.observe(r),this.observedElements.push(r)})}}stopObserver(){this.intersectionObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return o`<slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=[a,d],i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([c("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

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

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

package/cdn/chunks/chunk.34M5EEVQ.js

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

package/cdn/chunks/chunk.36TNLKB5.js

@@ -0,0 +1,176 @@
+import{a as o}from"./chunk.OAB62Q2Y.js";var r=o`
+  :host {
+    --shadow-color: var(--lynk-color-black);
+    --shadow-size: 2rem;
+
+    /* private (defined dynamically) */
+    --start-shadow-opacity: 0;
+    --end-shadow-opacity: 0;
+
+    display: block;
+    position: relative;
+    max-width: 100%;
+    isolation: isolate;
+    overflow: hidden;
+  }
+
+  :host([orientation='vertical']) {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  #content {
+    z-index: 1; /* below shadows */
+    border-radius: inherit;
+    scroll-behavior: smooth;
+    scrollbar-width: thin;
+    scrollbar-color: var(--lynk-color-neutral-400) transparent;
+    scrollbar-gutter: stable;
+
+    /* Prevent text in mobile Safari from being larger when the container width larger than the viewport */
+    -webkit-text-size-adjust: 100%;
+
+    /* Webkit scrollbar styles for overlay appearance */
+    &::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: var(--lynk-color-neutral-400);
+      border-radius: 4px;
+      border: 1px solid transparent;
+      background-clip: content-box;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+      background: var(--lynk-color-neutral-500);
+      background-clip: content-box;
+    }
+
+    &::-webkit-scrollbar-corner {
+      background: transparent;
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+    &:focus-visible {
+      outline: var(--lynk-focus-ring);
+      outline-offset: var(--lynk-focus-ring-offset);
+    }
+  }
+
+  :host([without-scrollbar]) #content {
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  :host([orientation='horizontal']) #content {
+    overflow-x: overlay;
+    overflow-y: hidden;
+  }
+
+  :host([orientation='vertical']) #content {
+    flex: 1 1 auto;
+    min-height: 0; /* This is crucial for flex children to respect overflow */
+    overflow-x: hidden;
+    overflow-y: overlay;
+  }
+
+  /* Fallback for browsers that don't support overlay */
+  @supports not (overflow: overlay) {
+    :host([orientation='horizontal']) #content {
+      overflow-x: auto;
+    }
+
+    :host([orientation='vertical']) #content {
+      overflow-y: auto;
+    }
+  }
+
+  /* Horizontal shadows */
+  :host([orientation='horizontal']) {
+    #start-shadow,
+    #end-shadow {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      width: var(--shadow-size);
+      pointer-events: none;
+    }
+
+    #start-shadow {
+      opacity: var(--start-shadow-opacity);
+    }
+
+    #end-shadow {
+      opacity: var(--end-shadow-opacity);
+    }
+
+    #start-shadow {
+      &:dir(ltr) {
+        left: 0;
+        background: linear-gradient(to right, var(--shadow-color), transparent 100%);
+      }
+
+      &:dir(rtl) {
+        right: 0;
+        background: linear-gradient(to left, var(--shadow-color), transparent 100%);
+      }
+    }
+
+    #end-shadow {
+      &:dir(ltr) {
+        right: 0;
+        background: linear-gradient(to left, var(--shadow-color), transparent 100%);
+      }
+
+      &:dir(rtl) {
+        left: 0;
+        background: linear-gradient(to right, var(--shadow-color), transparent 100%);
+      }
+    }
+  }
+
+  /* Vertical shadows */
+  :host([orientation='vertical']) {
+    #start-shadow,
+    #end-shadow {
+      position: absolute;
+      z-index: 2;
+      right: 0;
+      left: 0;
+      height: var(--shadow-size);
+      pointer-events: none;
+    }
+
+    #start-shadow {
+      opacity: var(--start-shadow-opacity);
+    }
+
+    #end-shadow {
+      opacity: var(--end-shadow-opacity);
+    }
+
+    #start-shadow {
+      top: 0;
+      background: linear-gradient(to bottom, var(--shadow-color), transparent 100%);
+    }
+
+    #end-shadow {
+      bottom: 0;
+      background: linear-gradient(to top, var(--shadow-color), transparent 100%);
+    }
+  }
+`;export{r as a};

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

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

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

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

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

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

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

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

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

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

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

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

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