@uplynk/lynk-design 1.15.0 → 1.17.0

package/cdn/chunks/chunk.LIFLCGJ5.js

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

package/cdn/chunks/chunk.LKYE57JK.js

@@ -0,0 +1,15 @@
+import{b as S}from"./chunk.ZLBUKNLA.js";import{a as y,b as c,c as g}from"./chunk.N5VZIW5Z.js";import{d as p,h as d}from"./chunk.QRMWQQRW.js";var r=(i,e)=>{var s;let t=i._$AN;if(t===void 0)return!1;for(let o of t)(s=o._$AO)==null||s.call(o,e,!1),r(o,e);return!0},h=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while((t==null?void 0:t.size)===0)},C=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),A(e)}};function L(i){this._$AN!==void 0?(h(this),this._$AM=i,C(this)):this._$AM=i}function M(i,e=!1,t=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(s))for(let n=t;n<s.length;n++)r(s[n],!1),h(s[n]);else s!=null&&(r(s,!1),h(s));else r(this,i)}var A=i=>{var e,t;i.type==y.CHILD&&((e=i._$AP)!=null||(i._$AP=M),(t=i._$AQ)!=null||(i._$AQ=L))},u=class extends g{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,s){super._$AT(e,t,s),C(this),this.isConnected=e._$AU}_$AO(e,t=!0){var s,o;e!==this.isConnected&&(this.isConnected=e,e?(s=this.reconnected)==null||s.call(this):(o=this.disconnected)==null||o.call(this)),t&&(r(this,e),h(this))}setValue(e){if(S(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var E=()=>new f,f=class{},m=new WeakMap,$=c(class extends u{render(i){return d}update(i,[e]){var s;let t=e!==this.G;return t&&this.G!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=e,this.ht=(s=i.options)==null?void 0:s.host,this.rt(this.ct=i.element)),d}rt(i){var e;if(this.isConnected||(i=void 0),typeof this.G=="function"){let t=(e=this.ht)!=null?e:globalThis,s=m.get(t);s===void 0&&(s=new WeakMap,m.set(t,s)),s.get(this.G)!==void 0&&this.G.call(this.ht,void 0),s.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,t;return typeof this.G=="function"?(e=m.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var k=class{constructor(e,t){this.popupRef=E();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var t;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="lynk-menu-item"||(t=e.target.role)!=null&&t.startsWith("menuitem"))&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),t=e==null?void 0:e.assignedElements({flatten:!0}).filter(v=>v.localName==="lynk-menu")[0],s=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:o,top:n,width:a,height:l}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${s?o+a:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${s?o+a:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+l}px`)};(this.host=e).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("ev-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("ev-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let s=null;for(let o of t.assignedElements())if(s=o.querySelectorAll("lynk-menu-item, [role^='menuitem']"),s.length!==0)break;if(!(!s||s.length===0)){s[0].setAttribute("tabindex","0");for(let o=1;o!==s.length;++o)s[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?s[0]instanceof HTMLElement&&s[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{s[0]instanceof HTMLElement&&s[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),s=["padding-top","border-top-width","margin-top"].reduce((n,a)=>{var b;let l=(b=e.get(a))!=null?b:new CSSUnitValue(0,"px"),R=(l instanceof CSSUnitValue?l:new CSSUnitValue(0,"px")).to("px");return n-R.value},0);this.skidding=s}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?p`
+      <lynk-popup
+        ${$(this.popupRef)}
+        placement=${e?"left-start":"right-start"}
+        .anchor=${this.host}
+        flip
+        flip-fallback-strategy="best-fit"
+        skidding="${this.skidding}"
+        strategy="fixed"
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <slot name="submenu"></slot>
+      </lynk-popup>
+    `:p` <slot name="submenu" hidden></slot> `}};export{k as a};

package/cdn/chunks/chunk.LLAT27SX.js

@@ -0,0 +1,16 @@
+import{a as n}from"./chunk.5QFVSFRG.js";import{a as p}from"./chunk.X2J6YRKX.js";import{a as s}from"./chunk.Q3J7P2MZ.js";import{a as m}from"./chunk.ZP7BBHMJ.js";import{a as l}from"./chunk.3RH6CRTR.js";import{a as r,g as a}from"./chunk.OIRZUCYP.js";import{a as o}from"./chunk.45RIPFQU.js";import{d as i}from"./chunk.QRMWQQRW.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends a{constructor(){super(...arguments);this.localize=new s(this);this.value=0;this.indeterminate=!1;this.label=""}render(){return i`
+      <div
+        part="base"
+        class=${l({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":this.localize.dir()==="rtl"})}
+        role="progressbar"
+        title=${m(this.title)}
+        aria-label=${this.label.length>0?this.label:this.localize.term("progress")}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow=${this.indeterminate?0:this.value}
+      >
+        <div part="indicator" class="progress-bar__indicator" style=${p({width:`${this.value}%`})}>
+          ${this.indeterminate?"":i` <slot part="label" class="progress-bar__label"></slot> `}
+        </div>
+      </div>
+    `}};e.styles=[o,n],t([r({type:Number,reflect:!0})],e.prototype,"value",2),t([r({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([r()],e.prototype,"label",2);export{e as a};

package/cdn/chunks/chunk.LLSMAWBC.js

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

package/cdn/chunks/chunk.LM65O2EI.js

@@ -0,0 +1,76 @@
+import{a as i}from"./chunk.QRMWQQRW.js";var e=i`
+  :host {
+    --divider-width: 4px;
+    --divider-hit-area: 12px;
+    --min: 0%;
+    --max: 100%;
+
+    display: grid;
+  }
+
+  .start,
+  .end {
+    overflow: hidden;
+  }
+
+  .divider {
+    flex: 0 0 var(--divider-width);
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--lynk-color-neutral-200);
+    color: var(--lynk-color-neutral-900);
+    z-index: 1;
+  }
+
+  .divider:focus {
+    outline: none;
+  }
+
+  :host(:not([disabled])) .divider:focus-visible {
+    background-color: var(--lynk-color-primary-600);
+    color: var(--lynk-color-neutral-0);
+  }
+
+  :host([disabled]) .divider {
+    cursor: not-allowed;
+  }
+
+  /* Horizontal */
+  :host(:not([vertical], [disabled])) .divider {
+    cursor: col-resize;
+  }
+
+  :host(:not([vertical])) .divider::after {
+    display: flex;
+    content: '';
+    position: absolute;
+    height: 100%;
+    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    width: var(--divider-hit-area);
+  }
+
+  /* Vertical */
+  :host([vertical]) {
+    flex-direction: column;
+  }
+
+  :host([vertical]:not([disabled])) .divider {
+    cursor: row-resize;
+  }
+
+  :host([vertical]) .divider::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    height: var(--divider-hit-area);
+  }
+
+  @media (forced-colors: active) {
+    .divider {
+      outline: solid 1px transparent;
+    }
+  }
+`;export{e as a};

package/cdn/chunks/chunk.LMNA5PV3.js

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

package/cdn/chunks/chunk.LPG3MWZP.js

@@ -0,0 +1,157 @@
+import{a as e}from"./chunk.QRMWQQRW.js";var n=e`
+  :host {
+    --size: 25rem;
+    --header-spacing: var(--lynk-spacing-base);
+    --body-spacing: var(--lynk-spacing-base);
+    --footer-spacing: var(--lynk-spacing-base);
+
+    display: contents;
+  }
+
+  .drawer {
+    top: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    overflow: hidden;
+  }
+
+  .drawer--contained {
+    position: absolute;
+    z-index: initial;
+  }
+
+  .drawer--fixed {
+    position: fixed;
+    z-index: var(--lynk-z-index-drawer);
+  }
+
+  .drawer__panel {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    max-width: 100%;
+    max-height: 100%;
+    background-color: var(--lynk-panel-background-color);
+    box-shadow: var(--lynk-shadow-x-large);
+    overflow: auto;
+    pointer-events: all;
+  }
+
+  .drawer__panel:focus {
+    outline: none;
+  }
+
+  .drawer--top .drawer__panel {
+    top: 0;
+    inset-inline-end: auto;
+    bottom: auto;
+    inset-inline-start: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer--end .drawer__panel {
+    top: 0;
+    inset-inline-end: 0;
+    bottom: auto;
+    inset-inline-start: auto;
+    width: var(--size);
+    height: 100%;
+  }
+
+  .drawer--bottom .drawer__panel {
+    top: auto;
+    inset-inline-end: auto;
+    bottom: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer--start .drawer__panel {
+    top: 0;
+    inset-inline-end: auto;
+    bottom: auto;
+    inset-inline-start: 0;
+    width: var(--size);
+    height: 100%;
+  }
+
+  .drawer__header {
+    display: flex;
+  }
+
+  .drawer__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-large);
+    line-height: var(--lynk-line-height-dense);
+    padding: var(--header-spacing);
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .drawer__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .drawer__header-actions lynk-icon-button,
+  .drawer__header-actions ::slotted(lynk-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .drawer__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .drawer__footer {
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .drawer__footer ::slotted(lynk-button:not(:last-of-type)) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .drawer:not(.drawer--has-footer) .drawer__footer {
+    display: none;
+  }
+
+  .drawer__overlay {
+    display: block;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--lynk-overlay-background-color);
+    pointer-events: all;
+  }
+
+  .drawer--contained .drawer__overlay {
+    position: none;
+  }
+
+  @media (forced-colors: active) {
+    .drawer__panel {
+      border: solid 1px var(--lynk-color-neutral-0);
+    }
+  }
+`;export{n as a};

package/cdn/chunks/chunk.LR763435.js

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

package/cdn/chunks/chunk.LYDR7F3T.js

@@ -0,0 +1,7 @@
+import{a as l}from"./chunk.ZEMTSMWC.js";import{a as r,g as s}from"./chunk.OIRZUCYP.js";import{a as i}from"./chunk.45RIPFQU.js";import{d as o}from"./chunk.QRMWQQRW.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends s{constructor(){super(...arguments);this.sortDirection=0;this.sortable=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}handleClick(){this.sortable&&this.emit("ev-table-sort",{detail:{key:this.key}})}render(){return o`
+      <slot part="base" class="lynk-th__label"></slot>
+      ${this.sortable?o`<lynk-icon
+            library="system"
+            name="${this.sortDirection===-1?"arrow-up-short":this.sortDirection===1?"arrow-down-short":"arrow-up-down-short"}"
+          ></lynk-icon>`:""}
+    `}};t.styles=[i,l],e([r()],t.prototype,"key",2),e([r({attribute:"sort-direction",reflect:!0})],t.prototype,"sortDirection",2),e([r({attribute:"sortable",type:Boolean,reflect:!0})],t.prototype,"sortable",2);export{t as a};

package/cdn/chunks/chunk.M24P2MUS.js

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

package/cdn/chunks/chunk.MC3HPGR3.js

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

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

package/cdn/chunks/chunk.MJSPPTEA.js

@@ -0,0 +1,33 @@
+import{a as b}from"./chunk.V5JX25VO.js";import{a as l,b as h}from"./chunk.PSTR2CVL.js";import{a as p}from"./chunk.YGKL27T3.js";import{a as i}from"./chunk.ZP7BBHMJ.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as u}from"./chunk.3RH6CRTR.js";import{a as r,b as a,d as n,g as d}from"./chunk.OIRZUCYP.js";import{a as f}from"./chunk.45RIPFQU.js";import{e as s}from"./chunk.FI4IKBIW.js";var t=class extends d{constructor(){super(...arguments);this.hasFocus=!1;this.hasSlotController=new c(this,"prefix","suffix");this.color="default";this.label="";this.disabled=!1}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.emit("ev-click")}render(){let e=!!this.href,o=e?l`a`:l`button`;return h`
+      <${o}
+        part="base"
+        class=${u({"icon-button":!0,"icon-button--default":this.color==="default","icon-button--primary":this.color==="primary","icon-button--success":this.color==="success","icon-button--neutral":this.color==="neutral","icon-button--warning":this.color==="warning","icon-button--danger":this.color==="danger","icon-button--disabled":!e&&this.disabled,"icon-button--focused":this.hasFocus,"icon-button--has-prefix":this.hasSlotController.test("prefix"),"icon-button--has-suffix":this.hasSlotController.test("suffix")})}
+        ?disabled=${i(e?void 0:this.disabled)}
+        type=${i(e?void 0:"button")}
+        href=${i(e?this.href:void 0)}
+        target=${i(e?this.target:void 0)}
+        download=${i(e?this.download:void 0)}
+        rel=${i(e&&this.target?"noreferrer noopener":void 0)}
+        role=${i(e?void 0:"button")}
+        aria-disabled=${this.disabled?"true":"false"}
+        aria-label="${this.label}"
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <span part="prefix" class="icon-button__prefix">
+          <slot name="prefix"></slot>
+        </span>
+        <lynk-icon
+          class="icon-button__icon"
+          name=${i(this.name)}
+          library=${i(this.library)}
+          src=${i(this.src)}
+          aria-hidden="true"
+        ></lynk-icon>
+        <span part="suffix" class="icon-button__suffix">
+          <slot name="suffix"></slot>
+        </span>
+      </${o}>
+    `}};t.styles=[f,b],t.dependencies={"lynk-icon":p},s([n(".icon-button")],t.prototype,"button",2),s([a()],t.prototype,"hasFocus",2),s([r({reflect:!0})],t.prototype,"color",2),s([r()],t.prototype,"name",2),s([r()],t.prototype,"library",2),s([r()],t.prototype,"src",2),s([r()],t.prototype,"href",2),s([r()],t.prototype,"target",2),s([r()],t.prototype,"download",2),s([r()],t.prototype,"label",2),s([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2);export{t as a};

package/cdn/chunks/chunk.MK3KXUWQ.js

@@ -0,0 +1,59 @@
+import{a as e}from"./chunk.QRMWQQRW.js";var i=e`
+  :host {
+    --size: 40px;
+    --color: var(--lynk-color-gray-600);
+    --background: var(--lynk-color-gray-a15);
+
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    width: var(--size);
+    height: var(--size);
+    color: var(--color);
+    font: inherit;
+    font-size: calc(var(--size) * 0.35);
+    font-weight: bold;
+    vertical-align: middle;
+    background-color: var(--background);
+    border-radius: var(--lynk-border-radius-circle);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  :host([shape='square']) {
+    border-radius: 0;
+  }
+
+  :host([shape='rounded']) {
+    border-radius: var(--lynk-border-radius-medium);
+  }
+
+  .icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    font-size: 20px;
+  }
+
+  .initials {
+    line-height: 1;
+    text-transform: uppercase;
+  }
+
+  .image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    overflow: hidden;
+    border-radius: inherit;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.ML6Q7IGB.js

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

package/cdn/chunks/chunk.MMDACLZO.js

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