@uplynk/lynk-design 1.18.0 → 1.18.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@uplynk/lynk-design",
   "description": "A library of web components for building web applications with the Uplynk user interface style guide.",
-  "version": "1.18.0",
+  "version": "1.18.1",
   "homepage": "https://lynk.design/",
   "author": "Harley Jessop",
   "license": "SEE LICENSE IN .LICENSE",
@@ -84,71 +84,71 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "^4.2.0",
-    "@floating-ui/dom": "^1.7.6",
+    "@floating-ui/dom": "^1.8.0",
     "@lit/react": "^1.0.8",
     "@shoelace-style/animations": "^1.2.0",
-    "@shoelace-style/localize": "^3.2.2",
+    "@shoelace-style/localize": "^3.2.3",
     "composed-offset-position": "^0.0.6",
     "lit": "^3.3.3"
   },
   "devDependencies": {
     "@11ty/eleventy": "^3.1.6",
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@open-wc/testing": "^4.0.0",
-    "@playwright/test": "1.57.0",
+    "@open-wc/testing": "^5.0.0",
+    "@playwright/test": "1.62.1",
     "@types/color": "^4.2.1",
     "@types/mocha": "^10.0.10",
-    "@types/react": "^19.2.17",
-    "@typescript-eslint/eslint-plugin": "^8.63.0",
-    "@typescript-eslint/parser": "^8.63.0",
+    "@types/react": "^19.2.18",
+    "@typescript-eslint/eslint-plugin": "^8.67.0",
+    "@typescript-eslint/parser": "^8.67.0",
     "@web/dev-server-esbuild": "^2.0.0",
     "@web/test-runner": "^1.0.0",
-    "@web/test-runner-commands": "^1.0.0",
+    "@web/test-runner-commands": "^1.0.1",
     "@web/test-runner-playwright": "^1.0.0",
     "bootstrap-icons": "^1.13.1",
     "browser-sync": "^3.0.4",
-    "chalk": "^5.6.2",
+    "chalk": "^6.0.0",
     "change-case": "^5.4.4",
     "command-line-args": "^6.0.2",
-    "comment-parser": "^1.4.7",
+    "comment-parser": "^1.4.8",
     "cspell": "^10.0.1",
     "custom-element-jet-brains-integration": "^1.7.0",
     "custom-element-vs-code-integration": "^1.5.0",
     "custom-element-vuejs-integration": "^1.4.0",
     "del": "^8.0.1",
     "download": "^8.0.0",
-    "esbuild": "^0.28.1",
+    "esbuild": "^0.28.2",
     "esbuild-plugin-replace": "^1.4.0",
-    "eslint": "^10.6.0",
+    "eslint": "^10.8.1",
     "eslint-plugin-chai-expect": "^4.1.0",
     "eslint-plugin-chai-friendly": "^1.2.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-lit": "^2.3.1",
     "eslint-plugin-lit-a11y": "^5.1.1",
-    "eslint-plugin-simple-import-sort": "^13.0.0",
+    "eslint-plugin-simple-import-sort": "^14.0.0",
     "eslint-plugin-wc": "^3.1.0",
     "front-matter": "^4.0.2",
     "get-port": "^7.2.0",
-    "globby": "^16.2.1",
+    "globby": "^16.2.3",
     "husky": "^9.1.7",
-    "jsdom": "^29.1.1",
-    "lint-staged": "^17.0.8",
+    "jsdom": "^30.0.1",
+    "lint-staged": "^17.3.0",
     "lunr": "^2.3.9",
     "markdown-it-container": "^4.0.0",
     "markdown-it-ins": "^4.0.0",
     "markdown-it-kbd": "^3.0.2",
     "markdown-it-mark": "^4.0.0",
     "markdown-it-replace-it": "^1.0.0",
-    "npm-check-updates": "^22.2.9",
+    "npm-check-updates": "^23.0.2",
     "ora": "^9.4.1",
     "plop": "^4.0.5",
-    "prettier": "^3.9.5",
+    "prettier": "^3.9.6",
     "prismjs": "^1.30.0",
-    "react": "^19.2.7",
+    "react": "^19.2.8",
     "recursive-copy": "^2.0.14",
-    "sinon": "^22.0.0",
+    "sinon": "^22.1.0",
     "smartquotes": "^2.3.2",
-    "source-map": "^0.7.6",
+    "source-map": "^0.8.0",
     "strip-css-comments": "^5.0.0",
     "tslib": "^2.8.1",
     "typescript": "6.0.3",
@@ -160,5 +160,5 @@
       "prettier --write"
     ]
   },
-  "packageManager": "pnpm@11.11.0"
+  "packageManager": "pnpm@11.21.0"
 }

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-import{a as l}from"./chunk.Q3J7P2MZ.js";import{a as i,g as a}from"./chunk.4D6MBWSA.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.2ON4HDAW.js

@@ -1,24 +0,0 @@
-import{a as E}from"./chunk.C3YMGEJ5.js";import{a as y}from"./chunk.6S67HV2F.js";import{a as P}from"./chunk.FC4RDJJF.js";import{a as v}from"./chunk.ZP7BBHMJ.js";import{a as d}from"./chunk.Q3J7P2MZ.js";import{a as z}from"./chunk.YZSIY5HS.js";import{a as m,g as b}from"./chunk.4D6MBWSA.js";import{a as S}from"./chunk.45RIPFQU.js";import{d as g}from"./chunk.QRMWQQRW.js";import{e as p}from"./chunk.FI4IKBIW.js";var c=class extends b{constructor(){super(...arguments);this.localize=new d(this);this.hasEmittedReady=!1;this.isInitialized=!1;this.hasRunFirstUpdated=!1;this.sizes=[];this.positions=[];this.vertical=!1;this.disabled=!1;this.push=!1;this.dividerWidth=8;this.snap="";this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.loadPositions(),this.resizeObserver=new ResizeObserver(t=>this.handleResize(t)),this.mutationObserver=new MutationObserver(()=>this.handleSlotChange())}async firstUpdated(){if(this.hasRunFirstUpdated)return;this.hasRunFirstUpdated=!0,this.resizeObserver.observe(this),this.detectSize(),this.setupAutoObservation(),await customElements.whenDefined("lynk-splitter-pane"),await this.updateComplete;let t=this.getPanes();this.detectSize(),this.sizes.length>0?(this.positions=this.calculatePositions(t),this.requestUpdate()):t.length>0&&t.some(e=>e.size)?(this.positions=this.calculatePositions(t),this.requestUpdate()):t.length>0&&this.positions.length===0&&(this.positions=this.getEqualPositions(t.length)),this.isInitialized=!0,this.handleSlotChange()}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this),(e=this.mutationObserver)==null||e.disconnect()}detectSize(){let{width:t,height:e}=this.getBoundingClientRect();this.size=this.vertical?e:t}pixelsToPercentage(t){return t/this.size*100}loadPositions(){if(this.autoSaveId&&typeof localStorage!="undefined")try{let t=localStorage.getItem(`lynk-splitter-${this.autoSaveId}`);t&&(this.positions=JSON.parse(t))}catch(t){}}savePositions(){if(this.autoSaveId&&typeof localStorage!="undefined")try{localStorage.setItem(`lynk-splitter-${this.autoSaveId}`,JSON.stringify(this.positions))}catch(t){}}setupAutoObservation(){var e;this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["hidden"]});let t=(e=this.shadowRoot)==null?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",()=>this.handleSlotChange())}handleSlotChange(){if(!this.isInitialized)return;let t=this.getPanes(),e=t.length,s=this.positions.length+1;e!==s&&(this.detectSize(),this.recalculatePositionsForPanes(t)),this.requestUpdate(),!this.hasEmittedReady&&t.length>0&&(this.hasEmittedReady=!0,this.updateComplete.then(()=>{setTimeout(()=>this.emitReadyEvent(),0)}))}recalculatePositionsForPanes(t){if(t.length<=1){this.positions=[];return}this.sizes.length>0||t.some(s=>s.size||s.minSize||s.maxSize)?this.positions=this.calculatePositions(t):this.positions=this.getEqualPositions(t.length)}getEqualPositions(t){if(t<=1)return[];let e=[],s=100/t;for(let i=1;i<t;i++)e.push(s*i);return e}calculatePositions(t){if(t.length<=1)return[];let e=this.getAvailableSpace(t.length),s=this.calculatePaneSizes(t,e);return this.convertSizesToPositions(s,e)}getAvailableSpace(t){return 100-this.getTotalDividerWidth(t)}calculatePaneSizes(t,e){let s=new Array(t.length).fill(0),i=0,n=0;for(let o=0;o<t.length;o++){let h=t[o],l=0;this.sizes[o]&&this.sizes[o]!=="auto"?l=this.parseSize(this.sizes[o],e):h.size?l=this.parseSize(h.size,e):h.minSize&&(l=this.parseSize(h.minSize,e)),l>0&&(s[o]=l,i+=l,n++)}let a=Math.max(0,e-i),r=t.length-n;if(r>0){let o=a/r;for(let h=0;h<t.length;h++)s[h]===0&&(s[h]=o)}return this.enforceMaxSizeConstraints(t,s,e),s}enforceMaxSizeConstraints(t,e,s){let i=!0;for(;i;){i=!1;let n=0,a=[];for(let r=0;r<t.length;r++){let o=t[r];if(o.maxSize){let h=this.parseSize(o.maxSize,s);e[r]>h?(n+=e[r]-h,e[r]=h,i=!0):a.push(r)}else a.push(r)}if(n>0&&a.length>0){let r=n/a.length;a.forEach(o=>{e[o]+=r})}}}convertSizesToPositions(t,e){let s=[],i=0;for(let n=0;n<t.length-1;n++)i+=t[n],s.push(i/e*100);return s}parseSize(t,e){return t.endsWith("%")?parseFloat(t)/100*e:t.endsWith("px")?parseFloat(t)/this.size*100/100*e:parseFloat(t)/100*e}getPanes(){return[...this.children].filter(t=>t.tagName==="LYNK-SPLITTER-PANE"&&!t.hasAttribute("hidden"))}handleDrag(t,e){this.disabled||(t.cancelable&&t.preventDefault(),y(this,{onMove:(s,i)=>{let n=this.vertical?i:s,a=this.pixelsToPercentage(n);if(this.snap&&(a=this.applySnapping(a)),this.push)this.positions=this.handlePushResize(e,a);else{let r=this.calculateConstraints(e);this.positions=[...this.positions],this.positions[e]=P(a,r.min,r.max)}this.requestUpdate(),this.emitSplitterResizeEvent(t,e)},onStop:()=>{this.savePositions(),this.emitAfterSplitterResizeEvent(t,e)},initialEvent:t}))}handleKeyDown(t,e){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(t.key)){t.preventDefault();let s=t.shiftKey?5:1,i=this.calculateConstraints(e),n=this.positions[e];(t.key==="ArrowLeft"&&!this.vertical||t.key==="ArrowUp"&&this.vertical)&&(n-=s),(t.key==="ArrowRight"&&!this.vertical||t.key==="ArrowDown"&&this.vertical)&&(n+=s),n=P(n,i.min,i.max),this.push&&(this.positions=this.handlePushResize(e,n)),this.positions=[...this.positions],this.positions[e]=n,this.requestUpdate(),this.savePositions(),this.emitAfterSplitterResizeEvent(t,e)}}handleResize(t){let{width:e,height:s}=t[0].contentRect,i=this.size;this.size=this.vertical?s:e,i&&Math.abs(this.size-i)>1&&(this.recalculatePositionsForResize(),this.requestUpdate())}handleSizesChange(){if(this.sizes.length===0)return;let t=this.getPanes();t.length>0&&(this.positions=this.calculatePositions(t),this.requestUpdate())}handleVerticalChange(){this.detectSize()}updatePaneStyles(){var a;let t=this.getPanes(),s=100-this.getTotalDividerWidth(t.length),i=this.getPaneSizeStrings();t.forEach((r,o)=>{let h=parseFloat(i[o])/100*s;r.style.flex=`0 0 ${h}%`,r.style.order=(o*2).toString()});let n=(a=this.shadowRoot)==null?void 0:a.querySelectorAll(".divider");n==null||n.forEach((r,o)=>{r.style.order=(o*2+1).toString(),r.style.flex=`0 0 ${this.dividerWidth}px`})}calculateConstraints(t){let e=this.getPanes(),s=e[t],i=e[t+1],n=this.getAvailableSpace(e.length),a=t>0?this.positions[t-1]:0,r=t<this.positions.length-1?this.positions[t+1]:100;if(s){let{minSize:o,maxSize:h}=this.getPaneConstraints(s,n),l=o/n*100,u=h!==1/0?h/n*100:1/0;if(l>0&&(a=Math.max(a,a+l)),u!==1/0){let f=t>0?this.positions[t-1]:0;r=Math.min(r,f+u)}}if(i){let{minSize:o,maxSize:h}=this.getPaneConstraints(i,n),l=o/n*100,u=h!==1/0?h/n*100:1/0;if(l>0){let f=t<this.positions.length-1?this.positions[t+1]:100;r=Math.min(r,f-l)}if(u!==1/0){let f=t<this.positions.length-1?this.positions[t+1]:100;a=Math.max(a,f-u)}}return{min:a,max:r}}getPaneConstraints(t,e){let s=t.minSize?this.parseSize(t.minSize,e):0,i=t.maxSize?this.parseSize(t.maxSize,e):1/0;return{minSize:s,maxSize:i}}getTotalDividerWidth(t){let e=t-1;return this.dividerWidth*e/this.size*100}handlePushResize(t,e){let s=this.getPanes(),i=e-this.positions[t];if(Math.abs(i)<.1)return this.positions;let n=this.getCurrentPaneSizes(this.positions,s.length);return i>0?this.resizePanes(n,s,t,t+1,i):this.resizePanes(n,s,t+1,t,Math.abs(i)),this.convertSizesToPositions(n,100)}getCurrentPaneSizes(t,e){let s=[],i=0;for(let n=0;n<e;n++){let a=n<t.length?t[n]:100;s.push(a-i),i=a}return s}applySnapping(t){if(!this.snap)return t;let e=this.snap.split(" "),s=t,i=this.snapThreshold+1;return e.forEach(n=>{let a;n.endsWith("%")?a=parseFloat(n):n.endsWith("px")?a=this.pixelsToPercentage(parseFloat(n)):a=parseFloat(n);let r=Math.abs(t-a);r<=this.snapThreshold&&r<i&&(s=a,i=r)}),s}recalculatePositionsForResize(){let t=this.getPanes();if(t.length===0)return;t.some(s=>{var i,n,a;return((i=s.size)==null?void 0:i.endsWith("px"))||((n=s.minSize)==null?void 0:n.endsWith("px"))||((a=s.maxSize)==null?void 0:a.endsWith("px"))})&&(this.positions=this.calculatePositions(t),this.requestUpdate())}resizePanes(t,e,s,i,n){let a=this.getAvailableSpace(e.length),{maxSize:r}=this.getPaneConstraints(e[s],a),o=Math.min(n,r-t[s]);if(o<=0)return;let{minSize:h}=this.getPaneConstraints(e[i],a),l=Math.min(o,t[i]-h);t[i]-=l,t[s]+=l;let u=o-l;if(u<=0)return;let[f,C]=s<i?[i+1,e.length]:[0,i];this.cascadeShrink(t,e,f,C,u,s,a)}cascadeShrink(t,e,s,i,n,a,r){let o=n;for(let h=s;h<i&&o>0;h++){let{minSize:l}=this.getPaneConstraints(e[h],r),u=Math.min(o,t[h]-l);u>0&&(t[h]-=u,t[a]+=u,o-=u)}}getPaneSizeStrings(){let t=[],e=0;for(let[s]of this.positions.entries())t.push(`${this.positions[s]-e}%`),e=this.positions[s];return t.push(`${100-e}%`),t}createPaneDetails(){let t=this.getPanes(),e=this.getPaneSizeStrings();return t.map((s,i)=>{let n=parseFloat(e[i]),a=n/100*this.size;return{index:i,size:n,sizePixels:Math.round(a),element:s}})}emitSplitterResizeEvent(t,e){let s=this.createPaneDetails(),i=e>=0?s[e]:null,n=e+1<s.length?s[e+1]:null;this.emit("ev-splitter-resize",{detail:{event:t,index:e,prevPane:i,nextPane:n,panes:s}})}emitAfterSplitterResizeEvent(t,e){let s=this.createPaneDetails(),i=e>=0?s[e]:null,n=e+1<s.length?s[e+1]:null;this.emit("ev-after-splitter-resize",{detail:{event:t,index:e,prevPane:i,nextPane:n,panes:s}})}emitReadyEvent(){if(this.getPanes().length===0)return;let e=this.createPaneDetails();this.emit("ev-ready",{detail:{panes:e}})}updated(){this.updatePaneStyles()}render(){return g`
-      <slot @slotchange=${this.handleSlotChange}></slot>
-      ${this.positions.map((t,e)=>g`
-          <div
-            part="divider divider-${e}"
-            style="--divider-width: ${this.dividerWidth}px;"
-            class="divider"
-            data-index="${e}"
-            tabindex=${v(this.disabled?void 0:"0")}
-            role="separator"
-            aria-valuenow=${this.positions[e]||50}
-            aria-valuemin="0"
-            aria-valuemax="100"
-            aria-label=${this.localize.term("resize")}
-            @keydown=${s=>this.handleKeyDown(s,e)}
-            @mousedown=${s=>this.handleDrag(s,e)}
-            @touchstart=${s=>this.handleDrag(s,e)}
-          >
-            <slot name="divider-${e}">
-              <slot part="handle" class="handle" name="divider"></slot>
-            </slot>
-          </div>
-        `)}
-    `}};c.styles=[S,E],p([m({type:Array,converter:{fromAttribute:t=>{if(!t)return[];try{let e=t.replace(/'/g,'"');return JSON.parse(e)}catch(e){return[]}},toAttribute:t=>JSON.stringify(t)}})],c.prototype,"sizes",2),p([m({type:Boolean,reflect:!0})],c.prototype,"vertical",2),p([m({type:Boolean,reflect:!0})],c.prototype,"disabled",2),p([m({attribute:"auto-save-id"})],c.prototype,"autoSaveId",2),p([m({type:Boolean})],c.prototype,"push",2),p([m({type:Number,attribute:"divider-width"})],c.prototype,"dividerWidth",2),p([m()],c.prototype,"snap",2),p([m({type:Number,attribute:"snap-threshold"})],c.prototype,"snapThreshold",2),p([z("sizes")],c.prototype,"handleSizesChange",1),p([z("vertical")],c.prototype,"handleVerticalChange",1);export{c as a};

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

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

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

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

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

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

@@ -1,24 +0,0 @@
-import{a as c}from"./chunk.RDQL4KEI.js";import{a as p}from"./chunk.5MZQ7XT5.js";import{a as n}from"./chunk.YHSYTTFF.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as i}from"./chunk.3RH6CRTR.js";import{a as l,g as s}from"./chunk.4D6MBWSA.js";import{a}from"./chunk.45RIPFQU.js";import{d as r}from"./chunk.QRMWQQRW.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends s{constructor(){super(...arguments);this.hasSlotController=new n(this,"prefix");this.localize=new m(this);this.color="default";this.appearance="outlined filled";this.size="medium";this.pill=!1;this.removable=!1;this.pulse=!1}set type(o){this.color=o==="text"?"default":o}get type(){return this.color==="default"?"text":this.color}set badge(o){o&&(this.appearance="loud")}handleRemoveClick(){this.emit("ev-remove")}render(){return r`
-      <span
-        part="base"
-        class=${i({tag:!0,"tag--tiny":this.size==="tiny","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large","tag--pill":this.pill,"tag--pulse":this.pulse,"tag--badge":this.badge,"tag--removable":this.removable})}
-      >
-        ${this.hasSlotController.test("prefix")?r`<slot name="prefix" part="prefix" class="tag__prefix"></slot>`:""}
-        <slot part="content" class="tag__content"></slot>
-
-        ${this.removable?r`
-                <button
-                  part="remove-button"
-                  class="tag__remove"
-                  type="button"
-                  aria-label=${this.localize.term("remove")}
-                  @click=${this.handleRemoveClick}
-                  tabindex="-1"
-                >
-                  <slot name="remove-icon">
-                    <lynk-icon name="x" library="system"></lynk-icon>
-                  </slot>
-                </button>
-              `:""}
-      </span>
-    `}};e.styles=[a,c],e.dependencies={"lynk-icon-button":p},t([l({reflect:!0})],e.prototype,"color",2),t([l()],e.prototype,"type",1),t([l({reflect:!0})],e.prototype,"appearance",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([l({type:Boolean})],e.prototype,"removable",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pulse",2),t([l({type:Boolean})],e.prototype,"badge",1);export{e as a};

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

@@ -1,5 +0,0 @@
-import{a}from"./chunk.HCTDOOOL.js";import{a as s,g as r}from"./chunk.4D6MBWSA.js";import{a as n}from"./chunk.45RIPFQU.js";import{d as i}from"./chunk.QRMWQQRW.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends r{constructor(){super(...arguments);this.container=!1;this.item=!1;this.gap="base"}getBreakpointClasses(){return this.span?this.span.split(",").map(l=>`span--${l.trim()}`).join(" "):""}render(){let l=this.container?"grid":null,o=this.direction&&this.container?`grid--${this.direction}`:null,c=this.justify&&this.container?`grid--justify-${this.justify}`:null,p=this.align&&this.container?`grid--align-${this.align}`:null,m=this.item?"grid__item":null,u=this.span&&this.item?this.getBreakpointClasses():null;return i`
-      <div part="base" class="${[l,o,c,p,m,u].join(" ")}" style="--gap: var(--lynk-spacing-${this.gap})">
-        <slot></slot>
-      </div>
-    `}};t.styles=[n,a],e([s({type:Boolean,reflect:!0})],t.prototype,"container",2),e([s({type:Boolean,reflect:!0})],t.prototype,"item",2),e([s({reflect:!0})],t.prototype,"direction",2),e([s({reflect:!0})],t.prototype,"justify",2),e([s({reflect:!0})],t.prototype,"align",2),e([s({reflect:!0})],t.prototype,"span",2),e([s({reflect:!0})],t.prototype,"gap",2);export{t as a};

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

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

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

@@ -1,13 +0,0 @@
-import{a as t}from"./chunk.QRMWQQRW.js";var i=t`
-  :host(:not(:focus-within)) {
-    position: absolute !important;
-    width: 1px !important;
-    height: 1px !important;
-    clip: rect(0 0 0 0) !important;
-    clip-path: inset(50%) !important;
-    border: none !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    padding: 0 !important;
-  }
-`;export{i as a};

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

@@ -1 +0,0 @@
-import{a as h,b as c,c as d}from"./chunk.N5VZIW5Z.js";import{g as a}from"./chunk.QRMWQQRW.js";var f=c(class extends d{constructor(s){var e;if(super(s),s.type!==h.ATTRIBUTE||s.name!=="class"||((e=s.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter((e=>s[e])).join(" ")+" "}update(s,[e]){var n,i;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>t!==""))));for(let t in e)e[t]&&!((n=this.nt)!=null&&n.has(t))&&this.st.add(t);return this.render(e)}let r=s.element.classList;for(let t of this.st)t in e||(r.remove(t),this.st.delete(t));for(let t in e){let o=!!e[t];o===this.st.has(t)||(i=this.nt)!=null&&i.has(t)||(o?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return a}});export{f as a};

package/cdn/chunks/chunk.45MWJ3TH.js

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

@@ -1,16 +0,0 @@
-import{a as o}from"./chunk.QRMWQQRW.js";var i=o`
-  :host {
-    box-sizing: border-box;
-  }
-
-  :host *,
-  :host *::before,
-  :host *::after {
-    box-sizing: inherit;
-  }
-
-  :host([hidden]),
-  [hidden] {
-    display: none !important;
-  }
-`;export{i as a};