@sky.ui/core 0.0.7 → 0.0.20

package/dist/sky-button/sky-button.js

@@ -1,4 +1,4 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as r,html as n,nothing as i}from"lit";import{property as a,state as s,eventOptions as l,customElement as d}from"lit/decorators.js";import{when as p}from"lit/directives/when.js";import{styleMap as h}from"lit/directives/style-map.js";import{resolveColor as c,resolveTextColorForToken as b,createGradient as v,tuneSurfaceVariantForDefaultColor as g,darkShade as y,fadeMix as u,skyBorderPrimaryShorthand as m,hoverShade as f}from"../helper/utils/color-resolver.js";import{resolveRadius as x}from"../helper/utils/size-resolver.js";import{ifDefined as k}from"lit/directives/if-defined.js";import{SkyIcon as w}from"../sky-icon/sky-icon.js";let S=class extends o{static{this.dependencies={"sky-icon":w}}static{this.formAssociated=!0}static{this.styles=r`
+import{__decorate as t,__metadata as o}from"tslib";import{LitElement as e,css as r,html as n,nothing as a}from"lit";import{property as i,state as s,eventOptions as d,customElement as l}from"lit/decorators.js";import{when as h}from"lit/directives/when.js";import{styleMap as p}from"lit/directives/style-map.js";import{resolveColor as c,resolveTextColorForToken as b,createGradient as v,tuneSurfaceVariantForDefaultColor as g,resolveSemanticSurfaceKey as u,semanticSoftSurfaceTokens as y,darkShade as f,fadeMix as m,skyBorderPrimaryShorthand as x,hoverShade as k}from"../helper/utils/color-resolver.js";import{resolveRadius as w}from"../helper/utils/size-resolver.js";import{ifDefined as S}from"lit/directives/if-defined.js";import{SkyIcon as $}from"../sky-icon/sky-icon.js";let B=class extends e{static{this.dependencies={"sky-icon":$}}static{this.formAssociated=!0}static{this.styles=r`
     :host {
       display: inline-block;
     }
@@ -29,11 +29,11 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       background-repeat: no-repeat;
       background-size: 0% 1px;
       transition:
-        background-size 0.2s ease,
-        color 0.25s ease,
-        box-shadow 0.25s ease,
-        border 0.25s ease,
-        transform 0.25s ease;
+        background-size var(--sky-duration-normal, 200ms) var(--sky-ease-default, ease),
+        color var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease),
+        box-shadow var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease),
+        border-color var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease),
+        transform var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease);
     }
     :host([variant="link"]) button:hover:not(:disabled),
     :host([variant="link"]) button:focus-visible:not(:disabled) {
@@ -53,17 +53,20 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       border-radius: var(--btn-radius, var(--sky-radius-primary));
       font: inherit;
       cursor: pointer;
-      transition: all 0.25s ease;
       box-sizing: border-box;
       outline: none;
-      border: var(--btn-border, none);
-      background: var(--btn-bg);
+      border: var(
+        --btn-border,
+        var(--btn-border-width, 0) solid var(--btn-border-color, transparent)
+      );
+      background-color: var(--btn-bg-color, transparent);
+      background-image: none;
       color: var(--btn-color);
       box-shadow: var(--btn-shadow, none);
       transform: var(--btn-transform, none);
-      gap: var(--btn-gap, 5px);
-      padding: var(--btn-padding, 8px 14px);
-      font-size: var(--btn-font-size, 16px);
+      gap: var(--btn-gap, var(--sky-space-1, 4px));
+      padding: var(--btn-padding, var(--sky-space-2, 8px) var(--sky-space-3, 14px));
+      font-size: var(--btn-font-size, var(--sky-font-size-md, 1rem));
       font-family: var(--sky-font);
       white-space: nowrap;
       text-align: center;
@@ -71,16 +74,38 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       width: 100%;
       height: auto;
       min-height: var(--btn-min-height, auto);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
+      transition:
+        background-color var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease),
+        border-color var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease),
+        color var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease),
+        box-shadow var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease),
+        transform var(--sky-duration-fast, 120ms) var(--sky-ease-out, ease),
+        opacity var(--sky-duration-fast, 120ms) var(--sky-ease-default, ease);
 
       /* Ensure button doesn't shrink */
       flex-shrink: 0;
     }
+
+    :host([variant="gradient"]) button {
+      background: var(--btn-bg);
+      background-color: transparent;
+    }
+
     button:hover:not(:disabled),
     button:focus-visible:not(:disabled) {
-      background: var(--btn-bg-hover, var(--btn-bg));
+      background-color: var(--btn-bg-color-hover, var(--btn-bg-color, transparent));
       color: var(--btn-color-hover, var(--btn-color));
       box-shadow: var(--btn-shadow-hover, var(--btn-shadow));
-      border: var(--btn-border-hover, var(--btn-border));
+      border: var(
+        --btn-border-hover,
+        var(
+          --btn-border,
+          var(--btn-border-width, 0) solid
+            var(--btn-border-color-hover, var(--btn-border-color, transparent))
+        )
+      );
       text-decoration: var(
         --btn-text-decoration-hover,
         var(--btn-text-decoration, none)
@@ -89,6 +114,16 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       height: auto;
       min-height: var(--btn-min-height, auto);
     }
+
+    :host([variant="gradient"]) button:hover:not(:disabled),
+    :host([variant="gradient"]) button:focus-visible:not(:disabled) {
+      background: var(--btn-bg-hover, var(--btn-bg));
+    }
+    button:focus-visible:not(:disabled) {
+      box-shadow:
+        var(--sky-focus-ring),
+        var(--btn-shadow-hover, var(--btn-shadow, none));
+    }
     button:active:not(:disabled) {
       transform: var(
         --btn-transform-active,
@@ -96,11 +131,30 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       );
     }
     button:disabled {
-      opacity: 0.6;
+      opacity: var(--sky-opacity-disabled, 0.5);
       cursor: not-allowed;
       pointer-events: none;
     }
 
+    @media (prefers-reduced-motion: reduce) {
+      button,
+      :host([variant="link"]) button {
+        transition: none;
+      }
+
+      button:active:not(:disabled) {
+        transform: none;
+      }
+
+      .ripple {
+        animation: none;
+      }
+
+      .spinner {
+        animation: none;
+      }
+    }
+
     .ripple {
       position: absolute;
       border-radius: 50%;
@@ -120,6 +174,8 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       width: 1em;
       height: 1em;
       font-size: var(--icon-size, 18px);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
     .loading-overlay {
       position: absolute;
@@ -127,8 +183,10 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       display: flex;
       justify-content: center;
       align-items: center;
-      background: var(--sky-overlay-primary);
+      background: var(--sky-overlay-secondary);
       visibility: hidden;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
     button[loading] .loading-overlay {
       visibility: visible;
@@ -146,27 +204,28 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
         transform: rotate(360deg);
       }
     }
-  `}constructor(){super(),this.variant="solid",this.color="primary",this.type="button",this.form="",this.size="md",this.radius="md",this.label="Button",this.disabled=!1,this.loading=!1,this.iconL="",this.iconR="",this.iconOnly=!1,this.colors="",this.animation="auto",this.inGroup=!1,this._hasMeaningfulSlot=!1,this._styleVars={},this._onSlotChange=t=>{const e=t.target,o=this._slotHasMeaningfulContent(e);o!==this._hasMeaningfulSlot&&(this._hasMeaningfulSlot=o)},this.internals=this.attachInternals()}_slotHasMeaningfulContent(t){return t.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE||(t.textContent??"").trim().length>0)}_toSquarePadding(t){const e=parseFloat(t.trim().split(/\s+/)[0]);return`${Number.isFinite(e)?e:8}px`}_resolveSize(t){const e={xs:{padding:"3px 7px",fontSize:"12px",gap:"3px",icon:"14px",spinner:"14px"},sm:{padding:"5px 9px",fontSize:"14px",gap:"4px",icon:"16px",spinner:"16px"},md:{padding:"8px 14px",fontSize:"16px",gap:"5px",icon:"18px",spinner:"18px"},lg:{padding:"10px 18px",fontSize:"18px",gap:"6px",icon:"20px",spinner:"20px"},xl:{padding:"14px 24px",fontSize:"20px",gap:"8px",icon:"24px",spinner:"24px"}};if(e[t])return e[t];const o=String(t).trim().match(/^([\d.]+)(px|rem|em)?$/i),r=o?.[2]||"px",n=o?parseFloat(o[1]):16,i=`${n}${r}`,a=t=>`${Math.round(100*t)/100}${r}`,s=(t,e,o)=>Math.max(e,Math.min(o,t)),l=s(.55*n,4,18),d=s(.9*n,8,28),p=s(.3*n,3,10),h=s(1.125*n,12,28),c=h;return{padding:`${a(l)} ${a(d)}`,fontSize:i,gap:a(p),icon:a(h),spinner:a(c)}}willUpdate(t){if(!["color","variant","size","radius","animation","inGroup","disabled","loading","colors","iconOnly"].some(e=>t.has(e))&&Object.keys(this._styleVars).length>0)return;const e=c(this.color),o=b(this.color),r={solid:{bg:e,color:o,border:"none",shadow:"none",hoverBg:e,hoverColor:o,hoverShadow:`0 10px 20px -10px ${e}`},faded:{bg:"var(--sky-hover-tertiary)",color:e,border:"1px solid var(--sky-text-tertiary)",shadow:"none",hoverBg:"var(--sky-hover-secondary)",hoverColor:e,hoverShadow:"none",hoverBorder:"1px solid var(--sky-text-secondary)"},bordered:{bg:"transparent",color:e,border:`2px solid ${e}`,shadow:"none",hoverBg:"transparent",hoverColor:e,hoverShadow:"none",hoverBorder:`2px solid ${f(e,25)}`},transparent:{bg:"transparent",color:e,border:"none",shadow:"none",hoverBg:u(e,15),hoverColor:e,hoverShadow:"none"},flat:{bg:u(e,20),color:f(e,30),border:"none",shadow:"none",hoverBg:u(e,25),hoverColor:f(e,35),hoverShadow:"none"},ghost:{bg:"transparent",color:e,border:`2px solid ${e}`,shadow:"none",hoverBg:e,hoverColor:o,hoverShadow:"none"},shadow:{bg:"var(--sky-glass-primary)",color:"var(--sky-text-primary)",border:m(),shadow:"var(--sky-box-shadow-primary)",hoverBg:"var(--sky-glass-primary)",hoverColor:e,hoverShadow:"var(--sky-box-shadow-secondary)",hoverBorder:m()},relief:{bg:e,color:o,border:"none",shadow:`\n        inset 0 1px 0 rgba(255,255,255,0.4),\n        0 3px 0 ${y(e,40)},\n        0 4px 6px -1px ${u(e,40)}\n      `,hoverBg:e,hoverColor:o,hoverShadow:"none"},gradient:{bg:v(this.colors,e),color:o,border:"none",shadow:"none",hoverBg:v(this.colors,e),hoverColor:o,hoverShadow:"none"},link:{bg:"transparent",color:e,border:"none",shadow:"none",hoverBg:"transparent",hoverColor:e,hoverShadow:"none"}},n=this.variant in r?this.variant:"solid",i=g(this.color,n,r[n]),a=this.inGroup?"none":this.animation,s="auto"===a?{solid:{hover:"translateY(-3px)",active:"translateY(-3px)"},faded:{},bordered:{},transparent:{},flat:{},ghost:{},shadow:{hover:"translateY(-3px)",active:"translateY(-3px)"},gradient:{},relief:{hover:"translateY(2px)",active:"translateY(2px)"},link:{}}[n]:(t=>{switch(t){case"none":return{hover:"none",active:"none"};case"lift":return{hover:"translateY(-2px)",active:"translateY(-1px)"};case"push":return{hover:"translateY(2px)",active:"translateY(2px)"};case"scale":return{hover:"scale(1.05)",active:"scale(1.02)"};case"rotate":return{hover:"rotate(3deg)",active:"rotate(2deg)"};case"custom":return{hover:"var(--btn-hover-transform, none)",active:"var(--btn-active-transform, var(--btn-hover-transform, none))"};default:return{}}})(a),l=s.hover??"none",d=s.active??l??"none",p=this._resolveSize(this.size),h=this.iconOnly?this._toSquarePadding(p.padding):p.padding,k=this.iconOnly?"0":p.gap;let w=0;const S="bordered"===this.variant||"ghost"===this.variant,$="faded"===this.variant||"shadow"===this.variant;if(S)w=2;else if($)w=1;else if(i.border&&i.border.includes("px")){const t=i.border.match(/(\d+)px/);w=t?parseInt(t[1]):0}let C=w;if(i.hoverBorder&&i.hoverBorder.includes("px")){const t=i.hoverBorder.match(/(\d+)px/);C=t?parseInt(t[1]):w}let z="link"===this.variant?"0":h;if(w>0){const t=h.split(" ");if(1===t.length){const e=parseFloat(t[0]);z=`${Math.max(e-w,2)}px`}else if(2===t.length){const e=parseFloat(t[0]),o=parseFloat(t[1]),r=Math.max(e-w,2);z=this.iconOnly?`${r}px`:`${r}px ${o}px`}else if(4===t.length){const e=parseFloat(t[0]),o=parseFloat(t[1]),r=parseFloat(t[2]),n=parseFloat(t[3]);z=`${Math.max(e-w,2)}px ${o}px ${Math.max(r-w,2)}px ${n}px`}}const B=parseFloat(p.fontSize),O=parseFloat(p.icon);let _,j;if("link"===this.variant)_="auto";else if(this.iconOnly){const t=2*(parseFloat(z)||0)+O+2*w;_=`${t}px`,j=`${t}px`}else{const t=z.split(" ");_=`${(t.length>=2?parseFloat(t[0])+parseFloat(t[2]||t[0]):2*parseFloat(t[0])||16)+B+4+2*w}px`}const F={"--btn-bg":i.bg,"--btn-color":i.color,"--btn-border":i.border,"--btn-shadow":i.shadow,"--btn-radius":"link"===this.variant?"0":x(this.radius),"--btn-bg-hover":i.hoverBg,"--btn-color-hover":i.hoverColor,"--btn-shadow-hover":i.hoverShadow,"--btn-transform":"none","--btn-transform-hover":l,"--btn-transform-active":d,"--btn-padding":z,"--btn-font-size":p.fontSize,"--btn-gap":k,"--icon-size":p.icon,"--spinner-size":p.spinner,"--btn-min-height":_,...j?{"--btn-min-width":j}:{},"--btn-border-width":`${w}px`,"--btn-border-width-hover":`${C}px`};i.hoverBorder?F["--btn-border-hover"]=i.hoverBorder:delete F["--btn-border-hover"],this.inGroup&&("gradient"===this.variant?(F["--btn-bg"]="transparent",F["--btn-bg-hover"]="color-mix(in srgb, white 8%, transparent)"):F["--btn-bg-hover"]=F["--btn-bg"],F["--btn-color-hover"]=F["--btn-color"],F["--btn-border-hover"]=F["--btn-border"],F["--btn-shadow-hover"]="none","relief"===this.variant?(F["--btn-transform-hover"]="translateY(2px)",F["--btn-transform-active"]="translateY(2px)"):(F["--btn-transform-hover"]="none",F["--btn-transform-active"]="none")),this._styleVars=F}focusButton(){this.renderRoot.querySelector("button")?.focus()}clickButton(){this.disabled||this.loading||this.renderRoot.querySelector("button")?.click()}_createRipple(t){const e=t.currentTarget,o=e.getBoundingClientRect(),r=document.createElement("span"),n=Math.max(e.offsetWidth,e.offsetHeight),i=t.clientX-o.left-n/2,a=t.clientY-o.top-n/2;r.style.width=r.style.height=`${n}px`,r.style.left=`${i}px`,r.style.top=`${a}px`;const s=getComputedStyle(e).backgroundColor||"",l=s.includes("255, 255, 255")||s.includes("rgba(0, 0, 0, 0)");r.style.background=l?"rgba(0, 0, 0, 0.2)":"rgba(255, 255, 255, 0.3)",r.className="ripple";const d=e.querySelectorAll(".ripple");d.length>=3&&d[0]&&d[0].remove(),e.appendChild(r),r.addEventListener("animationend",()=>r.remove())}formDisabledCallback(t){this.disabled=t}get formOwner(){if("undefined"==typeof document)return null;const t="string"==typeof this.form?this.form.trim():"";return this.internals.form||(t?document.getElementById(t):null)||this.closest("form")}_handleClick(t){if(this.disabled||this.loading)return void t.preventDefault();"button"===this.type&&t.preventDefault(),this._createRipple(t);const e=this.formOwner;"submit"!==this.type?"reset"!==this.type||e?.reset():e?.requestSubmit()}_iconOnlyName(){return this.iconL||this.iconR}render(){const t=this._iconOnlyName(),e=this.iconOnly&&(this.label||t)?this.label||t:void 0;return n`
+  `}constructor(){super(),this.variant="solid",this.color="primary",this.type="button",this.form="",this.size="md",this.radius="md",this.label="Button",this.disabled=!1,this.loading=!1,this.iconL="",this.iconR="",this.iconOnly=!1,this.colors="",this.animation="auto",this.inGroup=!1,this._hasMeaningfulSlot=!1,this._styleVars={},this._onSlotChange=t=>{const o=t.target,e=this._slotHasMeaningfulContent(o);e!==this._hasMeaningfulSlot&&(this._hasMeaningfulSlot=e)},this.internals=this.attachInternals()}_slotHasMeaningfulContent(t){return t.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE||(t.textContent??"").trim().length>0)}_toSquarePadding(t){const o=parseFloat(t.trim().split(/\s+/)[0]);return`${Number.isFinite(o)?o:8}px`}_resolveSize(t){const o={xs:{padding:"3px 7px",fontSize:"12px",gap:"3px",icon:"14px",spinner:"14px"},sm:{padding:"5px 9px",fontSize:"14px",gap:"4px",icon:"16px",spinner:"16px"},md:{padding:"8px 14px",fontSize:"16px",gap:"5px",icon:"18px",spinner:"18px"},lg:{padding:"10px 18px",fontSize:"18px",gap:"6px",icon:"20px",spinner:"20px"},xl:{padding:"14px 24px",fontSize:"20px",gap:"8px",icon:"24px",spinner:"24px"}};if(o[t])return o[t];const e=String(t).trim().match(/^([\d.]+)(px|rem|em)?$/i),r=e?.[2]||"px",n=e?parseFloat(e[1]):16,a=`${n}${r}`,i=t=>`${Math.round(100*t)/100}${r}`,s=(t,o,e)=>Math.max(o,Math.min(e,t)),d=s(.55*n,4,18),l=s(.9*n,8,28),h=s(.3*n,3,10),p=s(1.125*n,12,28),c=p;return{padding:`${i(d)} ${i(l)}`,fontSize:a,gap:i(h),icon:i(p),spinner:i(c)}}_isThemeBorderShorthand(t){return!(!t||"none"===t)&&/^var\(--sky-border-/.test(t.trim())}_borderColorFromShorthand(t){if(!t||"none"===t||this._isThemeBorderShorthand(t))return"transparent";const o=t.match(/solid\s+(.+)$/);return o?.[1]?.trim()??"transparent"}willUpdate(t){if(!["color","variant","size","radius","animation","inGroup","disabled","loading","colors","iconOnly"].some(o=>t.has(o))&&Object.keys(this._styleVars).length>0)return;const o=c(this.color),e=b(this.color),r={solid:{bg:o,color:e,border:"none",shadow:"none",hoverBg:o,hoverColor:e,hoverShadow:"var(--sky-box-shadow-hover)"},faded:{bg:"var(--sky-hover-tertiary)",color:o,border:"1px solid var(--sky-text-tertiary)",shadow:"none",hoverBg:"var(--sky-hover-secondary)",hoverColor:o,hoverShadow:"none",hoverBorder:"1px solid var(--sky-text-secondary)"},bordered:{bg:"transparent",color:o,border:`2px solid ${o}`,shadow:"none",hoverBg:"transparent",hoverColor:o,hoverShadow:"none",hoverBorder:`2px solid ${k(o,25)}`},transparent:{bg:"transparent",color:o,border:"none",shadow:"none",hoverBg:m(o,15),hoverColor:o,hoverShadow:"none"},flat:{bg:m(o,20),color:k(o,30),border:"none",shadow:"none",hoverBg:m(o,25),hoverColor:k(o,35),hoverShadow:"none"},ghost:{bg:"transparent",color:o,border:`2px solid ${o}`,shadow:"none",hoverBg:o,hoverColor:e,hoverShadow:"none"},shadow:{bg:"var(--sky-glass-primary)",color:"var(--sky-text-primary)",border:x(),shadow:"none",hoverBg:"var(--sky-glass-primary)",hoverColor:o,hoverShadow:"var(--sky-box-shadow-hover)",hoverBorder:x()},relief:{bg:o,color:e,border:"none",shadow:`\n        inset 0 1px 0 rgba(255,255,255,0.4),\n        0 3px 0 ${f(o,40)},\n        0 4px 6px -1px ${m(o,40)}\n      `,hoverBg:o,hoverColor:e,hoverShadow:"none"},gradient:{bg:v(this.colors,o),color:e,border:"none",shadow:"none",hoverBg:v(this.colors,o),hoverColor:e,hoverShadow:"none"},link:{bg:"transparent",color:o,border:"none",shadow:"none",hoverBg:"transparent",hoverColor:o,hoverShadow:"none"}},n=this.variant in r?this.variant:"solid";let a={...r[n]};Object.assign(a,g(this.color,n,r[n]));const i=u(this.color);if(i&&("flat"===n||"faded"===n)){const t=y(i,{bordered:"faded"===n});Object.assign(a,{bg:t.bg,color:t.color,border:"faded"===n?t.border:"none",hoverBg:"var(--sky-hover-primary)",hoverColor:t.color,hoverShadow:"none",..."faded"===n?{hoverBorder:t.border}:{}})}const s=this.inGroup?"none":this.animation,d="auto"===s?{solid:{hover:"translateY(-3px)",active:"translateY(-3px)"},faded:{},bordered:{},transparent:{},flat:{},ghost:{},shadow:{hover:"translateY(-3px)",active:"translateY(-3px)"},gradient:{},relief:{hover:"translateY(2px)",active:"translateY(2px)"},link:{}}[n]:(t=>{switch(t){case"none":return{hover:"none",active:"none"};case"lift":return{hover:"translateY(-2px)",active:"translateY(-1px)"};case"push":return{hover:"translateY(2px)",active:"translateY(2px)"};case"scale":return{hover:"scale(1.05)",active:"scale(1.02)"};case"rotate":return{hover:"rotate(3deg)",active:"rotate(2deg)"};case"custom":return{hover:"var(--btn-hover-transform, none)",active:"var(--btn-active-transform, var(--btn-hover-transform, none))"};default:return{}}})(s),l=d.hover??"none",h=d.active??l??"none",p=this._resolveSize(this.size),S=this.iconOnly?this._toSquarePadding(p.padding):p.padding,$=this.iconOnly?"0":p.gap;let B=0;const C="bordered"===this.variant||"ghost"===this.variant,_="faded"===this.variant||"shadow"===this.variant;if(C)B=2;else if(_)B=1;else if(a.border&&a.border.includes("px")){const t=a.border.match(/(\d+)px/);B=t?parseInt(t[1]):0}let z=B;if(a.hoverBorder&&a.hoverBorder.includes("px")){const t=a.hoverBorder.match(/(\d+)px/);z=t?parseInt(t[1]):B}let O="link"===this.variant?"0":S;if(B>0){const t=S.split(" ");if(1===t.length){const o=parseFloat(t[0]);O=`${Math.max(o-B,2)}px`}else if(2===t.length){const o=parseFloat(t[0]),e=parseFloat(t[1]),r=Math.max(o-B,2);O=this.iconOnly?`${r}px`:`${r}px ${e}px`}else if(4===t.length){const o=parseFloat(t[0]),e=parseFloat(t[1]),r=parseFloat(t[2]),n=parseFloat(t[3]);O=`${Math.max(o-B,2)}px ${e}px ${Math.max(r-B,2)}px ${n}px`}}const j=parseFloat(p.fontSize),F=parseFloat(p.icon);let M,Y;if("link"===this.variant)M="auto";else if(this.iconOnly){const t=2*(parseFloat(O)||0)+F+2*B;M=`${t}px`,Y=`${t}px`}else{const t=O.split(" ");M=`${(t.length>=2?parseFloat(t[0])+parseFloat(t[2]||t[0]):2*parseFloat(t[0])||16)+j+4+2*B}px`}const R=a.hoverBorder,E=this._isThemeBorderShorthand(a.border)||this._isThemeBorderShorthand(R),N=this._borderColorFromShorthand(a.border),L=this._borderColorFromShorthand(R??a.border),T={"--btn-color":a.color,"--btn-shadow":a.shadow,"--btn-radius":"link"===this.variant?"0":w(this.radius),"--btn-color-hover":a.hoverColor,"--btn-shadow-hover":a.hoverShadow,"--btn-transform":"none","--btn-transform-hover":l,"--btn-transform-active":h,"--btn-padding":O,"--btn-font-size":p.fontSize,"--btn-gap":$,"--icon-size":p.icon,"--spinner-size":p.spinner,"--btn-min-height":M,...Y?{"--btn-min-width":Y}:{},"--btn-border-width":`${B}px`,"--btn-border-width-hover":`${z}px`};E?(T["--btn-border"]=a.border,T["--btn-border-hover"]=R??a.border):(T["--btn-border-color"]=N,T["--btn-border-color-hover"]=L),"gradient"===this.variant?(T["--btn-bg"]=a.bg,T["--btn-bg-hover"]=a.hoverBg):(T["--btn-bg-color"]=a.bg,T["--btn-bg-color-hover"]=a.hoverBg),this.inGroup&&("gradient"===this.variant?(T["--btn-bg"]="transparent",T["--btn-bg-hover"]="color-mix(in srgb, white 8%, transparent)"):T["--btn-bg-color-hover"]=T["--btn-bg-color"]??"transparent",T["--btn-color-hover"]=T["--btn-color"],E?T["--btn-border-hover"]=T["--btn-border"]??a.border:T["--btn-border-color-hover"]=T["--btn-border-color"]??N,T["--btn-shadow-hover"]="none","relief"===this.variant?(T["--btn-transform-hover"]="translateY(2px)",T["--btn-transform-active"]="translateY(2px)"):(T["--btn-transform-hover"]="none",T["--btn-transform-active"]="none")),this._styleVars=T}focusButton(){this.renderRoot.querySelector("button")?.focus()}clickButton(){this.disabled||this.loading||this.renderRoot.querySelector("button")?.click()}_createRipple(t){const o=t.currentTarget,e=o.getBoundingClientRect(),r=document.createElement("span"),n=Math.max(o.offsetWidth,o.offsetHeight),a=t.clientX-e.left-n/2,i=t.clientY-e.top-n/2;r.style.width=r.style.height=`${n}px`,r.style.left=`${a}px`,r.style.top=`${i}px`;const s=getComputedStyle(o).backgroundColor||"",d=s.includes("255, 255, 255")||s.includes("rgba(0, 0, 0, 0)");r.style.background=d?"rgba(0, 0, 0, 0.2)":"rgba(255, 255, 255, 0.3)",r.className="ripple";const l=o.querySelectorAll(".ripple");l.length>=3&&l[0]&&l[0].remove(),o.appendChild(r),r.addEventListener("animationend",()=>r.remove())}formDisabledCallback(t){this.disabled=t}get formOwner(){if("undefined"==typeof document)return null;const t="string"==typeof this.form?this.form.trim():"";return this.internals.form||(t?document.getElementById(t):null)||this.closest("form")}_handleClick(t){if(this.disabled||this.loading)return void t.preventDefault();"button"===this.type&&t.preventDefault(),this._createRipple(t);const o=this.formOwner;"submit"!==this.type?"reset"!==this.type||o?.reset():o?.requestSubmit()}_iconOnlyName(){return this.iconL||this.iconR}render(){const t=this._iconOnlyName(),o=this.iconOnly&&(this.label||t)?this.label||t:void 0;return n`
       <button
-        style=${h(this._styleVars)}
+        part="button"
+        style=${p(this._styleVars)}
         type=${this.type}
-        form=${k(this.form??void 0)}
-        aria-label=${k(e)}
+        form=${S(this.form??void 0)}
+        aria-label=${S(o)}
         ?disabled=${this.disabled||this.loading}
         ?loading=${this.loading}
         @click=${this._handleClick}
       >
-        ${p(this.iconOnly,()=>p(t,()=>n`<sky-icon part="icon" icon="${t}"></sky-icon>`),()=>n`
-            ${p(this.iconL,()=>n`<sky-icon part="icon" icon="${this.iconL}"></sky-icon>`)}
+        ${h(this.iconOnly,()=>h(t,()=>n`<sky-icon part="icon" icon="${t}"></sky-icon>`),()=>n`
+            ${h(this.iconL,()=>n`<sky-icon part="icon" icon="${this.iconL}"></sky-icon>`)}
             <slot @slotchange=${this._onSlotChange}></slot>
-            ${this._hasMeaningfulSlot?i:this.label}
-            ${p(this.iconR,()=>n`<sky-icon part="icon" icon="${this.iconR}"></sky-icon>`)}
+            ${this._hasMeaningfulSlot?a:this.label}
+            ${h(this.iconR,()=>n`<sky-icon part="icon" icon="${this.iconR}"></sky-icon>`)}
           `)}
-        ${p(this.loading,()=>n`
+        ${h(this.loading,()=>n`
             <div class="loading-overlay" part="loading-overlay">
               <div class="spinner" part="spinner"></div>
             </div>
           `)}
       </button>
-    `}};t([a({type:String,reflect:!0}),e("design:type",String)],S.prototype,"variant",void 0),t([a({type:String}),e("design:type",String)],S.prototype,"color",void 0),t([a({type:String}),e("design:type",String)],S.prototype,"type",void 0),t([a({type:String}),e("design:type",Object)],S.prototype,"form",void 0),t([a({type:String}),e("design:type",String)],S.prototype,"size",void 0),t([a({type:String}),e("design:type",String)],S.prototype,"radius",void 0),t([a({type:String}),e("design:type",Object)],S.prototype,"label",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],S.prototype,"disabled",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],S.prototype,"loading",void 0),t([a({type:String}),e("design:type",Object)],S.prototype,"iconL",void 0),t([a({type:String}),e("design:type",Object)],S.prototype,"iconR",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],S.prototype,"iconOnly",void 0),t([a({type:String}),e("design:type",String)],S.prototype,"colors",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],S.prototype,"animation",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],S.prototype,"inGroup",void 0),t([s(),e("design:type",Object)],S.prototype,"_hasMeaningfulSlot",void 0),t([l({passive:!1}),e("design:type",Function),e("design:paramtypes",[MouseEvent]),e("design:returntype",void 0)],S.prototype,"_handleClick",null),S=t([d("sky-button"),e("design:paramtypes",[])],S);export{S as SkyButton};
+    `}};t([i({type:String,reflect:!0}),o("design:type",String)],B.prototype,"variant",void 0),t([i({type:String}),o("design:type",String)],B.prototype,"color",void 0),t([i({type:String}),o("design:type",String)],B.prototype,"type",void 0),t([i({type:String}),o("design:type",Object)],B.prototype,"form",void 0),t([i({type:String}),o("design:type",String)],B.prototype,"size",void 0),t([i({type:String}),o("design:type",String)],B.prototype,"radius",void 0),t([i({type:String}),o("design:type",Object)],B.prototype,"label",void 0),t([i({type:Boolean,reflect:!0}),o("design:type",Object)],B.prototype,"disabled",void 0),t([i({type:Boolean,reflect:!0}),o("design:type",Object)],B.prototype,"loading",void 0),t([i({type:String}),o("design:type",Object)],B.prototype,"iconL",void 0),t([i({type:String}),o("design:type",Object)],B.prototype,"iconR",void 0),t([i({type:Boolean,reflect:!0}),o("design:type",Object)],B.prototype,"iconOnly",void 0),t([i({type:String}),o("design:type",String)],B.prototype,"colors",void 0),t([i({type:String,reflect:!0}),o("design:type",String)],B.prototype,"animation",void 0),t([i({type:Boolean,reflect:!0}),o("design:type",Object)],B.prototype,"inGroup",void 0),t([s(),o("design:type",Object)],B.prototype,"_hasMeaningfulSlot",void 0),t([d({passive:!1}),o("design:type",Function),o("design:paramtypes",[MouseEvent]),o("design:returntype",void 0)],B.prototype,"_handleClick",null),B=t([l("sky-button"),o("design:paramtypes",[])],B);export{B as SkyButton};
 //# sourceMappingURL=sky-button.js.map

package/dist/sky-button/sky-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-button.js","sources":["../../src/sky-button/sky-button.ts"],"sourcesContent":[null],"names":["SkyButton","LitElement","this","dependencies","SkyIcon","formAssociated","styles","css","constructor","super","variant","color","type","form","size","radius","label","disabled","loading","iconL","iconR","iconOnly","colors","animation","inGroup","_hasMeaningfulSlot","_styleVars","_onSlotChange","e","slot","target","next","_slotHasMeaningfulContent","internals","attachInternals","slotEl","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","textContent","trim","length","_toSquarePadding","padding","py","parseFloat","split","Number","isFinite","_resolveSize","input","presets","xs","fontSize","gap","icon","spinner","sm","md","lg","xl","m","String","match","unit","fsNum","fs","to","Math","round","clamp","min","max","px","willUpdate","changedProperties","p","has","Object","keys","baseColor","resolveColor","textColor","resolveTextColorForToken","variantDefaults","solid","bg","border","shadow","hoverBg","hoverColor","hoverShadow","faded","hoverBorder","bordered","hoverShade","transparent","fadeMix","flat","ghost","skyBorderPrimaryShorthand","relief","darkShade","gradient","createGradient","link","current","v","tuneSurfaceVariantForDefaultColor","animationMode","chosen","hover","active","presetToTransform","hoverTransform","activeTransform","s","basePadding","baseGap","borderWidth","hasBorder2","hasBorder1","includes","parseInt","hoverBorderWidth","adjustedPadding","paddingParts","all","vertical","horizontal","adjustedVertical","top","right","bottom","left","iconPx","btnMinHeight","btnMinWidth","side","paddingValues","vars","resolveRadius","focusButton","renderRoot","querySelector","focus","clickButton","click","_createRipple","event","button","currentTarget","rect","getBoundingClientRect","ripple","document","createElement","offsetWidth","offsetHeight","x","clientX","y","clientY","style","width","height","getComputedStyle","backgroundColor","isLightBg","background","className","existing","querySelectorAll","remove","appendChild","addEventListener","formDisabledCallback","formOwner","formId","getElementById","closest","_handleClick","preventDefault","reset","requestSubmit","_iconOnlyName","render","iconOnlyName","ariaLabel","undefined","html","styleMap","ifDefined","when","nothing","__decorate","property","reflect","prototype","Boolean","state","eventOptions","passive","MouseEvent","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-button.js","sources":["../../src/sky-button/sky-button.ts"],"sourcesContent":[null],"names":["SkyButton","LitElement","this","dependencies","SkyIcon","formAssociated","styles","css","constructor","super","variant","color","type","form","size","radius","label","disabled","loading","iconL","iconR","iconOnly","colors","animation","inGroup","_hasMeaningfulSlot","_styleVars","_onSlotChange","e","slot","target","next","_slotHasMeaningfulContent","internals","attachInternals","slotEl","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","textContent","trim","length","_toSquarePadding","padding","py","parseFloat","split","Number","isFinite","_resolveSize","input","presets","xs","fontSize","gap","icon","spinner","sm","md","lg","xl","m","String","match","unit","fsNum","fs","to","Math","round","clamp","min","max","px","_isThemeBorderShorthand","border","test","_borderColorFromShorthand","willUpdate","changedProperties","p","has","Object","keys","baseColor","resolveColor","textColor","resolveTextColorForToken","variantDefaults","solid","bg","shadow","hoverBg","hoverColor","hoverShadow","faded","hoverBorder","bordered","hoverShade","transparent","fadeMix","flat","ghost","skyBorderPrimaryShorthand","relief","darkShade","gradient","createGradient","link","current","v","assign","tuneSurfaceVariantForDefaultColor","semanticKey","resolveSemanticSurfaceKey","soft","semanticSoftSurfaceTokens","animationMode","chosen","hover","active","presetToTransform","hoverTransform","activeTransform","s","basePadding","baseGap","borderWidth","hasBorder2","hasBorder1","includes","parseInt","hoverBorderWidth","adjustedPadding","paddingParts","all","vertical","horizontal","adjustedVertical","top","right","bottom","left","iconPx","btnMinHeight","btnMinWidth","side","paddingValues","hoverBorderShorthand","usesThemeBorder","borderColor","borderColorHover","vars","resolveRadius","focusButton","renderRoot","querySelector","focus","clickButton","click","_createRipple","event","button","currentTarget","rect","getBoundingClientRect","ripple","document","createElement","offsetWidth","offsetHeight","x","clientX","y","clientY","style","width","height","getComputedStyle","backgroundColor","isLightBg","background","className","existing","querySelectorAll","remove","appendChild","addEventListener","formDisabledCallback","formOwner","formId","getElementById","closest","_handleClick","preventDefault","reset","requestSubmit","_iconOnlyName","render","iconOnlyName","ariaLabel","undefined","html","styleMap","ifDefined","when","nothing","__decorate","property","reflect","prototype","Boolean","state","eventOptions","passive","MouseEvent","customElement"],"mappings":"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"}

package/dist/sky-card/sky-card.d.ts

@@ -120,7 +120,11 @@ export declare class SkyCard extends LitElement {
     private static readonly BG_MAP;
     private static readonly BLUR_MAP;
     private static readonly SIZE_MAP;
-    private static readonly ELEVATION_MAP;
+    private static readonly GLASS_BG_TIERS;
+    /** Non-overlay inset bars use hover tints — overlay sections own their own blur. */
+    private static readonly SECTION_INSET_BG_MAP;
+    private static _composeBackdrop;
+    private static _composeElevation;
     static styles: import("lit").CSSResult;
     firstUpdated(): void;
     protected willUpdate(changed: PropertyValues): void;
@@ -130,6 +134,8 @@ export declare class SkyCard extends LitElement {
     private _expandPair;
     private _computeEffectiveFlags;
     private _setVar;
+    private _resolveSectionBg;
+    private _resolveSectionGlassSurface;
     private _applyCardVars;
     private _applyPaddingVars;
     private _applySectionChrome;

package/dist/sky-card/sky-card.js

@@ -1,4 +1,4 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as o,html as s}from"lit";import{property as a,customElement as i}from"lit/decorators.js";import{classMap as n}from"lit/directives/class-map.js";import{resolveRadius as d}from"../helper/utils/size-resolver.js";import{resolveColor as l}from"../helper/utils/color-resolver.js";var h;let p=class extends r{constructor(){super(...arguments),this.bg="primary",this.blurLevel="none",this.radius="md",this.bodyPadding="none",this.elevation="md",this.outlined=!1,this.clickable=!1,this.headerBg="transparent",this.headerBlur="none",this.headerPadding="md",this.headerLayout="inline",this.headerInsetGap="sm",this.headerRadius="md",this.headerSeparatorColor="border-light",this.footerBg="transparent",this.footerBlur="none",this.footerPadding="md",this.footerLayout="inline",this.footerInsetGap="sm",this.footerRadius="md",this.footerSeparatorColor="border-light",this.padRatio=1,this.separators="none",this.overlays="none",this.insets="none",this._effHeaderSeparator=!1,this._effFooterSeparator=!1,this._effHeaderOverlay=!1,this._effFooterOverlay=!1,this._effHeaderInset=!1,this._effFooterInset=!1,this._varsCache={}}static{h=this}static{this.BG_MAP={primary:"var(--sky-glass-primary)",secondary:"var(--sky-glass-secondary)",tertiary:"var(--sky-glass-tertiary)",transparent:"transparent"}}static{this.BLUR_MAP={none:"none",xs:"blur(2px)",sm:"var(--sky-blur-primary)",md:"var(--sky-blur-secondary)",lg:"var(--sky-blur-tertiary)"}}static{this.SIZE_MAP={none:"0",sm:"6px",md:"16px",lg:"24px",xl:"32px"}}static{this.ELEVATION_MAP={none:"none",sm:"var(--sky-box-shadow-primary)",md:"var(--sky-box-shadow-secondary)",lg:"var(--sky-box-shadow-tertiary)"}}static{this.styles=o`
+import{__decorate as e,__metadata as t}from"tslib";import{LitElement as r,css as o,html as s}from"lit";import{property as a,customElement as i}from"lit/decorators.js";import{classMap as n}from"lit/directives/class-map.js";import{resolveRadius as d}from"../helper/utils/size-resolver.js";import{resolveColor as p}from"../helper/utils/color-resolver.js";var l;let h=class extends r{constructor(){super(...arguments),this.bg="primary",this.blurLevel="none",this.radius="md",this.bodyPadding="none",this.elevation="md",this.outlined=!1,this.clickable=!1,this.headerBg="transparent",this.headerBlur="none",this.headerPadding="md",this.headerLayout="inline",this.headerInsetGap="sm",this.headerRadius="md",this.headerSeparatorColor="border-light",this.footerBg="transparent",this.footerBlur="none",this.footerPadding="md",this.footerLayout="inline",this.footerInsetGap="sm",this.footerRadius="md",this.footerSeparatorColor="border-light",this.padRatio=1,this.separators="none",this.overlays="none",this.insets="none",this._effHeaderSeparator=!1,this._effFooterSeparator=!1,this._effHeaderOverlay=!1,this._effFooterOverlay=!1,this._effHeaderInset=!1,this._effFooterInset=!1,this._varsCache={}}static{l=this}static{this.BG_MAP={primary:"var(--sky-glass-primary)",secondary:"var(--sky-glass-secondary)",tertiary:"var(--sky-glass-tertiary)",transparent:"transparent"}}static{this.BLUR_MAP={none:"none",xs:"blur(2px)",sm:"var(--sky-blur-secondary)",md:"var(--sky-blur-secondary)",lg:"var(--sky-blur-tertiary)"}}static{this.SIZE_MAP={none:"0",sm:"var(--sky-space-1\\.5, 6px)",md:"var(--sky-space-4, 16px)",lg:"var(--sky-space-6, 24px)",xl:"var(--sky-space-8, 32px)"}}static{this.GLASS_BG_TIERS=new Set(["primary","secondary","tertiary"])}static{this.SECTION_INSET_BG_MAP={primary:"var(--sky-hover-primary)",secondary:"var(--sky-hover-secondary)",tertiary:"var(--sky-hover-tertiary)",transparent:"transparent"}}static _composeBackdrop(e){const t=l.BLUR_MAP[e]??e;return"none"===t?"none":`${t} var(--sky-saturation-secondary) var(--sky-brightness-secondary)`}static _composeElevation(e){const t={none:null,sm:"var(--sky-box-shadow-primary)",md:"var(--sky-box-shadow-secondary)",lg:"var(--sky-box-shadow-tertiary)"}[e];return null===t?"none":void 0===t?e:`var(--sky-box-shadow-inset), ${t}`}static{this.styles=o`
     :host {
       display: block;
     }
@@ -10,40 +10,51 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
       position: relative;
       overflow: hidden;
       box-sizing: border-box;
+      color: var(--sky-text-primary);
       background: var(--_card-bg, var(--sky-glass-primary));
+      background-image: var(--_card-glass-surface, var(--sky-glass-surface));
       border-radius: var(--_card-radius, var(--sky-radius-secondary));
-      backdrop-filter: var(--_card-blur, none);
-      box-shadow: var(--_card-shadow, var(--sky-box-shadow-primary));
-      border: var(--_card-border, 1px solid var(--sky-border-light));
-      transition: box-shadow 0.18s ease, transform 0.12s ease;
-     
+      backdrop-filter: var(--_card-backdrop, none);
+      -webkit-backdrop-filter: var(--_card-backdrop, none);
+      box-shadow: var(
+        --_card-shadow,
+        var(--sky-box-shadow-inset),
+        var(--sky-box-shadow-primary)
+      );
+      border: var(--_card-border, var(--sky-border-primary));
+      transition: var(--sky-transition-default);
     }
 
     :host([outlined]) .card {
       box-shadow: none;
-      border-width: 1px;
-      border-color: var(--sky-border-light);
+      border: var(--sky-border-primary);
     }
     :host([clickable]) .card {
       cursor: pointer;
     }
     :host([clickable]) .card:hover {
-      box-shadow: var(--_card-shadow-hover, var(--sky-box-shadow-hover));
+      box-shadow: var(
+        --_card-shadow-hover,
+        var(--sky-box-shadow-inset),
+        var(--sky-box-shadow-hover)
+      );
     }
 
     .section {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      gap: 5px;
+      gap: var(--sky-space-1\\.5, 6px);
       box-sizing: border-box;
       min-width: 0;
       background: transparent;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
     .section.stack {
       flex-direction: column;
       align-items: stretch;
-      gap: 5px;
+      gap: var(--sky-space-1\\.5, 6px);
     }
     .section.row {
       flex-direction: row;
@@ -65,37 +76,52 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
     }
 
     .inset {
-      border-radius: var(--_section-radius, var(--sky-radius-secondary));
       overflow: hidden;
-      border: var(--_inset-border, 0 solid transparent);
-      box-shadow: var(--_inset-shadow, none);
+      box-shadow: none;
+    }
+    .section.inset[part="header"] {
+      border: var(--_header-inset-border, 0 solid transparent);
+      border-radius: var(--_header-radius, var(--sky-radius-secondary));
+    }
+    .section.inset[part="footer"] {
+      border: var(--_footer-inset-border, 0 solid transparent);
+      border-radius: var(--_footer-radius, var(--sky-radius-secondary));
     }
     .overlay-top.inset {
-      top: var(--_inset-gap, 8px);
-      left: var(--_inset-gap, 8px);
-      right: var(--_inset-gap, 8px);
+      top: var(--_header-inset-gap, var(--sky-space-2, 8px));
+      left: var(--_header-inset-gap, var(--sky-space-2, 8px));
+      right: var(--_header-inset-gap, var(--sky-space-2, 8px));
     }
     .overlay-bottom.inset {
-      bottom: var(--_inset-gap, 8px);
-      left: var(--_inset-gap, 8px);
-      right: var(--_inset-gap, 8px);
+      bottom: var(--_footer-inset-gap, var(--sky-space-2, 8px));
+      left: var(--_footer-inset-gap, var(--sky-space-2, 8px));
+      right: var(--_footer-inset-gap, var(--sky-space-2, 8px));
     }
 
     .section[part="header"]:has(slot:not([empty])),
     .section[part="header"][has-content] {
       background: var(--_header-bg);
-      backdrop-filter: var(--_header-blur, none);
-      padding-block: var(--_header-pad-y, 12px);
-      padding-inline: var(--_header-pad-x, 18px);
-     
+      background-image: var(--_header-glass-surface, none);
+      padding-block: var(--_header-pad-y, var(--sky-space-3, 12px));
+      padding-inline: var(--_header-pad-x, var(--sky-space-4, 16px));
     }
     .section[part="footer"]:has(slot:not([empty])),
     .section[part="footer"][has-content] {
       background: var(--_footer-bg);
-      backdrop-filter: var(--_footer-blur, none);
-      padding-block: var(--_footer-pad-y, 12px);
-      padding-inline: var(--_footer-pad-x, 18px);
-     
+      background-image: var(--_footer-glass-surface, none);
+      padding-block: var(--_footer-pad-y, var(--sky-space-3, 12px));
+      padding-inline: var(--_footer-pad-x, var(--sky-space-4, 16px));
+    }
+
+    .section[part="header"].overlay-top:has(slot:not([empty])),
+    .section[part="header"].overlay-top[has-content] {
+      backdrop-filter: var(--_header-backdrop, none);
+      -webkit-backdrop-filter: var(--_header-backdrop, none);
+    }
+    .section[part="footer"].overlay-bottom:has(slot:not([empty])),
+    .section[part="footer"].overlay-bottom[has-content] {
+      backdrop-filter: var(--_footer-backdrop, none);
+      -webkit-backdrop-filter: var(--_footer-backdrop, none);
     }
 
     .section[part="header"]:not(.inset):has(slot:not([empty])),
@@ -111,23 +137,23 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
 
     ::slotted(:not([slot])) {
       box-sizing: border-box;
-      padding-block: var(--_body-pad-y, 12px);
-      padding-inline: var(--_body-pad-x, 18px);
+      padding-block: var(--_body-pad-y, var(--sky-space-3, 12px));
+      padding-inline: var(--_body-pad-x, var(--sky-space-4, 16px));
     }
     slot[empty] {
       display: none;
     }
 
     ::slotted([slot="title"]) {
-      font-size: 18px;
-      font-weight: 600;
+      font-size: var(--sky-font-size-lg, 18px);
+      font-weight: var(--sky-font-weight-semibold, 600);
       margin: 0;
       color: var(--sky-text-primary);
       text-align: start;
       text-shadow: var(--sky-text-shadow-on-glass, none);
     }
     ::slotted([slot="subtitle"]) {
-      font-size: 14px;
+      font-size: var(--sky-font-size-sm, 14px);
       margin: 0;
       color: var(--sky-text-secondary);
       text-align: start;
@@ -135,26 +161,26 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
     }
     ::slotted([slot="actions"]) {
       display: inline-flex;
-      gap: 5px;
+      gap: var(--sky-space-1\\.5, 6px);
       align-items: center;
       margin-left: auto;
     }
     ::slotted([slot="footer-title"]) {
-      font-size: 16px;
-      font-weight: 500;
+      font-size: var(--sky-font-size-md, 16px);
+      font-weight: var(--sky-font-weight-medium, 500);
       margin: 0;
       color: var(--sky-text-primary);
       text-align: start;
     }
     ::slotted([slot="footer-subtitle"]) {
-      font-size: 12px;
+      font-size: var(--sky-font-size-xs, 12px);
       margin: 0;
       color: var(--sky-text-secondary);
       text-align: start;
     }
     ::slotted([slot="footer-actions"]) {
       display: inline-flex;
-      gap: 5px;
+      gap: var(--sky-space-1\\.5, 6px);
       align-items: center;
       margin-left: auto;
     }
@@ -162,7 +188,13 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
     .main {
       width: 100%;
     }
-  `}firstUpdated(){this._wireSlotChangeHandlers(),this._syncHeader(),this._syncFooter()}willUpdate(t){(t.has("separators")||t.has("overlays")||t.has("insets"))&&this._computeEffectiveFlags(),(t.has("bg")||t.has("blurLevel")||t.has("radius")||t.has("elevation"))&&this._applyCardVars(),(t.has("headerPadding")||t.has("bodyPadding")||t.has("footerPadding")||t.has("padRatio"))&&this._applyPaddingVars(),(t.has("headerBg")||t.has("footerBg")||t.has("headerBlur")||t.has("footerBlur")||t.has("headerRadius")||t.has("footerRadius")||t.has("headerInsetGap")||t.has("footerInsetGap")||t.has("headerSeparatorColor")||t.has("footerSeparatorColor")||t.has("separators")||t.has("insets"))&&this._applySectionChrome()}_wireSlotChangeHandlers(){this.renderRoot.querySelector("#slot-title")?.addEventListener("slotchange",()=>this._syncHeader()),this.renderRoot.querySelector("#slot-subtitle")?.addEventListener("slotchange",()=>this._syncHeader()),this.renderRoot.querySelector("#slot-actions")?.addEventListener("slotchange",()=>this._syncHeader()),this.renderRoot.querySelector("#slot-f-title")?.addEventListener("slotchange",()=>this._syncFooter()),this.renderRoot.querySelector("#slot-f-subtitle")?.addEventListener("slotchange",()=>this._syncFooter()),this.renderRoot.querySelector("#slot-f-actions")?.addEventListener("slotchange",()=>this._syncFooter())}_syncHeader(){const t=this.renderRoot.querySelector("#hdr"),e=[this.renderRoot.querySelector("#slot-title"),this.renderRoot.querySelector("#slot-subtitle"),this.renderRoot.querySelector("#slot-actions")].filter(Boolean),r=e.some(t=>t.assignedNodes({flatten:!0}).length>0);t?.toggleAttribute("has-content",r),e.forEach(t=>t.toggleAttribute("empty",0===t.assignedNodes({flatten:!0}).length))}_syncFooter(){const t=this.renderRoot.querySelector("#ftr"),e=[this.renderRoot.querySelector("#slot-f-title"),this.renderRoot.querySelector("#slot-f-subtitle"),this.renderRoot.querySelector("#slot-f-actions")].filter(Boolean),r=e.some(t=>t.assignedNodes({flatten:!0}).length>0);t?.toggleAttribute("has-content",r),e.forEach(t=>t.toggleAttribute("empty",0===t.assignedNodes({flatten:!0}).length))}_expandPair(t){switch(t){case"both":return[!0,!0];case"header":return[!0,!1];case"footer":return[!1,!0];default:return[!1,!1]}}_computeEffectiveFlags(){[this._effHeaderSeparator,this._effFooterSeparator]=this._expandPair(this.separators),[this._effHeaderOverlay,this._effFooterOverlay]=this._expandPair(this.overlays),[this._effHeaderInset,this._effFooterInset]=this._expandPair(this.insets)}_setVar(t,e){this._varsCache[t]!==e&&(this.style.setProperty(t,e),this._varsCache[t]=e)}_applyCardVars(){this._setVar("--_card-bg",h.BG_MAP[this.bg]??this.bg),this._setVar("--_card-blur",h.BLUR_MAP[this.blurLevel]??this.blurLevel),this._setVar("--_card-radius",d(this.radius)),this._setVar("--_card-shadow",h.ELEVATION_MAP[this.elevation]??this.elevation);const t="none"===this.elevation?h.ELEVATION_MAP.sm:"sm"===this.elevation?h.ELEVATION_MAP.md:h.ELEVATION_MAP.lg;this._setVar("--_card-shadow-hover",t)}_applyPaddingVars(){const t=h.SIZE_MAP[this.headerPadding]??this.headerPadding,e=h.SIZE_MAP[this.bodyPadding]??this.bodyPadding,r=h.SIZE_MAP[this.footerPadding]??this.footerPadding,o=Number.isFinite(this.padRatio)?Math.max(0,this.padRatio):1;this._setVar("--_header-pad-y",t),this._setVar("--_header-pad-x",`calc(${t} * ${o})`),this._setVar("--_body-pad-y",e),this._setVar("--_body-pad-x",`calc(${e} * ${o})`),this._setVar("--_footer-pad-y",r),this._setVar("--_footer-pad-x",`calc(${r} * ${o})`)}_applySectionChrome(){const t=this._effHeaderInset?"0px":this._effHeaderSeparator?"1px":"0px",e=this._effFooterInset?"0px":this._effFooterSeparator?"1px":"0px";this._setVar("--_header-separator",t),this._setVar("--_footer-separator",e),this._setVar("--_header-separator-color",l(this.headerSeparatorColor)),this._setVar("--_footer-separator-color",l(this.footerSeparatorColor));const r=this._effHeaderInset&&this._effHeaderSeparator?"1px solid var(--sky-border-light)":"0 solid transparent",o=this._effFooterInset&&this._effFooterSeparator?"1px solid var(--sky-border-light)":"0 solid transparent";this._setVar("--_header-inset-border",r),this._setVar("--_footer-inset-border",o),this._setVar("--_header-bg",h.BG_MAP[this.headerBg]??this.headerBg),this._setVar("--_header-blur",h.BLUR_MAP[this.headerBlur]??this.headerBlur),this._setVar("--_footer-bg",h.BG_MAP[this.footerBg]??this.footerBg),this._setVar("--_footer-blur",h.BLUR_MAP[this.footerBlur]??this.footerBlur),this._setVar("--_header-radius",d(this.headerRadius)),this._setVar("--_footer-radius",d(this.footerRadius)),this._setVar("--_header-inset-gap",h.SIZE_MAP[this.headerInsetGap]??this.headerInsetGap),this._setVar("--_footer-inset-gap",h.SIZE_MAP[this.footerInsetGap]??this.footerInsetGap)}refreshLayout(){this._computeEffectiveFlags(),this._applyCardVars(),this._applyPaddingVars(),this._applySectionChrome(),this._syncHeader(),this._syncFooter()}render(){const t="inline"===this.headerLayout?"row":"stack",e="inline"===this.footerLayout?"row":"stack",r=n({section:!0,[t]:!0,"overlay-top":!!this._effHeaderOverlay,inset:!!this._effHeaderInset}),o=n({section:!0,[e]:!0,"overlay-bottom":!!this._effFooterOverlay,inset:!!this._effFooterInset});return s`
+
+    @media (prefers-reduced-motion: reduce) {
+      .card {
+        transition: none;
+      }
+    }
+  `}firstUpdated(){this._wireSlotChangeHandlers(),this._syncHeader(),this._syncFooter()}willUpdate(e){(e.has("separators")||e.has("overlays")||e.has("insets"))&&this._computeEffectiveFlags(),(e.has("bg")||e.has("blurLevel")||e.has("radius")||e.has("elevation"))&&this._applyCardVars(),(e.has("headerPadding")||e.has("bodyPadding")||e.has("footerPadding")||e.has("padRatio"))&&this._applyPaddingVars(),(e.has("headerBg")||e.has("footerBg")||e.has("headerBlur")||e.has("footerBlur")||e.has("headerRadius")||e.has("footerRadius")||e.has("headerInsetGap")||e.has("footerInsetGap")||e.has("headerSeparatorColor")||e.has("footerSeparatorColor")||e.has("separators")||e.has("insets")||e.has("overlays"))&&this._applySectionChrome()}_wireSlotChangeHandlers(){this.renderRoot.querySelector("#slot-title")?.addEventListener("slotchange",()=>this._syncHeader()),this.renderRoot.querySelector("#slot-subtitle")?.addEventListener("slotchange",()=>this._syncHeader()),this.renderRoot.querySelector("#slot-actions")?.addEventListener("slotchange",()=>this._syncHeader()),this.renderRoot.querySelector("#slot-f-title")?.addEventListener("slotchange",()=>this._syncFooter()),this.renderRoot.querySelector("#slot-f-subtitle")?.addEventListener("slotchange",()=>this._syncFooter()),this.renderRoot.querySelector("#slot-f-actions")?.addEventListener("slotchange",()=>this._syncFooter())}_syncHeader(){const e=this.renderRoot.querySelector("#hdr"),t=[this.renderRoot.querySelector("#slot-title"),this.renderRoot.querySelector("#slot-subtitle"),this.renderRoot.querySelector("#slot-actions")].filter(Boolean),r=t.some(e=>e.assignedNodes({flatten:!0}).length>0);e?.toggleAttribute("has-content",r),t.forEach(e=>e.toggleAttribute("empty",0===e.assignedNodes({flatten:!0}).length))}_syncFooter(){const e=this.renderRoot.querySelector("#ftr"),t=[this.renderRoot.querySelector("#slot-f-title"),this.renderRoot.querySelector("#slot-f-subtitle"),this.renderRoot.querySelector("#slot-f-actions")].filter(Boolean),r=t.some(e=>e.assignedNodes({flatten:!0}).length>0);e?.toggleAttribute("has-content",r),t.forEach(e=>e.toggleAttribute("empty",0===e.assignedNodes({flatten:!0}).length))}_expandPair(e){switch(e){case"both":return[!0,!0];case"header":return[!0,!1];case"footer":return[!1,!0];default:return[!1,!1]}}_computeEffectiveFlags(){[this._effHeaderSeparator,this._effFooterSeparator]=this._expandPair(this.separators),[this._effHeaderOverlay,this._effFooterOverlay]=this._expandPair(this.overlays),[this._effHeaderInset,this._effFooterInset]=this._expandPair(this.insets)}_setVar(e,t){this._varsCache[e]!==t&&(this.style.setProperty(e,t),this._varsCache[e]=t)}_resolveSectionBg(e,t,r){return t&&!r?l.SECTION_INSET_BG_MAP[e]??e:l.BG_MAP[e]??e}_resolveSectionGlassSurface(e){return l.GLASS_BG_TIERS.has(e)?"var(--sky-glass-surface)":"none"}_applyCardVars(){this._setVar("--_card-bg",l.BG_MAP[this.bg]??this.bg),this._setVar("--_card-glass-surface",l.GLASS_BG_TIERS.has(this.bg)?"var(--sky-glass-surface)":"none"),this._setVar("--_card-backdrop",l._composeBackdrop(this.blurLevel)),this._setVar("--_card-radius",d(this.radius)),this._setVar("--_card-shadow",l._composeElevation(this.elevation)),this._setVar("--_card-shadow-hover","var(--sky-box-shadow-inset), var(--sky-box-shadow-hover)")}_applyPaddingVars(){const e=l.SIZE_MAP[this.headerPadding]??this.headerPadding,t=l.SIZE_MAP[this.bodyPadding]??this.bodyPadding,r=l.SIZE_MAP[this.footerPadding]??this.footerPadding,o=Number.isFinite(this.padRatio)?Math.max(0,this.padRatio):1;this._setVar("--_header-pad-y",e),this._setVar("--_header-pad-x",`calc(${e} * ${o})`),this._setVar("--_body-pad-y",t),this._setVar("--_body-pad-x",`calc(${t} * ${o})`),this._setVar("--_footer-pad-y",r),this._setVar("--_footer-pad-x",`calc(${r} * ${o})`)}_applySectionChrome(){const e=this._effHeaderInset?"0px":this._effHeaderSeparator?"1px":"0px",t=this._effFooterInset?"0px":this._effFooterSeparator?"1px":"0px";this._setVar("--_header-separator",e),this._setVar("--_footer-separator",t),this._setVar("--_header-separator-color",p(this.headerSeparatorColor)),this._setVar("--_footer-separator-color",p(this.footerSeparatorColor));const r=this._effHeaderInset&&this._effHeaderSeparator?"1px solid var(--sky-border-light)":"0 solid transparent",o=this._effFooterInset&&this._effFooterSeparator?"1px solid var(--sky-border-light)":"0 solid transparent";this._setVar("--_header-inset-border",r),this._setVar("--_footer-inset-border",o),this._setVar("--_header-bg",this._resolveSectionBg(this.headerBg,this._effHeaderInset,this._effHeaderOverlay)),this._setVar("--_footer-bg",this._resolveSectionBg(this.footerBg,this._effFooterInset,this._effFooterOverlay)),this._setVar("--_header-glass-surface",this._effHeaderOverlay?this._resolveSectionGlassSurface(this.headerBg):"none"),this._setVar("--_footer-glass-surface",this._effFooterOverlay?this._resolveSectionGlassSurface(this.footerBg):"none"),this._setVar("--_header-backdrop",this._effHeaderOverlay?l._composeBackdrop(this.headerBlur):"none"),this._setVar("--_footer-backdrop",this._effFooterOverlay?l._composeBackdrop(this.footerBlur):"none"),this._setVar("--_header-radius",d(this.headerRadius)),this._setVar("--_footer-radius",d(this.footerRadius)),this._setVar("--_header-inset-gap",l.SIZE_MAP[this.headerInsetGap]??this.headerInsetGap),this._setVar("--_footer-inset-gap",l.SIZE_MAP[this.footerInsetGap]??this.footerInsetGap)}refreshLayout(){this._computeEffectiveFlags(),this._applyCardVars(),this._applyPaddingVars(),this._applySectionChrome(),this._syncHeader(),this._syncFooter()}render(){const e="inline"===this.headerLayout?"row":"stack",t="inline"===this.footerLayout?"row":"stack",r=n({section:!0,[e]:!0,"overlay-top":!!this._effHeaderOverlay,inset:!!this._effHeaderInset}),o=n({section:!0,[t]:!0,"overlay-bottom":!!this._effFooterOverlay,inset:!!this._effFooterInset});return s`
       <div class="card" part="card">
         <div class=${r} part="header" id="hdr">
           <div class="main">
@@ -182,5 +214,5 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
           <slot name="footer-actions" id="slot-f-actions"></slot>
         </div>
       </div>
-    `}};t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"bg",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"blurLevel",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"radius",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"bodyPadding",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],p.prototype,"elevation",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],p.prototype,"outlined",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],p.prototype,"clickable",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"headerBg",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"headerBlur",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"headerPadding",void 0),t([a({type:String}),e("design:type",String)],p.prototype,"headerLayout",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"headerInsetGap",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"headerRadius",void 0),t([a({type:String}),e("design:type",Object)],p.prototype,"headerSeparatorColor",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"footerBg",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"footerBlur",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"footerPadding",void 0),t([a({type:String}),e("design:type",String)],p.prototype,"footerLayout",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"footerInsetGap",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],p.prototype,"footerRadius",void 0),t([a({type:String}),e("design:type",Object)],p.prototype,"footerSeparatorColor",void 0),t([a({type:Number}),e("design:type",Object)],p.prototype,"padRatio",void 0),t([a({type:String}),e("design:type",String)],p.prototype,"separators",void 0),t([a({type:String}),e("design:type",String)],p.prototype,"overlays",void 0),t([a({type:String}),e("design:type",String)],p.prototype,"insets",void 0),p=h=t([i("sky-card")],p);export{p as SkyCard};
+    `}};e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"bg",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"blurLevel",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"radius",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"bodyPadding",void 0),e([a({type:String,reflect:!0}),t("design:type",String)],h.prototype,"elevation",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Object)],h.prototype,"outlined",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Object)],h.prototype,"clickable",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"headerBg",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"headerBlur",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"headerPadding",void 0),e([a({type:String}),t("design:type",String)],h.prototype,"headerLayout",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"headerInsetGap",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"headerRadius",void 0),e([a({type:String}),t("design:type",Object)],h.prototype,"headerSeparatorColor",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"footerBg",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"footerBlur",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"footerPadding",void 0),e([a({type:String}),t("design:type",String)],h.prototype,"footerLayout",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"footerInsetGap",void 0),e([a({type:String,reflect:!0}),t("design:type",Object)],h.prototype,"footerRadius",void 0),e([a({type:String}),t("design:type",Object)],h.prototype,"footerSeparatorColor",void 0),e([a({type:Number}),t("design:type",Object)],h.prototype,"padRatio",void 0),e([a({type:String}),t("design:type",String)],h.prototype,"separators",void 0),e([a({type:String}),t("design:type",String)],h.prototype,"overlays",void 0),e([a({type:String}),t("design:type",String)],h.prototype,"insets",void 0),h=l=e([i("sky-card")],h);export{h as SkyCard};
 //# sourceMappingURL=sky-card.js.map