@uplynk/lynk-design 1.12.1 → 1.14.0

package/cdn/chunks/chunk.GYXDBNJP.js

@@ -0,0 +1,191 @@
+import{a as e}from"./chunk.Z3G5EPTI.js";var i=e`
+  :host {
+    display: block;
+    outline: 0;
+    z-index: 0;
+    --border-radius: var(--lynk-border-radius-medium);
+    --selected-indicator-color: var(--lynk-color-primary);
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  slot:not([name])::slotted(lynk-icon) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .tree-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    flex-direction: column;
+    color: var(--lynk-color-white);
+    padding: var(--padding);
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .tree-item::before {
+    position: absolute;
+    width: 4px;
+    bottom: -2px;
+    top: -2px;
+    left: -8px;
+    content: '';
+    pointer-events: none;
+    border-radius: var(--border-radius);
+  }
+
+  .tree-item__checkbox {
+    pointer-events: none;
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .tree-item__expand-button,
+  .tree-item__checkbox,
+  .tree-item__label,
+  .tree-item__suffix {
+    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);
+  }
+
+  .tree-item__checkbox::part(base) {
+    display: flex;
+    align-items: center;
+  }
+
+  .tree-item__indentation {
+    display: block;
+    width: 1em;
+    flex-shrink: 0;
+  }
+
+  .tree-item__expand-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: content-box;
+    color: var(--lynk-color-neutral-500);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-2x-small);
+    width: 1rem;
+    height: 1rem;
+    flex-shrink: 0;
+    cursor: pointer;
+  }
+
+  .tree-item__expand-button {
+    transition: var(--lynk-transition-medium) rotate ease;
+  }
+
+  .tree-item--expanded .tree-item__expand-button {
+    rotate: 90deg;
+  }
+
+  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {
+    rotate: -90deg;
+  }
+
+  .tree-item--expanded slot[name='expand-icon'],
+  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {
+    display: none;
+  }
+
+  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {
+    display: none;
+  }
+
+  .tree-item__expand-button--visible {
+    cursor: pointer;
+  }
+
+  .tree-item__item {
+    display: flex;
+    align-items: center;
+    border-radius: var(--border-radius);
+    margin: var(--gap-size) 0;
+  }
+
+  .tree-item--disabled .tree-item__item {
+    opacity: 0.5;
+    outline: none;
+    cursor: not-allowed;
+  }
+
+  .tree-item--readonly .tree-item__item {
+    cursor: default;
+  }
+
+  :host(:focus-visible) .tree-item__item {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+    z-index: 2;
+  }
+
+  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
+    background-color: var(--lynk-color-neutral-100);
+    border-inline-start-color: var(--lynk-color-primary-600);
+  }
+
+  :host(:not([aria-disabled='true'])) .tree-item--selected::before {
+    background-color: var(--selected-indicator-color);
+    display: block;
+  }
+
+  :host(:not([aria-disabled='true'])) .tree-item__expand-button {
+    color: var(--lynk-color-neutral-600);
+  }
+
+  .tree-item__label {
+    display: flex;
+    align-items: center;
+    transition: var(--lynk-transition-fast) color;
+  }
+
+  .tree-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    margin-inline-start: auto;
+    margin-inline-end: var(--lynk-spacing-2x-small);
+  }
+
+  .tree-item__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  .tree-item__children {
+    display: block;
+    font-size: calc(1em + var(--indent-size, var(--lynk-spacing-medium)));
+  }
+
+  /* Indentation lines */
+  .tree-item__children {
+    position: relative;
+  }
+
+  .tree-item__children::before {
+    content: '';
+    position: absolute;
+    top: var(--indent-guide-offset);
+    bottom: var(--indent-guide-offset);
+    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);
+    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);
+    z-index: 1;
+  }
+
+  .tree-item--rtl .tree-item__children::before {
+    left: auto;
+    right: 1em;
+  }
+
+  @media (forced-colors: active) {
+    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
+      outline: dashed 1px SelectedItem;
+    }
+  }
+`;export{i as a};

package/cdn/chunks/chunk.H5UQZNOG.js

@@ -0,0 +1,22 @@
+import{a as m}from"./chunk.IBF7ZGRH.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as r}from"./chunk.TZTBMC6G.js";import{a,g as l}from"./chunk.HW7MWP4B.js";import{a as i}from"./chunk.D3NKX2L2.js";import{d as s}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.hasSlotController=new c(this,"[default]","footer","header","image","image-top-start","image-top-end","image-bottom-start","image-bottom-end");this.appearance="outlined";this.stealth=!1;this.size="inherit";this.interactive=!1;this.active=!1;this.pulse=!1;this.aspectRatio="16:9"}render(){let o=this.hasSlotController.test("image")||this.hasSlotController.test("image-top-start")||this.hasSlotController.test("image-top-end")||this.hasSlotController.test("image-bottom-start")||this.hasSlotController.test("image-bottom-end"),n=this.hasSlotController.test("header")||this.hasSlotController.test("[default]")||this.hasSlotController.test("footer");return s`
+      <div
+        part="base"
+        class=${r({card:!0,"card--interactive":this.interactive,"card--active":this.active,"card--stealth":this.stealth,"card--pulse":this.pulse,"card--primary":this.state==="primary","card--accent":this.state==="accent","card--danger":this.state==="danger","card--success":this.state==="success","card--neutral":this.state==="neutral","card--warning":this.state==="warning","card--info":this.state==="info","card--small":this.size==="small","card--medium":this.size==="medium","card--large":this.size==="large","card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("image"),"card--has-header":this.hasSlotController.test("header"),"card--image-only":o&&!n})}
+      >
+        ${o?s`
+              <div part="image-block" class="card__image-block ${`aspect--${this.aspectRatio.replace(/[:.]/g,"-")}`}">
+                <div part="image" class="card__image">
+                  <slot name="image"></slot>
+                </div>
+
+                <slot name="image-top-start" part="image-top-start" class="card__image-top-start"></slot>
+                <slot name="image-top-end" part="image-top-end" class="card__image-top-end"></slot>
+                <slot name="image-bottom-start" part="image-bottom-start" class="card__image-bottom-start"></slot>
+                <slot name="image-bottom-end" part="image-bottom-end" class="card__image-bottom-end"></slot>
+              </div>
+            `:""}
+        ${this.hasSlotController.test("header")?s`<slot name="header" part="header" class="card__header"></slot>`:""}
+        ${this.hasSlotController.test("[default]")?s`<slot part="body" class="card__body"></slot>`:""}
+        ${this.hasSlotController.test("footer")?s`<slot name="footer" part="footer" class="card__footer"></slot>`:""}
+      </div>
+    `}};t.styles=[i,m],e([a({reflect:!0})],t.prototype,"appearance",2),e([a({type:Boolean,reflect:!0})],t.prototype,"stealth",2),e([a({reflect:!0})],t.prototype,"size",2),e([a({reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"interactive",2),e([a({type:Boolean,reflect:!0})],t.prototype,"active",2),e([a({type:Boolean,reflect:!0})],t.prototype,"pulse",2),e([a({reflect:!0,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2);export{t as a};

package/cdn/chunks/chunk.HDOLTWKC.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.52XDZTPM.js";import{g as e}from"./chunk.HW7MWP4B.js";import{a as o}from"./chunk.D3NKX2L2.js";import{d as r}from"./chunk.Z3G5EPTI.js";var t=class extends e{render(){return r` <slot></slot> `}};t.styles=[o,m];export{t as a};

package/cdn/chunks/chunk.HE4OIA7N.js

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

package/cdn/chunks/chunk.HGZASGBI.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.KL5M7POJ.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var p="lynk-nav-item";e.define("lynk-nav-item");var a=n({tagName:p,elementClass:e,react:t,events:{EvExpand:"ev-expand",EvAfterExpand:"ev-after-expand",EvCollapse:"ev-collapse",EvAfterCollapse:"ev-after-collapse"},displayName:"LynkNavItem"}),r=a;export{r as a};

package/cdn/chunks/chunk.HJBVU23H.js

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

package/cdn/chunks/chunk.HJV2LYYJ.js

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

package/cdn/chunks/chunk.HOTTNGAY.js

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

package/cdn/chunks/chunk.HSIGLSTX.js

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

package/cdn/chunks/chunk.HTR3JNBD.js

@@ -0,0 +1 @@
+var n=new Map;function l(e,r="cors"){let i=n.get(e);if(i!==void 0)return Promise.resolve(i);let s=fetch(e,{mode:r}).then(async t=>{let o={ok:t.ok,status:t.status,html:await t.text()};return n.set(e,o),o});return n.set(e,s),s}export{l as a};

package/cdn/chunks/chunk.HULVLC5S.js

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

package/cdn/chunks/chunk.HUMDDNNQ.js

@@ -0,0 +1 @@
+function f(t,o){return{top:Math.round(t.getBoundingClientRect().top-o.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-o.getBoundingClientRect().left)}}var i=new Set,r=new RegExp("^(visible|hidden)");function p(){let t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}function L(t){if(i.add(t),!document.body.classList.contains("lynk-scroll-lock")){let o=p();document.body.classList.add("lynk-scroll-lock"),document.body.style.setProperty("--lynk-scroll-lock-size",`${o}px`)}}function H(t){i.delete(t),i.size===0&&(document.body.classList.remove("lynk-scroll-lock"),document.body.style.removeProperty("--lynk-scrollbar-width"))}function b(t,o,l="vertical",e="smooth"){let n=f(t,o),s=n.top+o.scrollTop,c=n.left+o.scrollLeft,d=o.scrollLeft,u=o.scrollLeft+o.offsetWidth,h=o.scrollTop,g=o.scrollTop+o.offsetHeight;(l==="horizontal"||l==="both")&&(c<d?o.scrollTo({left:c,behavior:e}):c+t.clientWidth>u&&o.scrollTo({left:c-o.offsetWidth+t.clientWidth,behavior:e})),(l==="vertical"||l==="both")&&(s<h?o.scrollTo({top:s,behavior:e}):s+t.clientHeight>g&&o.scrollTo({top:s-o.offsetHeight+t.clientHeight,behavior:e}))}function y(t,o=!0,l=!0){if(!t)return null;let e=window.getComputedStyle(t);return o&&!r.test(e.overflowX)&&t.scrollWidth>=t.clientWidth||l&&!r.test(e.overflowY)&&t.scrollHeight>=t.clientHeight?t:y(t.parentElement,o,l)||document.body}export{L as a,H as b,b as c,y as d};

package/cdn/chunks/chunk.HW7MWP4B.js

@@ -0,0 +1,25 @@
+import{b,c as g,k as x}from"./chunk.Z3G5EPTI.js";import{a as E,b as m,e as y,f,g as T,h}from"./chunk.FI4IKBIW.js";var R={attribute:!0,type:String,converter:b,reflect:!1,hasChanged:g},M=(r=R,s,e)=>{let{kind:t,metadata:n}=e,i=globalThis.litPropertyMetadata.get(n);if(i===void 0&&globalThis.litPropertyMetadata.set(n,i=new Map),t==="setter"&&((r=Object.create(r)).wrapped=!0),i.set(e.name,r),t==="accessor"){let{name:o}=e;return{set(a){let l=s.get.call(this);s.set.call(this,a),this.requestUpdate(o,l,r)},init(a){return a!==void 0&&this.C(o,void 0,r,a),a}}}if(t==="setter"){let{name:o}=e;return function(a){let l=this[o];s.call(this,a),this.requestUpdate(o,l,r)}}throw Error("Unsupported decorator location: "+t)};function p(r){return(s,e)=>typeof e=="object"?M(r,s,e):((t,n,i)=>{let o=n.hasOwnProperty(i);return n.constructor.createProperty(i,t),o?Object.getOwnPropertyDescriptor(n,i):void 0})(r,s,e)}function H(r){return p(m(E({},r),{state:!0,attribute:!1}))}function D(r){return(s,e)=>{let t=typeof s=="function"?s:s[e];Object.assign(t,r)}}var d=(r,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof s!="object"&&Object.defineProperty(r,s,e),e);function V(r,s){return(e,t,n)=>{let i=o=>{var a,l;return(l=(a=o.renderRoot)==null?void 0:a.querySelector(r))!=null?l:null};if(s){let{get:o,set:a}=typeof t=="object"?e:n!=null?n:(()=>{let l=Symbol();return{get(){return this[l]},set(c){this[l]=c}}})();return d(e,t,{get(){let l=o.call(this);return l===void 0&&(l=i(this),(l!==null||this.hasUpdated)&&a.call(this,l)),l}})}return d(e,t,{get(){return i(this)}})}}function S(r){return(s,e)=>d(s,e,{async get(){var t,n;return await this.updateComplete,(n=(t=this.renderRoot)==null?void 0:t.querySelector(r))!=null?n:null}})}function A(r){return(s,e)=>{let{slot:t,selector:n}=r!=null?r:{},i="slot"+(t?`[name=${t}]`:":not([name])");return d(s,e,{get(){var l,c;let o=(l=this.renderRoot)==null?void 0:l.querySelector(i),a=(c=o==null?void 0:o.assignedElements(r))!=null?c:[];return n===void 0?a:a.filter((k=>k.matches(n)))}})}}var v,u=class extends x{constructor(){super();T(this,v,!1);this.initialReflectedProperties=new Map;Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}emit(e,t){let n=new CustomEvent(e,E({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(n),n}static define(e,t=this,n={}){let i=customElements.get(e);if(!i){try{customElements.define(e,t,n)}catch(l){customElements.define(e,class extends t{},n)}return}let o=" (unknown version)",a=o;"version"in t&&t.version&&(o=" v"+t.version),"version"in i&&i.version&&(a=" v"+i.version),!(o&&a&&o===a)&&console.warn(`Attempted to register <${e}>${o}, but <${e}>${a} has already been registered.`)}attributeChangedCallback(e,t,n){f(this,v)||(this.constructor.elementProperties.forEach((i,o)=>{i.reflect&&this[o]!=null&&this.initialReflectedProperties.set(o,this[o])}),h(this,v,!0)),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),this.initialReflectedProperties.forEach((t,n)=>{e.has(n)&&this[n]==null&&(this[n]=t)})}};v=new WeakMap,u.version="1.14.0",u.dependencies={},y([p()],u.prototype,"dir",2),y([p()],u.prototype,"lang",2);export{p as a,H as b,D as c,V as d,S as e,A as f,u as g};
+/*! Bundled license information:
+
+@lit/reactive-element/decorators/property.js:
+@lit/reactive-element/decorators/state.js:
+@lit/reactive-element/decorators/event-options.js:
+@lit/reactive-element/decorators/base.js:
+@lit/reactive-element/decorators/query.js:
+@lit/reactive-element/decorators/query-async.js:
+@lit/reactive-element/decorators/custom-element.js:
+@lit/reactive-element/decorators/query-all.js:
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.I2G2IAR5.js

@@ -0,0 +1 @@
+import{a as h}from"./chunk.4KNBVUGF.js";import{b as a}from"./chunk.ALHVMVDH.js";var i=[],c=class{constructor(e){this.tabDirection="forward";this.handleFocusIn=()=>{this.isActive()&&this.checkFocus()};this.handleKeyDown=e=>{var l,u;if(e.key!=="Tab"||this.isExternalActivated||!this.isActive())return;let n=h();if(this.previousFocus=n,this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;e.shiftKey?this.tabDirection="backward":this.tabDirection="forward";let s=a(this.element),t=s.findIndex(d=>d===n);if(this.previousFocus=this.currentFocus,t===-1){if(this.currentFocus=s[0],this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;e.preventDefault(),(l=this.currentFocus)==null||l.focus({preventScroll:!1});return}let r=this.tabDirection==="forward"?1:-1;t+r>=s.length?t=0:t+r<0?t=s.length-1:t+=r,this.previousFocus=this.currentFocus;let o=s[t];this.tabDirection==="backward"&&this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus)||o&&this.possiblyHasTabbableChildren(o)||(e.preventDefault(),this.currentFocus=o,(u=this.currentFocus)==null||u.focus({preventScroll:!0}),setTimeout(()=>this.checkFocus()))};this.handleKeyUp=()=>{this.tabDirection="forward"};this.element=e,this.elementsWithTabbableControls=["iframe"]}activate(){i.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){i=i.filter(e=>e!==this.element),this.currentFocus=null,document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return i[i.length-1]===this.element}activateExternal(){this.isExternalActivated=!0}deactivateExternal(){this.isExternalActivated=!1}checkFocus(){if(this.isActive()&&!this.isExternalActivated){let e=a(this.element);if(!this.element.matches(":focus-within")){let n=e[0],s=e[e.length-1],t=this.tabDirection==="forward"?n:s;typeof(t==null?void 0:t.focus)=="function"&&(this.currentFocus=t,t.focus({preventScroll:!1}))}}}possiblyHasTabbableChildren(e){return this.elementsWithTabbableControls.includes(e.tagName.toLowerCase())||e.hasAttribute("controls")}};export{c as a};

package/cdn/chunks/chunk.I3BMY56N.js

@@ -0,0 +1,31 @@
+import{a as e}from"./chunk.Z3G5EPTI.js";var o=e`
+  :host {
+    display: block;
+  }
+
+  .responsive-media {
+    position: relative;
+  }
+
+  .responsive-media ::slotted(*) {
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 100% !important;
+  }
+
+  .responsive-media--cover ::slotted(embed),
+  .responsive-media--cover ::slotted(iframe),
+  .responsive-media--cover ::slotted(img),
+  .responsive-media--cover ::slotted(video) {
+    object-fit: cover !important;
+  }
+
+  .responsive-media--contain ::slotted(embed),
+  .responsive-media--contain ::slotted(iframe),
+  .responsive-media--contain ::slotted(img),
+  .responsive-media--contain ::slotted(video) {
+    object-fit: contain !important;
+  }
+`;export{o as a};

package/cdn/chunks/chunk.I3WACBUE.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6N55SKAY.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-date-time-picker";e.define("lynk-date-time-picker");var a=n({tagName:r,elementClass:e,react:t,events:{EvChange:"ev-change",EvInput:"ev-input",EvClear:"ev-clear"},displayName:"LynkDateTimePicker"}),s=a;export{s as a};

package/cdn/chunks/chunk.I6SAVT5J.js

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

package/cdn/chunks/chunk.IBF7ZGRH.js

@@ -0,0 +1,292 @@
+import{a as r}from"./chunk.Z3G5EPTI.js";var o=r`
+  :host {
+    --border-color: var(--lynk-color-neutral-200);
+    --border-radius: var(--lynk-border-radius-large);
+    --border-width: 1px;
+    --padding: var(--lynk-spacing-base);
+    --pulse-speed: 1.5s;
+    --state-color: var(--lynk-color-primary);
+    --background-color: var(--lynk-color-neutral-50);
+
+    display: inline-block;
+  }
+
+  /* Appearance modifiers */
+  :host([appearance~='plain']) .card {
+    background-color: transparent;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  :host([appearance~='outlined']) .card {
+    border-color: var(--border-color);
+  }
+
+  :host([appearance~='filled']) .card {
+    background-color: var(--background-color);
+    border-color: transparent;
+  }
+
+  :host([appearance~='filled'][appearance~='outlined']) .card {
+    border-color: var(--border-color);
+    background-color: var(--background-color);
+  }
+
+  :host([appearance~='accent']) .card {
+    color: var(--lynk-color-black);
+    background-color: var(--lynk-color-white);
+    border-color: transparent;
+  }
+
+  .card {
+    display: flex;
+    flex-direction: column;
+    font-size: inherit;
+    line-height: var(--lynk-line-height-dense);
+    background-color: transparent;
+    box-shadow: var(--lynk-shadow-x-small);
+    border: solid var(--border-width) var(--border-color);
+    border-radius: var(--border-radius);
+    line-height: var(--lynk-line-height-dense);
+    transition:
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) transform,
+      var(--lynk-transition-fast) background;
+  }
+
+  .card--stealth {
+    --border-color: transparent;
+  }
+
+  .card--small {
+    --padding: var(--lynk-spacing-x-small);
+    font-size: var(--lynk-font-size-small);
+  }
+
+  .card--medium {
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .card--large {
+    --padding: var(--lynk-spacing-large);
+    font-size: var(--lynk-font-size-large);
+  }
+
+  /* Primary State */
+  .card--primary {
+    --state-color: var(--lynk-color-primary);
+    border: solid var(--border-width) var(--state-color) !important;
+  }
+
+  /* Accent State */
+  .card--accent {
+    --state-color: var(--lynk-color-accent);
+    border: solid var(--border-width) var(--state-color) !important;
+  }
+
+  /* Danger State */
+  .card--danger {
+    --state-color: var(--lynk-color-danger);
+    border: solid var(--border-width) var(--state-color) !important;
+  }
+
+  /* Warning State */
+  .card--warning {
+    --state-color: var(--lynk-color-warning);
+    border: solid var(--border-width) var(--state-color) !important;
+  }
+
+  /* Success State */
+  .card--success {
+    --state-color: var(--lynk-color-success);
+    border: solid var(--border-width) var(--state-color) !important;
+  }
+
+  /* Info State */
+  .card--info {
+    --state-color: var(--lynk-color-info);
+    border: solid var(--border-width) var(--state-color) !important;
+  }
+
+  /* Neutral State */
+  .card--neutral {
+    --state-color: var(--lynk-color-neutral);
+    border: solid var(--border-width) var(--state-color) !important;
+  }
+
+  .card--pulse {
+    animation: pulse var(--pulse-speed) infinite;
+  }
+
+  .card--pulse.card--interactive:hover {
+    animation: none;
+  }
+
+  .card--interactive:hover {
+    cursor: pointer;
+    border: solid var(--border-width) var(--state-color) !important;
+    box-shadow: var(--lynk-shadow-medium);
+  }
+  .card--interactive:active {
+    transform: translateY(-4px);
+    box-shadow: var(--lynk-shadow-large);
+  }
+
+  .card--active {
+    border: solid var(--border-width) var(--state-color) !important;
+    box-shadow: var(--lynk-shadow-large);
+  }
+
+  .card--image-only .card__image {
+    border-radius: var(--border-radius);
+  }
+
+  .card__image-block {
+    position: relative;
+    border: 1px solid transparent;
+  }
+
+  .card__image {
+    display: flex;
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+    margin: calc(-1 * var(--border-width));
+    background-color: var(--lynk-color-black);
+    overflow: hidden;
+  }
+
+  .card__image-block.aspect--1-1 .card__image {
+    aspect-ratio: 1 / 1;
+  }
+
+  .card__image-block.aspect--16-9 .card__image {
+    aspect-ratio: 16 / 9;
+  }
+
+  .card__image-block.aspect--21-9 .card__image {
+    aspect-ratio: 21 / 9;
+  }
+
+  .card__image-block.aspect--4-3 .card__image {
+    aspect-ratio: 4 / 3;
+  }
+
+  .card__image-block.aspect--3-4 .card__image {
+    aspect-ratio: 3 / 4;
+  }
+
+  .card__image-block.aspect--9-16 .card__image {
+    aspect-ratio: 9 / 16;
+  }
+
+  .card__image ::slotted(img) {
+    display: block;
+    object-fit: cover;
+    width: 100%;
+  }
+
+  .card:not(.card--has-image) .card__image {
+    display: none;
+  }
+
+  .card__image-top-start,
+  .card__image-top-end,
+  .card__image-bottom-start,
+  .card__image-bottom-end {
+    position: absolute;
+    display: inline-flex;
+  }
+
+  .card__image-top-start {
+    top: var(--padding);
+    left: var(--padding);
+  }
+
+  .card__image-top-end {
+    top: var(--padding);
+    right: var(--padding);
+  }
+
+  .card__image-bottom-start {
+    bottom: var(--padding);
+    left: var(--padding);
+  }
+
+  .card__image-bottom-end {
+    bottom: var(--padding);
+    right: var(--padding);
+  }
+
+  .card__header {
+    display: block;
+    border-bottom: solid var(--border-width) var(--border-color);
+    padding: calc(var(--padding) / 2) var(--padding);
+  }
+
+  .card:not(.card--has-header) .card__header {
+    display: none;
+  }
+
+  .card:not(.card--has-image) .card__header {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+  }
+
+  .card__body {
+    display: block;
+    padding: var(--padding);
+  }
+
+  .card--has-footer .card__footer {
+    display: block;
+    border-top: solid var(--border-width) var(--border-color);
+    padding: var(--padding);
+  }
+
+  .card:not(.card--has-footer) .card__footer {
+    display: none;
+  }
+
+  .card--stealth {
+    background-color: transparent;
+    border-color: transparent;
+    gap: var(--padding);
+  }
+
+  .card--stealth.card--interactive {
+    padding: var(--padding);
+  }
+
+  .card--stealth .card__image {
+    border-radius: var(--border-radius);
+  }
+
+  .card--stealth .card__footer,
+  .card--stealth .card__header,
+  .card--stealth .card__body {
+    padding: 0;
+  }
+
+  .card--stealth.card--interactive:hover {
+    background-color: var(--lynk-panel-background-color) !important;
+    border-color: var(--border-color) !important;
+  }
+
+  .card--stealth.card--active,
+  .card--stealth.card--active:hover {
+    border-color: var(--state-color) !important;
+  }
+
+  @keyframes pulse {
+    0% {
+      box-shadow: 0 0 0 0 var(--state-color);
+    }
+    70% {
+      box-shadow: 0 0 0 0.5rem transparent;
+    }
+    100% {
+      box-shadow: 0 0 0 0 transparent;
+    }
+  }
+`;export{o as a};

package/cdn/chunks/chunk.ICSN675V.js

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

package/cdn/chunks/chunk.ICYTIOO5.js

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

package/cdn/chunks/chunk.ID3NV25L.js

@@ -0,0 +1,20 @@
+import{a as i}from"./chunk.Z3G5EPTI.js";var r=i`
+  :host {
+    display: contents;
+    --gap: var(--lynk-spacing-base);
+    --min-size: 20rem;
+  }
+
+  .auto-grid {
+    display: grid;
+    grid-gap: var(--gap);
+  }
+
+  .auto-grid--fit {
+    grid-template-columns: repeat(auto-fit, minmax(min(var(--min-size), 100%), 1fr));
+  }
+
+  .auto-grid--fill {
+    grid-template-columns: repeat(auto-fill, minmax(min(var(--min-size), 100%), 1fr));
+  }
+`;export{r as a};

package/cdn/chunks/chunk.II42DD46.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.QSLQW5K7.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-radio";e.define("lynk-radio");var r=n({tagName:o,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvFocus:"ev-focus"},displayName:"LynkRadio"}),a=r;export{a};

package/cdn/chunks/chunk.INIU4FAA.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk.TFVDDT4Z.js";import{a as e,g as l}from"./chunk.HW7MWP4B.js";import{a as m}from"./chunk.D3NKX2L2.js";import{d as o}from"./chunk.Z3G5EPTI.js";import{e as r}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.sticky=!1}render(){return o` <slot></slot> `}};t.styles=[m,s],r([e({type:Boolean,reflect:!0})],t.prototype,"sticky",2);export{t as a};