@uplynk/lynk-design 1.19.2 → 1.20.0

package/cdn/chunks/chunk.AZ4DLRCJ.js

@@ -1,20 +0,0 @@
-import{a as u}from"./chunk.UU5TUE4F.js";import{a as m}from"./chunk.O4ZRZ3HV.js";import{a as r,b as i,d as o,g as c}from"./chunk.FU5FZZFK.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.localize=new m(this);this.value=0;this.label=""}updated(a){if(super.updated(a),a.has("value")){let n=parseFloat(getComputedStyle(this.indicator).getPropertyValue("r")),l=2*Math.PI*n,d=l-this.value/100*l;this.indicatorOffset=`${d}px`}}render(){return s`
-      <div
-        part="base"
-        class="progress-ring"
-        role="progressbar"
-        aria-label=${this.label.length>0?this.label:this.localize.term("progress")}
-        aria-describedby="label"
-        aria-valuemin="0"
-        aria-valuemax="100"
-        aria-valuenow="${this.value}"
-        style="--percentage: ${this.value/100}"
-      >
-        <svg class="progress-ring__image">
-          <circle class="progress-ring__track"></circle>
-          <circle class="progress-ring__indicator" style="stroke-dashoffset: ${this.indicatorOffset}"></circle>
-        </svg>
-
-        <slot id="label" part="label" class="progress-ring__label"></slot>
-      </div>
-    `}};e.styles=[p,u],t([o(".progress-ring__indicator")],e.prototype,"indicator",2),t([i()],e.prototype,"indicatorOffset",2),t([r({type:Number,reflect:!0})],e.prototype,"value",2),t([r()],e.prototype,"label",2);export{e as a};

package/cdn/chunks/chunk.B75OHWIQ.js

@@ -1,6 +0,0 @@
-import{a as s}from"./chunk.NZSCHSZJ.js";import{a as o}from"./chunk.O4ZRZ3HV.js";import{g as t}from"./chunk.FU5FZZFK.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as e}from"./chunk.PINNEFCM.js";var r=class extends t{constructor(){super(...arguments);this.localize=new o(this)}render(){return e`
-      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
-        <circle class="spinner__track"></circle>
-        <circle class="spinner__indicator"></circle>
-      </svg>
-    `}};r.styles=[l,s];export{r as a};

package/cdn/chunks/chunk.B7IDUPGL.js

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

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

package/cdn/chunks/chunk.BGHC4ID7.js

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

package/cdn/chunks/chunk.BKEZ2HJ7.js

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

package/cdn/chunks/chunk.BLCRJQSY.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.7BJICDUT.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var p="lynk-panel";e.define("lynk-panel");var a=n({tagName:p,elementClass:e,react:t,events:{EvExpand:"ev-expand",EvAfterExpand:"ev-after-expand",EvCollapse:"ev-collapse",EvAfterCollapse:"ev-after-collapse"},displayName:"LynkPanel"}),r=a;export{r as a};

package/cdn/chunks/chunk.BONBGM7U.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.VGARHDVB.js";import{a as U}from"./chunk.7TAXE2HP.js";import{a as m,b as v,g as N}from"./chunk.FU5FZZFK.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.C5E3ECTP.js

@@ -1,145 +0,0 @@
-import{a as o}from"./chunk.PINNEFCM.js";var r=o`
-  :host {
-    display: inline-flex;
-    --height: 256px;
-    --selected-color: var(--lynk-color-primary-600);
-    --selected-text-color: var(--lynk-color-neutral-0);
-    --hover-color: var(--lynk-color-gray-a50);
-    --border-color: var(--lynk-color-neutral-200);
-    height: var(--height);
-  }
-
-  .clock {
-    position: relative;
-    height: 100%;
-  }
-
-  .clock__picker {
-    display: flex;
-    font-size: var(--lynk-font-size-medium);
-    min-height: 0;
-    height: 100%;
-    border-bottom: 1px solid var(--border-color);
-  }
-
-  .clock--disabled .clock__picker {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  /* Columns */
-  .clock__column {
-    display: flex;
-    flex-direction: column;
-    min-width: 0;
-    flex: 0 0 auto;
-  }
-
-  .clock__column ol,
-  .clock__column li {
-    margin: 0;
-    padding: 4px;
-    list-style: none;
-  }
-
-  .clock__column ol::after {
-    display: block;
-    height: calc(100% - 38px);
-    min-height: calc(100% - 38px);
-    content: '';
-  }
-
-  .clock__column + .clock__column > ol {
-    border-left: 1px solid var(--border-color);
-  }
-
-  /* Time columns */
-  .clock__hours,
-  .clock__minutes,
-  .clock__seconds,
-  .clock__ampm-toggle {
-    display: flex;
-    flex-direction: column;
-    overflow-y: overlay;
-    flex: 1;
-    gap: 2px;
-    scrollbar-width: thin;
-    scrollbar-color: var(--lynk-color-neutral-400) transparent;
-
-    /* Webkit scrollbar styles for overlay appearance */
-    &::-webkit-scrollbar {
-      width: 6px;
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-track {
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: var(--lynk-color-neutral-400);
-      border-radius: 3px;
-      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;
-    }
-  }
-
-  /* Fallback for browsers that don't support overlay */
-  @supports not (overflow: overlay) {
-    .clock__hours,
-    .clock__minutes,
-    .clock__seconds,
-    .clock__ampm-toggle {
-      overflow-y: auto;
-    }
-  }
-
-  /* Time items */
-  .clock__time-item {
-    display: flex;
-    width: 40px;
-    min-height: 36px;
-    height: 36px;
-    align-items: center;
-    justify-content: center;
-    padding: var(--lynk-spacing-small);
-    border-radius: var(--lynk-border-radius-medium);
-    cursor: pointer;
-    transition:
-      var(--lynk-transition-fast) background-color,
-      var(--lynk-transition-fast) color;
-  }
-
-  .clock__time-item:hover {
-    background-color: var(--hover-color);
-  }
-
-  .clock__time-item--selected,
-  .clock__time-item--selected:hover {
-    font-weight: var(--lynk-font-weight-semibold);
-    color: var(--selected-text-color);
-    background-color: var(--selected-color);
-  }
-
-  .clock--disabled .clock__time-item {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  .clock--disabled .clock__time-item:hover {
-    background-color: transparent;
-  }
-
-  .clock--disabled .clock__time-item--selected:hover {
-    background-color: var(--selected-color);
-  }
-`;export{r as a};

package/cdn/chunks/chunk.CIXURCS3.js

@@ -1,13 +0,0 @@
-import{a as r}from"./chunk.CYEIM4KM.js";import{g as s}from"./chunk.FU5FZZFK.js";import{a}from"./chunk.MXDME6T6.js";import{d as e}from"./chunk.PINNEFCM.js";var t=class extends s{render(){return e`
-      <div part="base" class="page">
-        <slot name="header" part="header" class="page__header"></slot>
-        <slot name="left-sidebar" part="left-sidebar" class="page__left-sidebar"></slot>
-        <slot name="left-inset-sidebar" part="left-inset-sidebar" class="page__left-inset-sidebar"></slot>
-        <div part="main" class="page__main">
-          <slot></slot>
-        </div>
-        <slot name="right-sidebar" part="right-sidebar" class="page__right-sidebar"></slot>
-        <slot name="right-inset-sidebar" part="right-inset-sidebar" class="page__right-inset-sidebar"></slot>
-        <slot name="footer" part="footer" class="page__footer"></slot>
-      </div>
-    `}};t.styles=[a,r];export{t as a};

package/cdn/chunks/chunk.CK7O3VSZ.js

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

package/cdn/chunks/chunk.CP557FFC.js

@@ -1 +0,0 @@
-import{a as d}from"./chunk.ZBL7WITN.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as l,g as n}from"./chunk.FU5FZZFK.js";import{a}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.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.CXTKECKS.js

@@ -1,149 +0,0 @@
-import{a as e}from"./chunk.PINNEFCM.js";var t=e`
-  :host {
-    display: block;
-    --submenu-offset: -2px;
-  }
-
-  :host([inert]) {
-    display: none;
-  }
-
-  .menu-item {
-    position: relative;
-    display: flex;
-    align-items: stretch;
-    font-family: var(--lynk-font-sans);
-    font-size: var(--lynk-font-size-medium);
-    font-weight: var(--lynk-font-weight-normal);
-    line-height: var(--lynk-line-height-normal);
-    letter-spacing: var(--lynk-letter-spacing-normal);
-    color: var(--lynk-color-text-quieter);
-    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-2x-small);
-    transition: var(--lynk-transition-fast) fill;
-    user-select: none;
-    -webkit-user-select: none;
-    white-space: nowrap;
-    cursor: pointer;
-  }
-
-  .menu-item.menu-item--disabled {
-    outline: none;
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .menu-item.menu-item--loading {
-    outline: none;
-    cursor: wait;
-  }
-
-  .menu-item.menu-item--loading *:not(lynk-spinner) {
-    opacity: 0.5;
-  }
-
-  .menu-item--loading lynk-spinner {
-    --indicator-color: currentColor;
-    --track-width: 1px;
-    position: absolute;
-    font-size: 0.75em;
-    top: calc(50% - 0.5em);
-    left: 0.65rem;
-    opacity: 1;
-  }
-
-  .menu-item .menu-item__label {
-    flex: 1 1 auto;
-    display: inline-block;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-
-  .menu-item .menu-item__prefix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .menu-item .menu-item__prefix::slotted(*) {
-    margin-inline-end: var(--lynk-spacing-x-small);
-  }
-
-  .menu-item .menu-item__suffix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .menu-item .menu-item__suffix::slotted(*) {
-    margin-inline-start: var(--lynk-spacing-x-small);
-  }
-
-  /* Safe triangle */
-  .menu-item--submenu-expanded::after {
-    content: '';
-    position: fixed;
-    z-index: calc(var(--lynk-z-index-dropdown) - 1);
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    clip-path: polygon(
-      var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),
-      var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0),
-      var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0)
-    );
-  }
-
-  :host(:focus-visible) {
-    outline: none;
-  }
-
-  :host(:hover:not([aria-disabled='true'])) .menu-item,
-  :host(:focus-visible) .menu-item,
-  :host(:focus-visible:hover:not([aria-disabled='true'])) .menu-item,
-  .menu-item--submenu-expanded {
-    outline: none;
-    background-color: var(--lynk-color-neutral-200);
-    color: var(--lynk-color-text);
-    opacity: 1;
-  }
-
-  .menu-item .menu-item__check,
-  .menu-item .menu-item__chevron {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.5em;
-    visibility: hidden;
-  }
-
-  .menu-item--checked .menu-item__check,
-  .menu-item--has-submenu .menu-item__chevron {
-    visibility: visible;
-  }
-
-  /* Add elevation and z-index to submenus */
-  lynk-popup::part(popup) {
-    box-shadow: var(--lynk-shadow-large);
-    z-index: var(--lynk-z-index-dropdown);
-    margin-left: var(--submenu-offset);
-  }
-
-  .menu-item--rtl lynk-popup::part(popup) {
-    margin-left: calc(-1 * var(--submenu-offset));
-  }
-
-  @media (forced-colors: active) {
-    :host(:hover:not([aria-disabled='true'])) .menu-item,
-    :host(:focus-visible) .menu-item {
-      outline: dashed 1px SelectedItem;
-      outline-offset: -1px;
-    }
-  }
-
-  ::slotted(lynk-menu) {
-    max-width: var(--auto-size-available-width) !important;
-    max-height: var(--auto-size-available-height) !important;
-  }
-`;export{t as a};

package/cdn/chunks/chunk.CYEIM4KM.js

@@ -1,52 +0,0 @@
-import{a as e}from"./chunk.PINNEFCM.js";var i=e`
-  :host {
-    display: contents;
-  }
-
-  .page {
-    width: 100%;
-    height: 100%;
-    display: grid;
-    grid-template:
-      'left-sidebar left-inset-sidebar header right-inset-sidebar right-sidebar' min-content
-      'left-sidebar left-inset-sidebar main right-inset-sidebar right-sidebar' 1fr
-      'left-sidebar footer footer footer right-sidebar' min-content
-      / auto auto 1fr auto auto;
-  }
-
-  .page__main {
-    grid-area: main;
-    display: block;
-    overflow: auto;
-  }
-
-  .page__header {
-    grid-area: header;
-    display: block;
-  }
-
-  .page__footer {
-    grid-area: footer;
-    display: block;
-  }
-
-  .page__left-sidebar {
-    grid-area: left-sidebar;
-    display: block;
-  }
-
-  .page__right-sidebar {
-    grid-area: right-sidebar;
-    display: block;
-  }
-
-  .page__left-inset-sidebar {
-    grid-area: left-inset-sidebar;
-    display: block;
-  }
-
-  .page__right-inset-sidebar {
-    grid-area: right-inset-sidebar;
-    display: block;
-  }
-`;export{i as a};

package/cdn/chunks/chunk.D23KZYEP.js

@@ -1,23 +0,0 @@
-import{a as u}from"./chunk.FVJ4W67J.js";import{a as f}from"./chunk.VDWIYU3J.js";import{a as r,b as o}from"./chunk.UBVFZZFQ.js";import{a as b}from"./chunk.O4ZRZ3HV.js";import{a}from"./chunk.TETFNMKN.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as i,d as c,g as h}from"./chunk.FU5FZZFK.js";import{a as p}from"./chunk.MXDME6T6.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.D3JJ6FTH.js

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

package/cdn/chunks/chunk.DDEC2VQQ.js

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

package/cdn/chunks/chunk.DDZHMVXT.js

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

package/cdn/chunks/chunk.DF2JYXY7.js

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

package/cdn/chunks/chunk.DFTG7Q2Z.js

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

package/cdn/chunks/chunk.DGOIPOJH.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.5DSR4LA3.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tooltip";e.define("lynk-tooltip");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:"LynkTooltip"}),p=v;export{p as a};

package/cdn/chunks/chunk.DKZ5QBVJ.js

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

package/cdn/chunks/chunk.DMDSMUFN.js

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