@uplynk/lynk-design 1.17.0 → 1.18.0

package/cdn/chunks/chunk.INLIQ7NZ.js

@@ -0,0 +1,426 @@
+import{a as o}from"./chunk.QRMWQQRW.js";var i=o`
+  :host {
+    display: block;
+  }
+
+  /** The popup */
+  .combobox {
+    flex: 1 1 auto;
+    display: inline-flex;
+    width: 100%;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .combobox::part(popup) {
+    z-index: var(--lynk-z-index-dropdown);
+  }
+
+  .combobox[data-current-placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .combobox[data-current-placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  /* Combobox */
+  .combobox__inputs {
+    flex: 1;
+    display: flex;
+    width: 100%;
+    min-width: 0;
+    position: relative;
+    align-items: center;
+    justify-content: start;
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    letter-spacing: var(--lynk-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: pointer;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  .combobox__display-input {
+    position: relative;
+    width: 100%;
+    font: inherit;
+    border: none;
+    background: none;
+    color: var(--lynk-input-color);
+    cursor: inherit;
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .combobox__display-input::placeholder {
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .combobox:not(.combobox--disabled):hover .combobox__display-input {
+    color: var(--lynk-input-color-hover);
+  }
+
+  .combobox__display-input:focus {
+    outline: none;
+  }
+
+  .combobox__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+
+  /* Multiselect */
+  .combobox--multiple .combobox__inputs {
+    flex-wrap: wrap;
+  }
+
+  .combobox--multiple .combobox__display-input {
+    flex: 1 1 60px;
+    min-width: 60px;
+    width: auto;
+  }
+
+  .combobox__tags {
+    display: flex;
+    flex: 0 1 auto;
+    align-items: center;
+    flex-wrap: wrap;
+    /* Leading gap so chips sit close to the edge, plus a trailing gap so the search cursor has a
+       little breathing room after the last chip. */
+    margin-inline-start: var(--lynk-spacing-2x-small);
+    margin-inline-end: var(--lynk-spacing-2x-small);
+  }
+
+  .combobox__tags::slotted(lynk-tag) {
+    cursor: pointer !important;
+  }
+
+  .combobox--disabled .combobox__tags,
+  .combobox--disabled .combobox__tags lynk-tag {
+    cursor: not-allowed !important;
+  }
+
+  /* Remove the control's leading padding so tags align to the edge, letting the tags' own start margin
+     provide the gap (mirrors lynk-select). The prefix's start margin is restored below per size. */
+  .combobox--small.combobox--multiple:not(.combobox--placeholder-visible) .combobox__inputs {
+    padding-block: 2px;
+    padding-inline-start: 0;
+  }
+
+  .combobox--medium.combobox--multiple:not(.combobox--placeholder-visible) .combobox__inputs {
+    padding-block: 3px;
+    padding-inline-start: 0;
+  }
+
+  .combobox--large.combobox--multiple:not(.combobox--placeholder-visible) .combobox__inputs {
+    padding-block: 4px;
+    padding-inline-start: 0;
+  }
+
+  .combobox--small.combobox--multiple:not(.combobox--placeholder-visible) .combobox__prefix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--medium.combobox--multiple:not(.combobox--placeholder-visible) .combobox__prefix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--large.combobox--multiple:not(.combobox--placeholder-visible) .combobox__prefix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-large);
+  }
+
+  .combobox--small .combobox__tags {
+    gap: 2px;
+  }
+
+  .combobox--medium .combobox__tags {
+    gap: 3px;
+  }
+
+  .combobox--large .combobox__tags {
+    gap: 4px;
+  }
+
+  /* Standard combobox */
+  .combobox--standard .combobox__inputs {
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+  }
+
+  .combobox--standard.combobox--disabled .combobox__inputs {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    color: var(--lynk-input-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+    outline: none;
+  }
+
+  .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,
+  .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus) !important;
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  /* Sizes */
+  .combobox--small .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    min-height: var(--lynk-input-height-small);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--small .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--small .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--medium .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    min-height: var(--lynk-input-height-medium);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--medium .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--medium .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--large .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    min-height: var(--lynk-input-height-large);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-large);
+  }
+
+  .combobox--large .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-large);
+  }
+
+  .combobox--large .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-large);
+  }
+
+  /* Prefix and Suffix */
+  .combobox__prefix,
+  .combobox__suffix {
+    flex: 0;
+    display: inline-flex;
+    align-items: center;
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Clear button */
+  .combobox__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;
+  }
+
+  .combobox__clear:hover {
+    color: var(--lynk-input-icon-color-hover);
+  }
+
+  .combobox__clear:focus {
+    outline: none;
+  }
+
+  .combobox--medium .combobox__clear {
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Expand icon */
+  .combobox__expand-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--lynk-transition-medium) rotate ease;
+    rotate: 0;
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  .combobox--open .combobox__expand-icon {
+    rotate: -180deg;
+  }
+
+  .combobox--readonly .combobox__inputs {
+    border-color: var(--lynk-color-neutral-200);
+    cursor: default;
+  }
+
+  .combobox--readonly.combobox--focused .combobox__inputs {
+    border-color: var(--lynk-color-neutral-400);
+    box-shadow: none;
+  }
+
+  .combobox--readonly .combobox__expand-icon {
+    color: var(--lynk-color-neutral-300);
+  }
+
+  /* Listbox */
+  .combobox__listbox {
+    display: block;
+    position: relative;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    box-shadow: var(--lynk-shadow-large);
+    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);
+    padding: var(--lynk-spacing-2x-small);
+    box-shadow: var(--lynk-shadow-medium);
+    overflow: auto;
+    overscroll-behavior: none;
+
+    /* Make sure it adheres to the popup's auto size */
+    max-width: var(--auto-size-available-width);
+    max-height: var(--auto-size-available-height);
+  }
+
+  .combobox__listbox ::slotted(lynk-divider) {
+    --spacing: var(--lynk-spacing-x-small);
+  }
+
+  .combobox__listbox ::slotted(small) {
+    display: block;
+    font-size: var(--lynk-font-size-small);
+    font-weight: var(--lynk-font-weight-semibold);
+    color: var(--lynk-color-neutral-500);
+    padding-block: var(--lynk-spacing-2x-small);
+    padding-inline: var(--lynk-spacing-x-large);
+  }
+
+  .combobox__listbox-options {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  /**
+   * Invalid user data
+   */
+  :host([data-user-invalid]) .combobox__inputs {
+    border-color: var(--lynk-input-border-color-focus-error);
+  }
+
+  :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,
+  :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {
+    border-color: var(--lynk-input-border-color-focus-error);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-error);
+  }
+
+  /* Expand icon */
+  .combobox__expand-icon {
+    color: var(--lynk-color-neutral-950);
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Change combobox border on hover */
+  .combobox:not(.combobox--disabled):hover .combobox__inputs {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+
+  /* Prefix and Suffix */
+
+  /* Small */
+  .combobox--small .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .combobox--small .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  /* Medium */
+  .combobox--medium .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--medium .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  /* Large */
+  .combobox--large .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--large .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox__prefix,
+  .combobox__suffix {
+    color: var(--lynk-input-help-text-color);
+  }
+
+  /**
+   * Make sure to hide the lynk-divider for the first lynk-optgroup
+   * Note! ::slotted does currently not work with ::part, so we
+   * opted for using a css variable here.
+   */
+  .combobox__listbox ::slotted(lynk-optgroup:first-of-type) {
+    --display-divider: none;
+  }
+
+  /* Custom option */
+  .combobox__custom-option {
+    position: relative;
+    display: flex;
+    align-items: center;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    line-height: var(--lynk-line-height-dense);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-neutral-700);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-medium);
+    transition: var(--lynk-transition-fast) all;
+    cursor: pointer;
+  }
+
+  .combobox__custom-option:hover,
+  .combobox__custom-option--current {
+    color: var(--lynk-color-primary);
+    background-color: var(--lynk-color-primary-50);
+  }
+`;export{i as a};

package/cdn/chunks/chunk.IQLP3M4B.js

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

package/cdn/chunks/chunk.IRC5RYYB.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.JGD24L3N.js";import{a as r,g as i}from"./chunk.4D6MBWSA.js";import{a as o}from"./chunk.45RIPFQU.js";import{d as s}from"./chunk.QRMWQQRW.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{show(){this.hidden=!1,this.emit("ev-show")}hide(){this.hidden=!0,this.emit("ev-hide")}render(){return s` <slot part="base"></slot> `}};t.styles=[o,m],e([r({attribute:"min-size",reflect:!0})],t.prototype,"minSize",2),e([r({attribute:"max-size",reflect:!0})],t.prototype,"maxSize",2),e([r({reflect:!0})],t.prototype,"size",2);export{t as a};

package/cdn/chunks/chunk.IY3TE62Q.js

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

package/cdn/chunks/chunk.J23ACLYE.js

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

package/cdn/chunks/chunk.J2ZH5YZI.js

@@ -0,0 +1,40 @@
+import{a as f}from"./chunk.K23DI2NL.js";import{a as u}from"./chunk.GLSA2O2E.js";import{a}from"./chunk.ZP7BBHMJ.js";import{a as d}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as o}from"./chunk.3RH6CRTR.js";import{a as s,b as l,d as n,g as i}from"./chunk.4D6MBWSA.js";import{a as p}from"./chunk.45RIPFQU.js";import{d as r}from"./chunk.QRMWQQRW.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new d(this,"prefix","suffix");this.renderType="button";this.rel="noreferrer noopener"}setRenderType(){let m=this.defaultSlot.assignedElements({flatten:!0}).filter(b=>b.tagName.toLowerCase()==="lynk-dropdown").length>0;if(this.href){this.renderType="link";return}if(m){this.renderType="dropdown";return}this.renderType="button"}hrefChanged(){this.setRenderType()}handleSlotChange(){this.setRenderType()}render(){return r`
+      <div
+        part="base"
+        class=${o({"breadcrumb-item":!0,"breadcrumb-item--has-prefix":this.hasSlotController.test("prefix"),"breadcrumb-item--has-suffix":this.hasSlotController.test("suffix")})}
+      >
+        <span part="prefix" class="breadcrumb-item__prefix">
+          <slot name="prefix"></slot>
+        </span>
+
+        ${this.renderType==="link"?r`
+                <a
+                  part="label"
+                  class="breadcrumb-item__label breadcrumb-item__label--link"
+                  href="${this.href}"
+                  target="${a(this.target?this.target:void 0)}"
+                  rel=${a(this.target?this.rel:void 0)}
+                >
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </a>
+              `:""}
+        ${this.renderType==="button"?r`
+                <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </button>
+              `:""}
+        ${this.renderType==="dropdown"?r`
+                <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </div>
+              `:""}
+
+        <span part="suffix" class="breadcrumb-item__suffix">
+          <slot name="suffix"></slot>
+        </span>
+
+        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
+          <slot name="separator"></slot>
+        </span>
+      </div>
+    `}};t.styles=[p,u],t.dependencies={"lynk-truncate":f},e([n("slot:not([name])")],t.prototype,"defaultSlot",2),e([l()],t.prototype,"renderType",2),e([s()],t.prototype,"href",2),e([s()],t.prototype,"target",2),e([s()],t.prototype,"rel",2),e([h("href",{waitUntilFirstUpdate:!0})],t.prototype,"hrefChanged",1);export{t as a};

package/cdn/chunks/chunk.J6YMGR6A.js

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

package/cdn/chunks/chunk.JCNXKNVJ.js

@@ -0,0 +1,8 @@
+import{a as p}from"./chunk.55BJDZRT.js";import{d as h,g as f}from"./chunk.4D6MBWSA.js";import{a as d}from"./chunk.45RIPFQU.js";import{d as c}from"./chunk.QRMWQQRW.js";import{e as a}from"./chunk.FI4IKBIW.js";var l=class extends f{connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(e){let i=["menuitem","menuitemcheckbox"],r=e.composedPath(),t=r.find(s=>{var m;return i.includes(((m=s==null?void 0:s.getAttribute)==null?void 0:m.call(s,"role"))||"")});if(!t||r.find(s=>{var m;return((m=s==null?void 0:s.getAttribute)==null?void 0:m.call(s,"role"))==="menu"})!==this)return;let o=t;!o||o.disabled||o.inert||(o.type==="checkbox"&&(o.checked=!o.checked),this.emit("ev-select",{detail:{item:o}}))}handleKeyDown(e){let r=e.target.closest("lynk-input")!==null;if(e.key==="Enter"){let t=this.getCurrentItem();e.preventDefault(),t==null||t.click()}if(e.key===" "&&!r&&e.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(e.key)){let t=this.getAllItems(),u=this.getCurrentItem(),n=u?t.indexOf(u):0;r&&(n=-1),t.length>0&&(e.preventDefault(),e.key==="ArrowDown"?n++:e.key==="ArrowUp"?n--:e.key==="Home"?n=0:e.key==="End"&&(n=t.length-1),n<0&&(n=t.length-1),n>t.length-1&&(n=0),this.setCurrentItem(t[n]),t[n].focus())}}handleMouseDown(e){let i=e.target;this.isMenuItem(i)&&this.setCurrentItem(i)}handleSlotChange(){let e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0])}isMenuItem(e){var i;return e.tagName.toLowerCase()==="lynk-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((i=e.getAttribute("role"))!=null?i:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(e=>!(e.inert||!this.isMenuItem(e)))}getCurrentItem(){return this.getAllItems().find(e=>e.getAttribute("tabindex")==="0")}setCurrentItem(e){this.getAllItems().forEach(r=>{r.setAttribute("tabindex",r===e?"0":"-1")})}render(){return c`
+      <slot
+        @slotchange=${this.handleSlotChange}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      ></slot>
+    `}};l.styles=[d,p],a([h("slot")],l.prototype,"defaultSlot",2);export{l as a};

package/cdn/chunks/chunk.JDP3VPDV.js

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

package/cdn/chunks/chunk.JLANR3ZE.js

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

package/cdn/chunks/chunk.JO5XZX7O.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.AKWSY37U.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="lynk-avatar";e.define("lynk-avatar");var o=t({tagName:n,elementClass:e,react:r,events:{EvError:"ev-error"},displayName:"LynkAvatar"}),v=o;export{v as a};

package/cdn/chunks/chunk.JTODKIDF.js

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

package/cdn/chunks/chunk.JU43I7NZ.js

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

package/cdn/chunks/chunk.JWJQMHT7.js

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

package/cdn/chunks/chunk.JXNYZVTH.js

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

package/cdn/chunks/chunk.JY4JRUCG.js

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

package/cdn/chunks/chunk.JZCSLAGX.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.SID2HG76.js";import*as t from"react";import{createComponent as o}from"@lit/react";import"@lit/react";var n="lynk-popup";e.define("lynk-popup");var p=o({tagName:n,elementClass:e,react:t,events:{EvReposition:"ev-reposition"},displayName:"LynkPopup"}),i=p;export{i as a};

package/cdn/chunks/chunk.K23DI2NL.js

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

package/cdn/chunks/chunk.K5GLKJ7T.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.X7EJ2E5D.js";import{a as r,g as s}from"./chunk.4D6MBWSA.js";import{a as l}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.barberpole=!1}render(){return o` <slot part="base"></slot> `}};t.styles=[l,m],e([r({reflect:!0})],t.prototype,"state",2),e([r({type:Boolean,reflect:!0})],t.prototype,"barberpole",2);export{t as a};

package/cdn/chunks/chunk.K6ZEFH6Z.js

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

package/cdn/chunks/chunk.KAIBQCQD.js

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

package/cdn/chunks/chunk.KAU34JYP.js

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

package/cdn/chunks/chunk.KAZQR3C7.js

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