@uplynk/lynk-design 1.19.2 → 1.20.0

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

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

package/cdn/chunks/chunk.26AXJ7BJ.js

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

package/cdn/chunks/chunk.27UCN6B2.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,96 @@
+import{a as x}from"./chunk.IU5RIOD6.js";import{a as C}from"./chunk.AUUXMUOO.js";import{a as y}from"./chunk.SH54CIFE.js";import{a as $}from"./chunk.IPMWK5EL.js";import{b}from"./chunk.V7E6ITFP.js";import{a as v}from"./chunk.WMI47UCV.js";import{a as c}from"./chunk.HZNCCY7L.js";import{a as r}from"./chunk.TETFNMKN.js";import{a as f}from"./chunk.YHSYTTFF.js";import{a as o}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.7TAXE2HP.js";import{a as i,b as h,d,g as u}from"./chunk.R5OGGX5Y.js";import{a as m}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new b(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new f(this,"help-text","help-tip","label","label-end","help-text-end");this.hasFocus=!1;this.name="";this.value=null;this.size="medium";this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.filled=!1;this.pill=!1;this.noSteppers=!1;this.step=1;this.state="default";this.inline=!1;this.form="";this.defaultValue=null}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleInput(){let l=this.input.value;this.value=l===""?null:parseFloat(l),this.emit("ev-input")}handleChange(){let l=this.input.value;this.value=l===""?null:parseFloat(l),this.formControlController.updateValidity(),this.emit("ev-change")}handleKeyDown(l){this.readonly||(l.key==="ArrowUp"&&(l.preventDefault(),this.stepUp(),this.emit("ev-input"),this.emit("ev-change")),l.key==="ArrowDown"&&(l.preventDefault(),this.stepDown(),this.emit("ev-input"),this.emit("ev-change")))}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}handleStepUp(){this.disabled||this.readonly||(this.stepUp(),this.emit("ev-input"),this.emit("ev-change"),this.input.focus())}handleStepDown(){this.disabled||this.readonly||(this.stepDown(),this.emit("ev-input"),this.emit("ev-change"),this.input.focus())}stepUp(){var n;let a=((n=this.value)!=null?n:0)+this.step;this.value=this.max!==void 0?Math.min(a,this.max):a}stepDown(){var n;let a=((n=this.value)!=null?n:0)-this.step;this.value=this.min!==void 0?Math.max(a,this.min):a}focus(l){this.input.focus(l)}blur(){this.input.blur()}select(){this.input.select()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleValueChange(){this.formControlController.updateValidity()}render(){let l=this.value!==null&&this.value!==void 0?String(this.value):"",a=this.min!==void 0&&this.value!==null&&this.value<=this.min,n=this.max!==void 0&&this.value!==null&&this.value>=this.max;return s`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?s`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?s`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?s`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?s`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?s`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <div
+          part="base"
+          class=${p({"number-input":!0,"number-input--small":this.size==="small","number-input--medium":this.size==="medium","number-input--large":this.size==="large","number-input--pill":this.pill,"number-input--standard":!this.filled,"number-input--filled":this.filled,"number-input--disabled":this.disabled,"number-input--readonly":this.readonly,"number-input--focused":this.hasFocus,"number-input--empty":!l,"number-input--no-steppers":this.noSteppers})}
+        >
+          ${this.noSteppers?"":s`
+                  <button
+                    part="stepper-decrement"
+                    class="number-input__stepper number-input__stepper--decrement"
+                    type="button"
+                    tabindex="-1"
+                    ?disabled=${this.disabled||this.readonly||a}
+                    aria-hidden="true"
+                    @click=${this.handleStepDown}
+                  >
+                    <slot name="decrement-icon">
+                      <lynk-icon name="dash" library="system"></lynk-icon>
+                    </slot>
+                  </button>
+                `}
+
+          <span part="prefix" class="number-input__prefix">
+            <slot name="prefix"></slot>
+          </span>
+
+          <input
+            part="input"
+            class="number-input__input"
+            type="number"
+            name=${r(this.name||void 0)}
+            placeholder=${r(this.placeholder||void 0)}
+            .value=${y(l)}
+            ?disabled=${this.disabled}
+            ?readonly=${this.readonly}
+            ?required=${this.required}
+            ?autofocus=${this.autofocus}
+            min=${r(this.min)}
+            max=${r(this.max)}
+            step=${r(this.step)}
+            inputmode="numeric"
+            aria-label=${this.label||"Number input"}
+            aria-readonly=${this.readonly?"true":"false"}
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+            @keydown=${this.handleKeyDown}
+            @invalid=${this.handleInvalid}
+          />
+
+          <span part="suffix" class="number-input__suffix">
+            <slot name="suffix"></slot>
+          </span>
+
+          ${this.noSteppers?"":s`
+                  <button
+                    part="stepper-increment"
+                    class="number-input__stepper number-input__stepper--increment"
+                    type="button"
+                    tabindex="-1"
+                    ?disabled=${this.disabled||this.readonly||n}
+                    aria-hidden="true"
+                    @click=${this.handleStepUp}
+                  >
+                    <slot name="increment-icon">
+                      <lynk-icon name="plus" library="system"></lynk-icon>
+                    </slot>
+                  </button>
+                `}
+        </div>
+      </lynk-form-field>
+    `}};t.styles=[m,x],t.dependencies={"lynk-form-field":C,"lynk-icon":c,"lynk-icon-button":v},e([d(".number-input__input")],t.prototype,"input",2),e([h()],t.prototype,"hasFocus",2),e([i()],t.prototype,"name",2),e([i({type:Number})],t.prototype,"value",2),e([i({reflect:!0})],t.prototype,"size",2),e([i()],t.prototype,"label",2),e([i({attribute:"help-text"})],t.prototype,"helpText",2),e([i({attribute:"label-end"})],t.prototype,"labelEnd",2),e([i({attribute:"help-text-end"})],t.prototype,"helpTextEnd",2),e([i({attribute:"help-tip"})],t.prototype,"helpTip",2),e([i()],t.prototype,"placeholder",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Boolean,reflect:!0})],t.prototype,"optional",2),e([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([i({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"pill",2),e([i({type:Boolean,attribute:"no-steppers"})],t.prototype,"noSteppers",2),e([i({type:Number})],t.prototype,"min",2),e([i({type:Number})],t.prototype,"max",2),e([i({type:Number})],t.prototype,"step",2),e([i({reflect:!0})],t.prototype,"state",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([i({reflect:!0})],t.prototype,"form",2),e([i({type:Boolean})],t.prototype,"autofocus",2),e([$()],t.prototype,"defaultValue",2),e([o("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([o("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

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

@@ -0,0 +1 @@
+import{a as o}from"./chunk.NOMBUTZ6.js";var t=o;o.define("lynk-tooltip");export{t 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.2U6QUDUM.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.QBOML43B.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var s="lynk-resize-observer";e.define("lynk-resize-observer");var n=r({tagName:s,elementClass:e,react:t,events:{EvResize:"ev-resize"},displayName:"LynkResizeObserver"}),i=n;export{i as a};

package/cdn/chunks/chunk.36BB334X.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.R5OGGX5Y.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.3B4JQEYF.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.SG36G5AB.js";import{a as r,g as s}from"./chunk.R5OGGX5Y.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.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.3BMZXEMT.js

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

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

@@ -0,0 +1 @@
+import{a as t}from"./chunk.5TJ5J6UA.js";import*as e from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-mutation-observer";t.define("lynk-mutation-observer");var r=n({tagName:o,elementClass:t,react:e,events:{EvMutation:"ev-mutation"},displayName:"LynkMutationObserver"}),i=r;export{i as a};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import{a as p}from"./chunk.MBMKQXSY.js";import{d as h,g as f}from"./chunk.R5OGGX5Y.js";import{a as d}from"./chunk.MXDME6T6.js";import{d as c}from"./chunk.PINNEFCM.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.3PM3IOC7.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.QBOML43B.js";var o=e;e.define("lynk-resize-observer");export{o as 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.3QC5PWCW.js

@@ -0,0 +1,7 @@
+import{a}from"./chunk.RRS52LDZ.js";import{a as s}from"./chunk.7TAXE2HP.js";import{a as i,g as l}from"./chunk.R5OGGX5Y.js";import{a as o}from"./chunk.MXDME6T6.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};