@uplynk/lynk-design 1.19.2 → 1.20.1

package/cdn/chunks/chunk.23CIXZOA.js

@@ -0,0 +1,50 @@
+import{a as T}from"./chunk.3XYIX27L.js";import{a as y}from"./chunk.QDO5LLX2.js";import{a as o,c,d as p}from"./chunk.VDJQBFEB.js";import{a as f,c as u}from"./chunk.DCN42ZX4.js";import{a as m,b as d}from"./chunk.UBVFZZFQ.js";import{a as w}from"./chunk.O4ZRZ3HV.js";import{a as S}from"./chunk.LQLSWU3G.js";import{a as n}from"./chunk.TETFNMKN.js";import{b as $}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as x}from"./chunk.7TAXE2HP.js";import{a as s,b as l,d as r,g as C}from"./chunk.XKOYU7QD.js";import{a as v}from"./chunk.MXDME6T6.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class t extends C{constructor(){super(...arguments);this.localize=new w(this);this.childItems=[];this.isParent=!1;this.isChild=!1;this.loading=!1;this.depth=0;this.squished=!1;this.title="";this.name="";this.value="";this.href="";this.selected=!1;this.expanded=!1;this.disabled=!1;this.noLabel=!1}static isTreeItem(e){return e instanceof Element&&e.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children",this.isChild=!0,this.depth=this.getDepth())}firstUpdated(){this.childrenContainer&&(this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0"),this.isParent=this.hasChildren,this.handleExpandedChange(),this.handleSquished()}click(){this.navItem.click()}async animateCollapse(){this.emit("ev-collapse"),await c(this.childrenContainer);let{keyframes:e,options:a}=u(this,"nav-item.collapse",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("ev-after-collapse")}async animateExpand(){this.emit("ev-expand"),await c(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:e,options:a}=u(this,"nav-item.expand",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("ev-after-expand")}isNestedItem(){let e=this.parentElement;return!!e&&t.isTreeItem(e)}handleChildrenSlotChange(){this.childItems=this.getChildrenItems(),this.isParent=this.childItems.length>0}get hasChildren(){return this.childItems.length>0}getDepth(){let e=0,a=this.parentElement;for(;a instanceof t;)e++,a=a.parentElement;return e}getTextLabel(){return $(this.defaultSlot)}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleExpandedChange(){this.hasChildren?this.setAttribute("aria-expanded",this.expanded?"true":"false"):this.removeAttribute("aria-expanded")}handleExpandAnimation(){this.expanded?this.animateExpand():this.animateCollapse()}handleSquished(){this.squished?this.setAttribute("squished",this.squished?"true":"false"):this.removeAttribute("squished")}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.hasChildren&&(this.expanded=!this.expanded,e.stopPropagation())}handleDefaultSlotChange(){let e=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=e;return}e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}getChildrenItems({includeDisabled:e=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>t.isTreeItem(a)&&(e||!a.disabled)):[]}render(){let e=!!this.href,a=e?m`a`:m`button`,g=this.localize.dir()==="rtl";return d`
+      <${a}
+        class=${x({"nav-item":!0,"nav-item--disabled":this.disabled,"nav-item--selected":this.selected,"nav-item--has-children":this.isParent,"nav-item--expanded":this.expanded,"nav-item--squished":this.squished,"nav-item--rtl":g})}
+        ?disabled=${this.disabled}
+        title=${this.title}
+        part="nav-item"
+        name=${n(e?void 0:this.name)}
+        value=${n(e?void 0:this.value)}
+        href=${n(e?this.href:void 0)}
+        target=${n(e?this.target:void 0)}
+        download=${n(e?this.download:void 0)}
+        rel=${n(e&&this.target?"noreferrer noopener":void 0)}
+        data-level=${this.depth}
+        aria-disabled=${this.disabled?"true":"false"}
+        @click=${this.handleClick}
+        tabindex="-1"
+        aria-current=${n(this.selected&&this.href?"page":void 0)}
+      >
+        <slot name="prefix" part="prefix" class="nav-item__prefix"></slot>
+        <slot part="label" class="nav-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="nav-item__suffix"></slot>
+
+        ${this.isParent?d`
+                <span class="nav-item__chevron">
+                  <lynk-icon
+                    library="system"
+                    aria-hidden="true"
+                    name=${this.squished?"chevron-down":g?"chevron-left":"chevron-right"}
+                  ></lynk-icon>
+                </span>
+              `:""}
+
+        ${this.target==="_blank"?d`
+                <span class="nav-item__external">
+                  <lynk-icon library="system" aria-hidden="true" name="external"></lynk-icon>
+                </span>
+              `:""}
+
+      </${a}>
+
+      <div
+        part="children"
+        class="nav-item__children"
+        role="group"
+        ?inert=${!this.expanded}
+      >
+        <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
+      </div>
+    `}};t.styles=[v,T],t.dependencies={"lynk-icon":S,"lynk-tooltip":y},i([l()],t.prototype,"isParent",2),i([l()],t.prototype,"isChild",2),i([l()],t.prototype,"loading",2),i([l()],t.prototype,"depth",2),i([s({type:Boolean,reflect:!0})],t.prototype,"squished",2),i([s()],t.prototype,"title",2),i([s()],t.prototype,"name",2),i([s()],t.prototype,"value",2),i([s()],t.prototype,"href",2),i([s()],t.prototype,"target",2),i([s()],t.prototype,"download",2),i([s({type:Boolean,reflect:!0})],t.prototype,"selected",2),i([s({type:Boolean,reflect:!0})],t.prototype,"expanded",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({attribute:"no-label",type:Boolean,reflect:!0})],t.prototype,"noLabel",2),i([r("slot:not([name])")],t.prototype,"defaultSlot",2),i([r("slot[name=children]")],t.prototype,"childrenSlot",2),i([r(".nav-item")],t.prototype,"navItem",2),i([r(".nav-item__children")],t.prototype,"childrenContainer",2),i([h("disabled")],t.prototype,"handleDisabledChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandedChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandAnimation",1),i([h("squished",{waitUntilFirstUpdate:!0})],t.prototype,"handleSquished",1);var b=t;f("nav-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});f("nav-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{b as a};

package/cdn/chunks/chunk.23RLY3JE.js

@@ -0,0 +1,14 @@
+import{a as m}from"./chunk.7SPOEQ7T.js";import{a as i,b as d,d as b,g as p}from"./chunk.XKOYU7QD.js";import{a as h}from"./chunk.MXDME6T6.js";import{d as g}from"./chunk.PINNEFCM.js";import{e as a}from"./chunk.FI4IKBIW.js";var o=class extends p{constructor(){super(...arguments);this.disableRole=!1;this.label="";this.gapped=!1}handleFocus(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--focus",!0)}handleBlur(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--focus",!1)}handleMouseOver(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--hover",!0)}handleMouseOut(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let r=e.indexOf(t),l=n(t);l&&(this.gapped||(l.toggleAttribute("data-lynk-button-group__button",!0),l.toggleAttribute("data-lynk-button-group__button--first",r===0),l.toggleAttribute("data-lynk-button-group__button--inner",r>0&&r<e.length-1),l.toggleAttribute("data-lynk-button-group__button--last",r===e.length-1)),l.toggleAttribute("data-lynk-button-group__button--radio",l.tagName.toLowerCase()==="lynk-radio-button"))})}render(){return g`
+      <div
+        part="base"
+        class="button-group"
+        role="${this.disableRole?"presentation":"group"}"
+        aria-label=${this.label}
+        @focusout=${this.handleBlur}
+        @focusin=${this.handleFocus}
+        @mouseover=${this.handleMouseOver}
+        @mouseout=${this.handleMouseOut}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};o.styles=[h,m],a([b("slot")],o.prototype,"defaultSlot",2),a([d()],o.prototype,"disableRole",2),a([i()],o.prototype,"label",2),a([i({type:Boolean,reflect:!0})],o.prototype,"gapped",2);function n(s){var e;let u="lynk-button, lynk-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{o as a};

package/cdn/chunks/chunk.25KG7Y3A.js

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

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

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

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

@@ -0,0 +1,31 @@
+import{a as v}from"./chunk.SDWDHYVV.js";import{a as f}from"./chunk.TYF5DW4J.js";import{a as m}from"./chunk.SH54CIFE.js";import{a as p}from"./chunk.IPMWK5EL.js";import{b as c}from"./chunk.V7E6ITFP.js";import{a as u}from"./chunk.TETFNMKN.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.7TAXE2HP.js";import{a as l,b as a,d as o,g as h}from"./chunk.XKOYU7QD.js";import{a as d}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends h{constructor(){super(...arguments);this.formControlController=new c(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,C)=>t.checked=C});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.color="default";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("ev-change")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("ev-change"),this.emit("ev-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("ev-change"),this.emit("ev-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){return s`
+      <label
+        part="base"
+        class=${n({switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus,"switch--success":this.color==="success","switch--warning":this.color==="warning","switch--danger":this.color==="danger","switch--small":this.size==="small","switch--medium":this.size==="medium","switch--large":this.size==="large"})}
+      >
+        <input
+          class="switch__input"
+          type="checkbox"
+          title=${this.title}
+          name=${this.name}
+          value=${u(this.value)}
+          .checked=${m(this.checked)}
+          .disabled=${this.disabled}
+          .required=${this.required}
+          role="switch"
+          aria-checked=${this.checked?"true":"false"}
+          @click=${this.handleClick}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @keydown=${this.handleKeyDown}
+        />
+
+        <span part="control" class="switch__control">
+          <span part="thumb" class="switch__thumb"></span>
+        </span>
+
+        <slot part="label" class="switch__label"></slot>
+      </label>
+    `}};e.styles=[d,f,v],i([o('input[type="checkbox"]')],e.prototype,"input",2),i([a()],e.prototype,"hasFocus",2),i([l()],e.prototype,"title",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({reflect:!0})],e.prototype,"color",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([p("checked")],e.prototype,"defaultChecked",2),i([l({reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),i([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

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

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

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

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

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

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

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

@@ -0,0 +1,339 @@
+import{a as r}from"./chunk.PINNEFCM.js";var e=r`
+  :host {
+    --grid-width: 280px;
+    --grid-height: 200px;
+    --grid-handle-size: 16px;
+    --slider-height: 15px;
+    --slider-handle-size: 17px;
+    --swatch-size: 25px;
+
+    display: inline-block;
+  }
+
+  .color-picker {
+    width: var(--grid-width);
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    color: var(--color);
+    background-color: var(--lynk-panel-background-color);
+    border-radius: var(--lynk-border-radius-large);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .color-picker--inline {
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+  }
+
+  .color-picker--inline:focus-visible {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .color-picker__grid {
+    position: relative;
+    height: var(--grid-height);
+    background-image:
+      linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%),
+      linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
+    border-top-left-radius: var(--lynk-border-radius-medium);
+    border-top-right-radius: var(--lynk-border-radius-medium);
+    cursor: crosshair;
+    forced-color-adjust: none;
+  }
+
+  .color-picker__grid-handle {
+    position: absolute;
+    width: var(--grid-handle-size);
+    height: var(--grid-handle-size);
+    border-radius: 50%;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
+    border: solid 2px white;
+    margin-top: calc(var(--grid-handle-size) / -2);
+    margin-left: calc(var(--grid-handle-size) / -2);
+    transition: var(--lynk-transition-fast) scale;
+  }
+
+  .color-picker__grid-handle--dragging {
+    cursor: none;
+    scale: 1.5;
+  }
+
+  .color-picker__grid-handle:focus-visible {
+    outline: var(--lynk-focus-ring);
+  }
+
+  .color-picker__controls {
+    padding: var(--lynk-spacing-small);
+    display: flex;
+    align-items: center;
+  }
+
+  .color-picker__sliders {
+    flex: 1 1 auto;
+  }
+
+  .color-picker__slider {
+    position: relative;
+    height: var(--slider-height);
+    border-radius: var(--lynk-border-radius-pill);
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+    forced-color-adjust: none;
+  }
+
+  .color-picker__slider:not(:last-of-type) {
+    margin-bottom: var(--lynk-spacing-small);
+  }
+
+  .color-picker__slider-handle {
+    position: absolute;
+    top: calc(50% - var(--slider-handle-size) / 2);
+    width: var(--slider-handle-size);
+    height: var(--slider-handle-size);
+    background-color: white;
+    border-radius: 50%;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
+    margin-left: calc(var(--slider-handle-size) / -2);
+  }
+
+  .color-picker__slider-handle:focus-visible {
+    outline: var(--lynk-focus-ring);
+  }
+
+  .color-picker__hue {
+    background-image: linear-gradient(
+      to right,
+      rgb(255, 0, 0) 0%,
+      rgb(255, 255, 0) 17%,
+      rgb(0, 255, 0) 33%,
+      rgb(0, 255, 255) 50%,
+      rgb(0, 0, 255) 67%,
+      rgb(255, 0, 255) 83%,
+      rgb(255, 0, 0) 100%
+    );
+  }
+
+  .color-picker__alpha .color-picker__alpha-gradient {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: inherit;
+  }
+
+  .color-picker__preview {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    width: 2.25rem;
+    height: 2.25rem;
+    border: none;
+    border-radius: var(--lynk-border-radius-circle);
+    background: none;
+    margin-left: var(--lynk-spacing-small);
+    cursor: copy;
+    forced-color-adjust: none;
+  }
+
+  .color-picker__preview:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: inherit;
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+
+    /* We use a custom property in lieu of currentColor because of https://bugs.webkit.org/show_bug.cgi?id=216780 */
+    background-color: var(--preview-color);
+  }
+
+  .color-picker__preview:focus-visible {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .color-picker__preview-color {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: solid 1px rgba(0, 0, 0, 0.125);
+  }
+
+  .color-picker__preview-color--copied {
+    animation: pulse 0.75s;
+  }
+
+  @keyframes pulse {
+    0% {
+      box-shadow: 0 0 0 0 var(--lynk-color-primary-500);
+    }
+    70% {
+      box-shadow: 0 0 0 0.5rem transparent;
+    }
+    100% {
+      box-shadow: 0 0 0 0 transparent;
+    }
+  }
+
+  .color-picker__user-input {
+    display: flex;
+    gap: 8px;
+    padding: 0 var(--lynk-spacing-small) var(--lynk-spacing-small) var(--lynk-spacing-small);
+  }
+
+  .color-picker__user-input sl-input {
+    min-width: 0; /* fix input width in Safari */
+    flex: 1 1 auto;
+  }
+
+  .color-picker__user-input sl-button-group {
+    margin-left: var(--lynk-spacing-small);
+  }
+
+  .color-picker__user-input sl-button {
+    min-width: 3.25rem;
+    max-width: 3.25rem;
+    font-size: 1rem;
+  }
+
+  .color-picker__swatches {
+    display: grid;
+    grid-template-columns: repeat(8, 1fr);
+    grid-gap: 0.5rem;
+    justify-items: center;
+    border-top: solid 1px var(--lynk-color-neutral-200);
+    padding: var(--lynk-spacing-small);
+    forced-color-adjust: none;
+  }
+
+  .color-picker__swatch {
+    position: relative;
+    width: var(--swatch-size);
+    height: var(--swatch-size);
+    border-radius: var(--lynk-border-radius-small);
+  }
+
+  .color-picker__swatch .color-picker__swatch-color {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: solid 1px rgba(0, 0, 0, 0.125);
+    border-radius: inherit;
+    cursor: pointer;
+  }
+
+  .color-picker__swatch:focus-visible {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .color-picker__transparent-bg {
+    background-image:
+      linear-gradient(45deg, var(--lynk-color-neutral-300) 25%, transparent 25%),
+      linear-gradient(45deg, transparent 75%, var(--lynk-color-neutral-300) 75%),
+      linear-gradient(45deg, transparent 75%, var(--lynk-color-neutral-300) 75%),
+      linear-gradient(45deg, var(--lynk-color-neutral-300) 25%, transparent 25%);
+    background-size: 10px 10px;
+    background-position:
+      0 0,
+      0 0,
+      -5px -5px,
+      5px 5px;
+  }
+
+  .color-picker--disabled {
+    opacity: var(--lynk-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .color-picker--disabled .color-picker__grid,
+  .color-picker--disabled .color-picker__grid-handle,
+  .color-picker--disabled .color-picker__slider,
+  .color-picker--disabled .color-picker__slider-handle,
+  .color-picker--disabled .color-picker__preview,
+  .color-picker--disabled .color-picker__swatch,
+  .color-picker--disabled .color-picker__swatch-color {
+    pointer-events: none;
+  }
+
+  /*
+   * Color dropdown
+   */
+
+  .color-dropdown::part(panel) {
+    max-height: none;
+    background-color: var(--lynk-panel-background-color);
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+    border-radius: var(--lynk-border-radius-large);
+    overflow: visible;
+  }
+
+  .color-dropdown__trigger {
+    display: inline-block;
+    position: relative;
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+    forced-color-adjust: none;
+  }
+
+  .color-dropdown__trigger.color-dropdown__trigger--small {
+    width: var(--lynk-input-height-small);
+    height: var(--lynk-input-height-small);
+    border-radius: var(--lynk-border-radius-circle);
+  }
+
+  .color-dropdown__trigger.color-dropdown__trigger--medium {
+    width: var(--lynk-input-height-medium);
+    height: var(--lynk-input-height-medium);
+    border-radius: var(--lynk-border-radius-circle);
+  }
+
+  .color-dropdown__trigger.color-dropdown__trigger--large {
+    width: var(--lynk-input-height-large);
+    height: var(--lynk-input-height-large);
+    border-radius: var(--lynk-border-radius-circle);
+  }
+
+  .color-dropdown__trigger:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: inherit;
+    background-color: currentColor;
+    box-shadow:
+      inset 0 0 0 2px var(--lynk-input-border-color),
+      inset 0 0 0 4px var(--lynk-color-neutral-0);
+  }
+
+  .color-dropdown__trigger--empty:before {
+    background-color: transparent;
+  }
+
+  .color-dropdown__trigger:focus-visible {
+    outline: none;
+  }
+
+  .color-dropdown__trigger:focus-visible:not(.color-dropdown__trigger--disabled) {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .color-dropdown__trigger.color-dropdown__trigger--disabled {
+    opacity: var(--lynk-opacity-disabled);
+    cursor: not-allowed;
+  }
+`;export{e as a};

package/cdn/chunks/chunk.325FFQX3.js

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

package/cdn/chunks/chunk.33H54UIH.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7GYRS54M.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-clock";e.define("lynk-clock");var a=n({tagName:o,elementClass:e,react:t,events:{EvChange:"ev-change"},displayName:"LynkClock"}),s=a;export{s as a};

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

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

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

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

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

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

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

@@ -0,0 +1,82 @@
+import{a}from"./chunk.PINNEFCM.js";var r=a`
+  :host {
+    display: contents;
+    --gap: var(--lynk-spacing-2x-small);
+    --background-color: var(--lynk-page-header-background-color);
+    /* Resolved on the host so the internal <lynk-page-content> can paint it (see page-footer.styles.ts) */
+    --_header-background-color: var(--background-color);
+  }
+
+  .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-medium);
+  }
+
+  .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{r as a};

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

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

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

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