@uplynk/lynk-design 1.19.1 → 1.20.0

package/cdn/chunks/chunk.TDJPU6EO.js

@@ -1,145 +0,0 @@
-import{a as $}from"./chunk.IVS4ODN6.js";import{a as S,b as c,c as i,d as C,i as F,j as k,k as O,l as f,m as g}from"./chunk.3TWYPRSH.js";import{a as R}from"./chunk.MHRPDWA7.js";import{a as U}from"./chunk.7TAXE2HP.js";import{a as m,b as v,g as N}from"./chunk.IIPZ6YZ6.js";import{a as Y}from"./chunk.MXDME6T6.js";import{d as h,h as M}from"./chunk.PINNEFCM.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.TFB3WREA.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.6YKXO2XW.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-button";e.define("lynk-button");var s=n({tagName:v,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvClick:"ev-click",EvFocus:"ev-focus",EvInvalid:"ev-invalid"},displayName:"LynkButton"}),p=s;export{p as a};

package/cdn/chunks/chunk.TFRX6WOA.js

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

package/cdn/chunks/chunk.THEXEPZY.js

@@ -1,8 +0,0 @@
-import{a as s}from"./chunk.YKBEGLQ6.js";import{a as r}from"./chunk.7TAXE2HP.js";import{g as o}from"./chunk.IIPZ6YZ6.js";import{d as e}from"./chunk.PINNEFCM.js";var t=class extends o{render(){return e`
-      <div
-        part="base"
-        class=${r({box:!0,"box--overflow":!!getComputedStyle(this).getPropertyValue("--height")})}
-      >
-        <slot></slot>
-      </div>
-    `}};t.styles=s;export{t as a};

package/cdn/chunks/chunk.TJOYD2F5.js

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

package/cdn/chunks/chunk.TLIHSDGJ.js

@@ -1,32 +0,0 @@
-import{a as K}from"./chunk.QXBM7FXH.js";import{a as T}from"./chunk.4KNBVUGF.js";import{a as C}from"./chunk.ALHVMVDH.js";import{a as L}from"./chunk.DHVGQFXR.js";import{a as d}from"./chunk.KLRPP4NQ.js";import{a as h,c as p}from"./chunk.VDJQBFEB.js";import{a as c,c as u}from"./chunk.DCN42ZX4.js";import{a as v}from"./chunk.MEKW2OXH.js";import{a as k}from"./chunk.TETFNMKN.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as y}from"./chunk.7TAXE2HP.js";import{a as o,d as l,g as w}from"./chunk.IIPZ6YZ6.js";import{a as E}from"./chunk.MXDME6T6.js";import{d as g}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var n=class extends w{constructor(){super(...arguments);this.localize=new v(this);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.block=!1;this.hoist=!1;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="lynk-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(a,r)=>{if(!a)return null;let m=a.closest(r);if(m)return m;let f=a.getRootNode();return f instanceof ShadowRoot?s(f.host,r):null};setTimeout(()=>{var r;let a=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?T():document.activeElement;(!this.containingElement||s(a,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="lynk-menu"&&(this.hide(),this.focusOnTrigger())};this.handleCloseWatcherKeyDown=e=>{e.key==="Escape"&&e.stopImmediatePropagation()}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="lynk-menu")}handleTriggerClick(){this.open?this.hide():(this.show(),this.focusOnTrigger())}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),a=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(a),a.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){let t=this.trigger.assignedElements({flatten:!0}).find(a=>C(a).start),s;if(t){switch(t.tagName.toLowerCase()){case"lynk-button":case"lynk-icon-button":s=t.button;break;default:s=t}s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-expanded",this.open?"true":"false")}}show(){if(!this.open)return this.open=!0,d(this,"ev-after-show")}hide(){if(this.open)return this.open=!1,d(this,"ev-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("ev-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()},document.addEventListener("keydown",this.handleCloseWatcherKeyDown,!0)):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("ev-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleCloseWatcherKeyDown,!0),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("ev-show"),this.addOpenListeners(),await p(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=u(this,"dropdown.show",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await p(this);let{keyframes:e,options:t}=u(this,"dropdown.hide",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}render(){return g`
-      <lynk-popup
-        part="base"
-        exportparts="popup:base__popup"
-        id="dropdown"
-        placement=${this.placement}
-        distance=${this.distance}
-        skidding=${this.skidding}
-        strategy=${this.hoist?"fixed":"absolute"}
-        flip
-        shift
-        auto-size="vertical"
-        auto-size-padding="10"
-        sync=${k(this.sync?this.sync:void 0)}
-        class=${y({dropdown:!0,"dropdown--open":this.open})}
-      >
-        <slot
-          name="trigger"
-          slot="anchor"
-          part="trigger"
-          class="dropdown__trigger"
-          @click=${this.handleTriggerClick}
-          @keydown=${this.handleTriggerKeyDown}
-          @keyup=${this.handleTriggerKeyUp}
-          @slotchange=${this.handleTriggerSlotChange}
-        ></slot>
-
-        <div aria-hidden=${this.open?"false":"true"} aria-labelledby="dropdown">
-          <slot part="panel" class="dropdown__panel"></slot>
-        </div>
-      </lynk-popup>
-    `}};n.styles=[E,K],n.dependencies={"lynk-popup":L},i([l(".dropdown")],n.prototype,"popup",2),i([l(".dropdown__trigger")],n.prototype,"trigger",2),i([l(".dropdown__panel")],n.prototype,"panel",2),i([o({type:Boolean,reflect:!0})],n.prototype,"open",2),i([o({reflect:!0})],n.prototype,"placement",2),i([o({type:Boolean,reflect:!0})],n.prototype,"disabled",2),i([o({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],n.prototype,"stayOpenOnSelect",2),i([o({attribute:!1})],n.prototype,"containingElement",2),i([o({type:Number})],n.prototype,"distance",2),i([o({type:Number})],n.prototype,"skidding",2),i([o({type:Boolean,reflect:!0})],n.prototype,"block",2),i([o({type:Boolean})],n.prototype,"hoist",2),i([o({reflect:!0})],n.prototype,"sync",2),i([b("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{n as a};

package/cdn/chunks/chunk.U35CXPD2.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.4AV5KROY.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-popover";e.define("lynk-popover");var v=n({tagName:o,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide"},displayName:"LynkPopover"}),m=v;export{m as a};

package/cdn/chunks/chunk.U3CB2OAT.js

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

package/cdn/chunks/chunk.U534ICXY.js

@@ -1 +0,0 @@
-var i=new Set,s=new Map,l,c="ltr",d="en",m=typeof MutationObserver!="undefined"&&typeof document!="undefined"&&typeof document.documentElement!="undefined";if(m){let n=new MutationObserver(p);c=document.documentElement.dir||"ltr",d=document.documentElement.lang||navigator.language,n.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function f(...n){n.map(e=>{let t=e.$code.toLowerCase();s.has(t)?s.set(t,Object.assign(Object.assign({},s.get(t)),e)):s.set(t,e),l||(l=e)}),p()}function p(){m&&(c=document.documentElement.dir||"ltr",d=document.documentElement.lang||navigator.language),[...i.keys()].map(n=>{typeof n.requestUpdate=="function"&&n.requestUpdate()})}var g=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){i.add(this.host)}hostDisconnected(){i.delete(this.host)}dir(){return`${this.host.dir||c}`.toLowerCase()}lang(){let e=`${this.host.lang||d}`.toLowerCase().replace(/_/g,"-");try{return new Intl.Locale(e),e}catch(t){return l?l.$code.toLowerCase():"en"}}getTranslationData(e){var t,r;let a;try{a=new Intl.Locale(e.replace(/_/g,"-"))}catch(C){return{locale:void 0,language:"",region:"",primary:void 0,secondary:void 0}}let o=a.language.toLowerCase(),u=(r=(t=a.region)===null||t===void 0?void 0:t.toLowerCase())!==null&&r!==void 0?r:"",w=s.get(`${o}-${u}`),v=s.get(o);return{locale:a,language:o,region:u,primary:w,secondary:v}}exists(e,t){var r;let{primary:a,secondary:o}=this.getTranslationData((r=t.lang)!==null&&r!==void 0?r:this.lang());return t=Object.assign({includeFallback:!1},t),!!(a&&a[e]||o&&o[e]||t.includeFallback&&l&&l[e])}term(e,...t){let{primary:r,secondary:a}=this.getTranslationData(this.lang()),o;if(r&&r[e])o=r[e];else if(a&&a[e])o=a[e];else if(l&&l[e])o=l[e];else return console.error(`No translation found for: ${String(e)}`),String(e);return typeof o=="function"?o(...t):o}date(e,t){return e=new Date(e),new Intl.DateTimeFormat(this.lang(),t).format(e)}number(e,t){return e=Number(e),isNaN(e)?"":new Intl.NumberFormat(this.lang(),t).format(e)}relativeTime(e,t,r){return new Intl.RelativeTimeFormat(this.lang(),r).format(e,t)}};var h={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(n,e)=>`Go to slide ${n} of ${e}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:n=>n===0?"No options selected":n===1?"1 option selected":`${n} options selected`,previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollableRegion:"Scrollable region",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:n=>`Slide ${n}`,toggleColorFormat:"Toggle color format"};f(h);var $=h;export{f as a,g as b,$ as c};

package/cdn/chunks/chunk.U7NSNKKE.js

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

package/cdn/chunks/chunk.UAONGDQY.js

@@ -1,9 +0,0 @@
-import{a as d}from"./chunk.LMNIHEDM.js";import{a}from"./chunk.C4FGB5DE.js";import{d as h}from"./chunk.HUMDDNNQ.js";import{a as m}from"./chunk.YHSYTTFF.js";import{a as n}from"./chunk.7TAXE2HP.js";import{a as l,d as s,g as i}from"./chunk.IIPZ6YZ6.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e as r}from"./chunk.FI4IKBIW.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new m(this,"header");this.width="fluid"}scrollToTop(){let e=this.hasParentLayout()?this.parentElement.renderRoot.querySelector(".page__main"):h(this.pageContent);e&&e.scrollTo({top:0,behavior:"smooth"})}hasParentLayout(){return this.parentElement instanceof a}render(){return o`
-      <div
-        part="base"
-        class=${n({"page-content":!0,"page-content--auto":this.width==="auto","page-content--sm":this.width==="small","page-content--md":this.width==="medium","page-content--lg":this.width==="large","page-content--xl":this.width==="x-large","page-content--xxl":this.width==="2x-large","page-content--fluid":this.width==="fluid","page-content--has-header":this.hasSlotController.test("header")})}
-      >
-        ${this.hasSlotController.test("header")?o`<slot name="header" part="header" class="page-content__header"></slot>`:""}
-        <slot part="main" class="page-content__main"></slot>
-      </div>
-    `}};t.styles=[p,d],t.dependencies={"lynk-page":a},r([l({reflect:!0})],t.prototype,"width",2),r([s(".page-content")],t.prototype,"pageContent",2);export{t as a};

package/cdn/chunks/chunk.UECST43X.js

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

@@ -1,79 +0,0 @@
-import{a}from"./chunk.PINNEFCM.js";var t=a`
-  :host {
-    display: contents;
-    --gap: var(--lynk-spacing-2x-small);
-  }
-
-  .page-header {
-    padding-top: var(--lynk-spacing-base);
-    display: grid;
-    gap: var(--gap);
-    grid-template-areas:
-      'breadcrumb aux'
-      'main main'
-      'controls controls'
-      'tabs tabs';
-    grid-template-rows: min-content;
-    grid-template-columns: 1fr min-content;
-  }
-
-  .page-header__breadcrumb,
-  ::slotted(lynk-breadcrumb) {
-    grid-area: breadcrumb;
-    align-self: center;
-  }
-
-  .page-header__aux {
-    grid-area: aux;
-    display: flex;
-    gap: var(--lynk-spacing-2x-small);
-    justify-content: flex-end;
-  }
-
-  .page-header__controls {
-    grid-area: controls;
-    display: flex;
-    flex-wrap: nowrap;
-    width: auto;
-    margin-right: auto;
-    gap: var(--lynk-spacing-2x-small);
-    justify-content: flex-start;
-    align-self: center;
-  }
-
-  .page-header__main {
-    display: block;
-    grid-area: main;
-    min-width: min-content;
-  }
-
-  .page-header__main h1,
-  .page-header__main::slotted(h1),
-  .page-header__main::slotted(h2),
-  .page-header__main::slotted(h3) {
-    margin: 0;
-    font-size: var(--lynk-font-size-2x-large);
-    line-height: var(--lynk-line-height-dense);
-    font-weight: var(--lynk-font-weight-semibold);
-  }
-
-  .page-header__tabs,
-  .page-header ::slotted(lynk-tab-group) {
-    display: block;
-    grid-area: tabs;
-  }
-
-  @media (min-width: 768px) {
-    .page-header {
-      grid-template-areas:
-        'breadcrumb aux'
-        'main controls'
-        'tabs tabs';
-    }
-
-    .page-header__controls {
-      margin-left: auto;
-      justify-content: flex-end;
-    }
-  }
-`;export{t as a};

package/cdn/chunks/chunk.UPX4FJYB.js

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

package/cdn/chunks/chunk.V57VCTKA.js

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

package/cdn/chunks/chunk.VAJSQ2FE.js

@@ -1,292 +0,0 @@
-import{a as r}from"./chunk.PINNEFCM.js";var o=r`
-  :host {
-    --border-color: var(--lynk-color-neutral-200);
-    --border-radius: var(--lynk-border-radius-large);
-    --border-width: 1px;
-    --padding: var(--lynk-spacing-base);
-    --pulse-speed: 1.5s;
-    --state-color: var(--lynk-color-primary);
-    --background-color: var(--lynk-color-neutral-50);
-
-    display: inline-block;
-  }
-
-  /* Appearance modifiers */
-  :host([appearance~='plain']) .card {
-    background-color: transparent;
-    border-color: transparent;
-    box-shadow: none;
-  }
-
-  :host([appearance~='outlined']) .card {
-    border-color: var(--border-color);
-  }
-
-  :host([appearance~='filled']) .card {
-    background-color: var(--background-color);
-    border-color: transparent;
-  }
-
-  :host([appearance~='filled'][appearance~='outlined']) .card {
-    border-color: var(--border-color);
-    background-color: var(--background-color);
-  }
-
-  :host([appearance~='accent']) .card {
-    color: var(--lynk-color-black);
-    background-color: var(--lynk-color-white);
-    border-color: transparent;
-  }
-
-  .card {
-    display: flex;
-    flex-direction: column;
-    font-size: inherit;
-    line-height: var(--lynk-line-height-dense);
-    background-color: transparent;
-    box-shadow: var(--lynk-shadow-x-small);
-    border: solid var(--border-width) var(--border-color);
-    border-radius: var(--border-radius);
-    line-height: var(--lynk-line-height-dense);
-    transition:
-      var(--lynk-transition-fast) border,
-      var(--lynk-transition-fast) box-shadow,
-      var(--lynk-transition-fast) transform,
-      var(--lynk-transition-fast) background;
-  }
-
-  .card--stealth {
-    --border-color: transparent;
-  }
-
-  .card--small {
-    --padding: var(--lynk-spacing-x-small);
-    font-size: var(--lynk-font-size-small);
-  }
-
-  .card--medium {
-    font-size: var(--lynk-font-size-medium);
-  }
-
-  .card--large {
-    --padding: var(--lynk-spacing-large);
-    font-size: var(--lynk-font-size-large);
-  }
-
-  /* Primary State */
-  .card--primary {
-    --state-color: var(--lynk-color-primary);
-    border: solid var(--border-width) var(--state-color) !important;
-  }
-
-  /* Accent State */
-  .card--accent {
-    --state-color: var(--lynk-color-accent);
-    border: solid var(--border-width) var(--state-color) !important;
-  }
-
-  /* Danger State */
-  .card--danger {
-    --state-color: var(--lynk-color-danger);
-    border: solid var(--border-width) var(--state-color) !important;
-  }
-
-  /* Warning State */
-  .card--warning {
-    --state-color: var(--lynk-color-warning);
-    border: solid var(--border-width) var(--state-color) !important;
-  }
-
-  /* Success State */
-  .card--success {
-    --state-color: var(--lynk-color-success);
-    border: solid var(--border-width) var(--state-color) !important;
-  }
-
-  /* Info State */
-  .card--info {
-    --state-color: var(--lynk-color-info);
-    border: solid var(--border-width) var(--state-color) !important;
-  }
-
-  /* Neutral State */
-  .card--neutral {
-    --state-color: var(--lynk-color-neutral);
-    border: solid var(--border-width) var(--state-color) !important;
-  }
-
-  .card--pulse {
-    animation: pulse var(--pulse-speed) infinite;
-  }
-
-  .card--pulse.card--interactive:hover {
-    animation: none;
-  }
-
-  .card--interactive:hover {
-    cursor: pointer;
-    border: solid var(--border-width) var(--state-color) !important;
-    box-shadow: var(--lynk-shadow-medium);
-  }
-  .card--interactive:active {
-    transform: translateY(-4px);
-    box-shadow: var(--lynk-shadow-large);
-  }
-
-  .card--active {
-    border: solid var(--border-width) var(--state-color) !important;
-    box-shadow: var(--lynk-shadow-large);
-  }
-
-  .card--image-only .card__image {
-    border-radius: var(--border-radius);
-  }
-
-  .card__image-block {
-    position: relative;
-    border: 1px solid transparent;
-  }
-
-  .card__image {
-    display: flex;
-    border-top-left-radius: var(--border-radius);
-    border-top-right-radius: var(--border-radius);
-    margin: calc(-1 * var(--border-width));
-    background-color: var(--lynk-color-black);
-    overflow: hidden;
-  }
-
-  .card__image-block.aspect--1-1 .card__image {
-    aspect-ratio: 1 / 1;
-  }
-
-  .card__image-block.aspect--16-9 .card__image {
-    aspect-ratio: 16 / 9;
-  }
-
-  .card__image-block.aspect--21-9 .card__image {
-    aspect-ratio: 21 / 9;
-  }
-
-  .card__image-block.aspect--4-3 .card__image {
-    aspect-ratio: 4 / 3;
-  }
-
-  .card__image-block.aspect--3-4 .card__image {
-    aspect-ratio: 3 / 4;
-  }
-
-  .card__image-block.aspect--9-16 .card__image {
-    aspect-ratio: 9 / 16;
-  }
-
-  .card__image ::slotted(img) {
-    display: block;
-    object-fit: cover;
-    width: 100%;
-  }
-
-  .card:not(.card--has-image) .card__image {
-    display: none;
-  }
-
-  .card__image-top-start,
-  .card__image-top-end,
-  .card__image-bottom-start,
-  .card__image-bottom-end {
-    position: absolute;
-    display: inline-flex;
-  }
-
-  .card__image-top-start {
-    top: var(--padding);
-    left: var(--padding);
-  }
-
-  .card__image-top-end {
-    top: var(--padding);
-    right: var(--padding);
-  }
-
-  .card__image-bottom-start {
-    bottom: var(--padding);
-    left: var(--padding);
-  }
-
-  .card__image-bottom-end {
-    bottom: var(--padding);
-    right: var(--padding);
-  }
-
-  .card__header {
-    display: block;
-    border-bottom: solid var(--border-width) var(--border-color);
-    padding: calc(var(--padding) / 2) var(--padding);
-  }
-
-  .card:not(.card--has-header) .card__header {
-    display: none;
-  }
-
-  .card:not(.card--has-image) .card__header {
-    border-top-left-radius: var(--border-radius);
-    border-top-right-radius: var(--border-radius);
-  }
-
-  .card__body {
-    display: block;
-    padding: var(--padding);
-  }
-
-  .card--has-footer .card__footer {
-    display: block;
-    border-top: solid var(--border-width) var(--border-color);
-    padding: var(--padding);
-  }
-
-  .card:not(.card--has-footer) .card__footer {
-    display: none;
-  }
-
-  .card--stealth {
-    background-color: transparent;
-    border-color: transparent;
-    gap: var(--padding);
-  }
-
-  .card--stealth.card--interactive {
-    padding: var(--padding);
-  }
-
-  .card--stealth .card__image {
-    border-radius: var(--border-radius);
-  }
-
-  .card--stealth .card__footer,
-  .card--stealth .card__header,
-  .card--stealth .card__body {
-    padding: 0;
-  }
-
-  .card--stealth.card--interactive:hover {
-    background-color: var(--lynk-panel-background-color) !important;
-    border-color: var(--border-color) !important;
-  }
-
-  .card--stealth.card--active,
-  .card--stealth.card--active:hover {
-    border-color: var(--state-color) !important;
-  }
-
-  @keyframes pulse {
-    0% {
-      box-shadow: 0 0 0 0 var(--state-color);
-    }
-    70% {
-      box-shadow: 0 0 0 0.5rem transparent;
-    }
-    100% {
-      box-shadow: 0 0 0 0 transparent;
-    }
-  }
-`;export{o as a};

package/cdn/chunks/chunk.VCPJ35XT.js

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