@sky.ui/core 0.0.40 → 0.0.42

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

@@ -1,4 +1,4 @@
-import{css as e,LitElement as t,html as r}from"lit";import{property as o,customElement as a}from"lit/decorators.js";import{classMap as s}from"lit/directives/class-map.js";import{resolveRadius as i}from"../helper/utils/size-resolver.js";import{resolveColor as n}from"../helper/utils/color-resolver.js";var d=Object.defineProperty,l=Object.getOwnPropertyDescriptor,h=(e,t,r,o)=>{for(var a,s=o>1?void 0:o?l(t,r):t,i=e.length-1;i>=0;i--)(a=e[i])&&(s=(o?a(t,r,s):a(s))||s);return o&&s&&d(t,r,s),s};let p=class extends t{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 _composeBackdrop(e){const t=p.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}`}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?p.SECTION_INSET_BG_MAP[e]??e:p.BG_MAP[e]??e}_resolveSectionGlassSurface(e){return p.GLASS_BG_TIERS.has(e)?"var(--sky-glass-surface)":"none"}_applyCardVars(){this._setVar("--_card-bg",p.BG_MAP[this.bg]??this.bg),this._setVar("--_card-glass-surface",p.GLASS_BG_TIERS.has(this.bg)?"var(--sky-glass-surface)":"none"),this._setVar("--_card-backdrop",p._composeBackdrop(this.blurLevel)),this._setVar("--_card-radius",i(this.radius)),this._setVar("--_card-shadow",p._composeElevation(this.elevation)),this._setVar("--_card-shadow-hover","var(--sky-box-shadow-inset), var(--sky-box-shadow-hover)")}_applyPaddingVars(){const e=p.SIZE_MAP[this.headerPadding]??this.headerPadding,t=p.SIZE_MAP[this.bodyPadding]??this.bodyPadding,r=p.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",n(this.headerSeparatorColor)),this._setVar("--_footer-separator-color",n(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?p._composeBackdrop(this.headerBlur):"none"),this._setVar("--_footer-backdrop",this._effFooterOverlay?p._composeBackdrop(this.footerBlur):"none"),this._setVar("--_header-radius",i(this.headerRadius)),this._setVar("--_footer-radius",i(this.footerRadius)),this._setVar("--_header-inset-gap",p.SIZE_MAP[this.headerInsetGap]??this.headerInsetGap),this._setVar("--_footer-inset-gap",p.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",o=s({section:!0,[e]:!0,"overlay-top":!!this._effHeaderOverlay,inset:!!this._effHeaderInset}),a=s({section:!0,[t]:!0,"overlay-bottom":!!this._effFooterOverlay,inset:!!this._effFooterInset});return r`
+import{css as e,LitElement as t,html as r}from"lit";import{property as o,customElement as s}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";import{resolveRadius as i}from"../helper/utils/size-resolver.js";import{resolveColor as n}from"../helper/utils/color-resolver.js";import{PresetController as d}from"../helper/controllers/preset-controller.js";var l=Object.defineProperty,p=Object.getOwnPropertyDescriptor,h=(e,t,r,o)=>{for(var s,a=o>1?void 0:o?p(t,r):t,i=e.length-1;i>=0;i--)(s=e[i])&&(a=(o?s(t,r,a):s(a))||a);return o&&a&&l(t,r,a),a};let c=class extends t{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={},this.preset="",this._presets=new d(this)}static _composeBackdrop(e){const t=c.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}`}firstUpdated(){this._wireSlotChangeHandlers(),this._syncHeader(),this._syncFooter()}update(e){(e.has("separators")||e.has("overlays")||e.has("insets"))&&this._computeEffectiveFlags(),(e.has("bg")||e.has("blurLevel")||e.has("radius")||e.has("elevation")||e.has("preset"))&&this._applyCardVars(),(e.has("headerPadding")||e.has("bodyPadding")||e.has("footerPadding")||e.has("padRatio")||e.has("preset"))&&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")||e.has("preset"))&&this._applySectionChrome(),super.update(e)}_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?c.SECTION_INSET_BG_MAP[e]??e:c.BG_MAP[e]??e}_resolveSectionGlassSurface(e){return c.GLASS_BG_TIERS.has(e)?"var(--sky-glass-surface)":"none"}_applyCardVars(){this._setVar("--_card-bg",c.BG_MAP[this.bg]??this.bg),this._setVar("--_card-glass-surface",c.GLASS_BG_TIERS.has(this.bg)?"var(--sky-glass-surface)":"none"),this._setVar("--_card-backdrop",c._composeBackdrop(this.blurLevel)),this._setVar("--_card-radius",i(this.radius)),this._setVar("--_card-shadow",c._composeElevation(this.elevation)),this._setVar("--_card-shadow-hover","var(--sky-box-shadow-inset), var(--sky-box-shadow-hover)")}_applyPaddingVars(){const e=c.SIZE_MAP[this.headerPadding]??this.headerPadding,t=c.SIZE_MAP[this.bodyPadding]??this.bodyPadding,r=c.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",n(this.headerSeparatorColor)),this._setVar("--_footer-separator-color",n(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?c._composeBackdrop(this.headerBlur):"none"),this._setVar("--_footer-backdrop",this._effFooterOverlay?c._composeBackdrop(this.footerBlur):"none"),this._setVar("--_header-radius",i(this.headerRadius)),this._setVar("--_footer-radius",i(this.footerRadius)),this._setVar("--_header-inset-gap",c.SIZE_MAP[this.headerInsetGap]??this.headerInsetGap),this._setVar("--_footer-inset-gap",c.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",o=a({section:!0,[e]:!0,"overlay-top":!!this._effHeaderOverlay,inset:!!this._effHeaderInset}),s=a({section:!0,[t]:!0,"overlay-bottom":!!this._effFooterOverlay,inset:!!this._effFooterInset});return r`
       <div class="card" part="card">
         <div class=${o} part="header" id="hdr">
           <div class="main">
@@ -10,7 +10,7 @@ import{css as e,LitElement as t,html as r}from"lit";import{property as o,customE
 
         <slot></slot>
 
-        <div class=${a} part="footer" id="ftr">
+        <div class=${s} part="footer" id="ftr">
           <div class="main">
             <slot name="footer-title" id="slot-f-title"></slot>
             <slot name="footer-subtitle" id="slot-f-subtitle"></slot>
@@ -18,7 +18,7 @@ import{css as e,LitElement as t,html as r}from"lit";import{property as o,customE
           <slot name="footer-actions" id="slot-f-actions"></slot>
         </div>
       </div>
-    `}};p.BG_MAP={primary:"var(--sky-glass-primary)",secondary:"var(--sky-glass-secondary)",tertiary:"var(--sky-glass-tertiary)",transparent:"transparent"},p.BLUR_MAP={none:"none",xs:"blur(2px)",sm:"var(--sky-blur-secondary)",md:"var(--sky-blur-secondary)",lg:"var(--sky-blur-tertiary)"},p.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)"},p.GLASS_BG_TIERS=new Set(["primary","secondary","tertiary"]),p.SECTION_INSET_BG_MAP={primary:"var(--sky-hover-primary)",secondary:"var(--sky-hover-secondary)",tertiary:"var(--sky-hover-tertiary)",transparent:"transparent"},p.styles=e`
+    `}};c.BG_MAP={primary:"var(--sky-glass-primary)",secondary:"var(--sky-glass-secondary)",tertiary:"var(--sky-glass-tertiary)",transparent:"transparent"},c.BLUR_MAP={none:"none",xs:"blur(2px)",sm:"var(--sky-blur-secondary)",md:"var(--sky-blur-secondary)",lg:"var(--sky-blur-tertiary)"},c.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)"},c.GLASS_BG_TIERS=new Set(["primary","secondary","tertiary"]),c.SECTION_INSET_BG_MAP={primary:"var(--sky-hover-primary)",secondary:"var(--sky-hover-secondary)",tertiary:"var(--sky-hover-tertiary)",transparent:"transparent"},c.styles=e`
     :host {
       display: block;
     }
@@ -99,11 +99,11 @@ import{css as e,LitElement as t,html as r}from"lit";import{property as o,customE
       overflow: hidden;
       box-shadow: none;
     }
-    .section.inset[part='header'] {
+    .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'] {
+    .section.inset[part="footer"] {
       border: var(--_footer-inset-border, 0 solid transparent);
       border-radius: var(--_footer-radius, var(--sky-radius-secondary));
     }
@@ -118,39 +118,39 @@ import{css as e,LitElement as t,html as r}from"lit";import{property as o,customE
       right: var(--_footer-inset-gap, var(--sky-space-2, 8px));
     }
 
-    .section[part='header']:has(slot:not([empty])),
-    .section[part='header'][has-content] {
+    .section[part="header"]:has(slot:not([empty])),
+    .section[part="header"][has-content] {
       background: var(--_header-bg);
       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] {
+    .section[part="footer"]:has(slot:not([empty])),
+    .section[part="footer"][has-content] {
       background: var(--_footer-bg);
       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] {
+    .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] {
+    .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])),
-    .section[part='header']:not(.inset)[has-content] {
+    .section[part="header"]:not(.inset):has(slot:not([empty])),
+    .section[part="header"]:not(.inset)[has-content] {
       border-bottom: var(--_header-separator, 0px) solid
         var(--_header-separator-color, var(--sky-border-light));
     }
-    .section[part='footer']:not(.inset):has(slot:not([empty])),
-    .section[part='footer']:not(.inset)[has-content] {
+    .section[part="footer"]:not(.inset):has(slot:not([empty])),
+    .section[part="footer"]:not(.inset)[has-content] {
       border-top: var(--_footer-separator, 0px) solid
         var(--_footer-separator-color, var(--sky-border-light));
     }
@@ -164,7 +164,7 @@ import{css as e,LitElement as t,html as r}from"lit";import{property as o,customE
       display: none;
     }
 
-    ::slotted([slot='title']) {
+    ::slotted([slot="title"]) {
       font-size: var(--sky-font-size-lg, 18px);
       font-weight: var(--sky-font-weight-semibold, 600);
       margin: 0;
@@ -172,33 +172,33 @@ import{css as e,LitElement as t,html as r}from"lit";import{property as o,customE
       text-align: start;
       text-shadow: var(--sky-text-shadow-on-glass, none);
     }
-    ::slotted([slot='subtitle']) {
+    ::slotted([slot="subtitle"]) {
       font-size: var(--sky-font-size-sm, 14px);
       margin: 0;
       color: var(--sky-text-secondary);
       text-align: start;
       text-shadow: var(--sky-text-shadow-on-glass, none);
     }
-    ::slotted([slot='actions']) {
+    ::slotted([slot="actions"]) {
       display: inline-flex;
       gap: var(--sky-space-1\\.5, 6px);
       align-items: center;
       margin-left: auto;
     }
-    ::slotted([slot='footer-title']) {
+    ::slotted([slot="footer-title"]) {
       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']) {
+    ::slotted([slot="footer-subtitle"]) {
       font-size: var(--sky-font-size-xs, 12px);
       margin: 0;
       color: var(--sky-text-secondary);
       text-align: start;
     }
-    ::slotted([slot='footer-actions']) {
+    ::slotted([slot="footer-actions"]) {
       display: inline-flex;
       gap: var(--sky-space-1\\.5, 6px);
       align-items: center;
@@ -214,5 +214,5 @@ import{css as e,LitElement as t,html as r}from"lit";import{property as o,customE
         transition: none;
       }
     }
-  `,h([o({type:String,reflect:!0})],p.prototype,"bg",2),h([o({type:String,reflect:!0})],p.prototype,"blurLevel",2),h([o({type:String,reflect:!0})],p.prototype,"radius",2),h([o({type:String,reflect:!0})],p.prototype,"bodyPadding",2),h([o({type:String,reflect:!0})],p.prototype,"elevation",2),h([o({type:Boolean,reflect:!0})],p.prototype,"outlined",2),h([o({type:Boolean,reflect:!0})],p.prototype,"clickable",2),h([o({type:String,reflect:!0})],p.prototype,"headerBg",2),h([o({type:String,reflect:!0})],p.prototype,"headerBlur",2),h([o({type:String,reflect:!0})],p.prototype,"headerPadding",2),h([o({type:String})],p.prototype,"headerLayout",2),h([o({type:String,reflect:!0})],p.prototype,"headerInsetGap",2),h([o({type:String,reflect:!0})],p.prototype,"headerRadius",2),h([o({type:String})],p.prototype,"headerSeparatorColor",2),h([o({type:String,reflect:!0})],p.prototype,"footerBg",2),h([o({type:String,reflect:!0})],p.prototype,"footerBlur",2),h([o({type:String,reflect:!0})],p.prototype,"footerPadding",2),h([o({type:String})],p.prototype,"footerLayout",2),h([o({type:String,reflect:!0})],p.prototype,"footerInsetGap",2),h([o({type:String,reflect:!0})],p.prototype,"footerRadius",2),h([o({type:String})],p.prototype,"footerSeparatorColor",2),h([o({type:Number})],p.prototype,"padRatio",2),h([o({type:String})],p.prototype,"separators",2),h([o({type:String})],p.prototype,"overlays",2),h([o({type:String})],p.prototype,"insets",2),p=h([a("sky-card")],p);export{p as SkyCard};
+  `,h([o({type:String,reflect:!0})],c.prototype,"bg",2),h([o({type:String,reflect:!0})],c.prototype,"blurLevel",2),h([o({type:String,reflect:!0})],c.prototype,"radius",2),h([o({type:String,reflect:!0})],c.prototype,"bodyPadding",2),h([o({type:String,reflect:!0})],c.prototype,"elevation",2),h([o({type:Boolean,reflect:!0})],c.prototype,"outlined",2),h([o({type:Boolean,reflect:!0})],c.prototype,"clickable",2),h([o({type:String,reflect:!0})],c.prototype,"headerBg",2),h([o({type:String,reflect:!0})],c.prototype,"headerBlur",2),h([o({type:String,reflect:!0})],c.prototype,"headerPadding",2),h([o({type:String})],c.prototype,"headerLayout",2),h([o({type:String,reflect:!0})],c.prototype,"headerInsetGap",2),h([o({type:String,reflect:!0})],c.prototype,"headerRadius",2),h([o({type:String})],c.prototype,"headerSeparatorColor",2),h([o({type:String,reflect:!0})],c.prototype,"footerBg",2),h([o({type:String,reflect:!0})],c.prototype,"footerBlur",2),h([o({type:String,reflect:!0})],c.prototype,"footerPadding",2),h([o({type:String})],c.prototype,"footerLayout",2),h([o({type:String,reflect:!0})],c.prototype,"footerInsetGap",2),h([o({type:String,reflect:!0})],c.prototype,"footerRadius",2),h([o({type:String})],c.prototype,"footerSeparatorColor",2),h([o({type:Number})],c.prototype,"padRatio",2),h([o({type:String})],c.prototype,"separators",2),h([o({type:String})],c.prototype,"overlays",2),h([o({type:String})],c.prototype,"insets",2),h([o({type:String,reflect:!0})],c.prototype,"preset",2),c=h([s("sky-card")],c);export{c as SkyCard};
 //# sourceMappingURL=sky-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sky-card.js","sources":["../../src/sky-card/sky-card.ts"],"sourcesContent":["import { LitElement, html, css, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { resolveRadius } from '../helper/utils/size-resolver';\nimport { resolveColor } from '../helper/utils/color-resolver';\n\nexport type SkyCardElevation = 'none' | 'sm' | 'md' | 'lg';\nexport type SkyCardSectionLayout = 'inline' | 'stack';\nexport type SkyCardSectionTarget = 'both' | 'header' | 'footer' | 'none';\n\n/**\n * @element sky-card\n *\n * @summary Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators.\n *\n * @status stable\n * @since 1.0.0\n *\n * @documentation https://sky-ui.com/components/card\n *\n * @slot - Default slot for the card body content (replaces `bodyPadding` property if used).\n * @slot title - Slot for the card title.\n * @slot subtitle - Slot for the card subtitle.\n * @slot actions - Slot for the card actions (usually buttons).\n * @slot footer-title - Slot for the footer title.\n * @slot footer-subtitle - Slot for the footer subtitle.\n * @slot footer-actions - Slot for the footer actions (usually buttons).\n *\n * @csspart card - The main card container element.\n * @csspart header - The card header section.\n * @csspart footer - The card footer section.\n * @csspart ripple - The ripple animation element injected when the card is clicked.\n *\n * @property {string} bg - Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.\n * @property {string} blurLevel - Level of blur applied to the background. Default: `\"none\"`.\n * @property {string} radius - Border radius of the card. Default: `\"md\"`.\n * @property {string} bodyPadding - Padding for the card body. Default: `\"none\"`.\n * @property {SkyCardElevation} elevation - Shadow depth of the card. Default: `\"md\"`.\n * @property {boolean} outlined - Whether the card has an outline. Default: `false`.\n * @property {boolean} clickable - Whether the card is clickable. Default: `false`.\n * @property {string} headerBg - Background color of the header. Default: `\"transparent\"`.\n * @property {string} headerBlur - Blur level for the header background. Default: `\"none\"`.\n * @property {string} headerPadding - Padding for the header. Default: `\"md\"`.\n * @property {SkyCardSectionLayout} headerLayout - Layout of the header content. Default: `\"inline\"`.\n * @property {string} headerInsetGap - Inset gap for the header section. Default: `\"sm\"`.\n * @property {string} headerRadius - Border radius for the header. Default: `\"md\"`.\n * @property {string} headerSeparatorColor - Color for the header separator. Default: `\"border-light\"`.\n * @property {string} footerBg - Background color of the footer. Default: `\"transparent\"`.\n * @property {string} footerBlur - Blur level for the footer background. Default: `\"none\"`.\n * @property {string} footerPadding - Padding for the footer. Default: `\"md\"`.\n * @property {SkyCardSectionLayout} footerLayout - Layout of the footer content. Default: `\"inline\"`.\n * @property {string} footerInsetGap - Inset gap for the footer section. Default: `\"sm\"`.\n * @property {string} footerRadius - Border radius for the footer. Default: `\"md\"`.\n * @property {string} footerSeparatorColor - Color for the footer separator. Default: `\"border-light\"`.\n * @property {number} padRatio - Ratio to adjust padding. Default: `1`.\n * @property {SkyCardSectionTarget} separators - Determines where separators should appear. Default: `\"none\"`.\n * @property {SkyCardSectionTarget} overlays - Determines where overlays should appear. Default: `\"none\"`.\n * @property {SkyCardSectionTarget} insets - Determines where insets should appear. Default: `\"none\"`.\n * @method refreshLayout Recomputes card variables and section synchronization.\n *\n * @example\n * ```html\n * <sky-card bg=\"primary\" elevation=\"lg\" headerpadding=\"md\">\n *   <span slot=\"title\">Monthly Report</span>\n *   <span slot=\"subtitle\">April 2026</span>\n *   <div>Total revenue increased by 18%.</div>\n *   <button slot=\"actions\">View Details</button>\n * </sky-card>\n * ```\n * ```vue\n * <template>\n *   <sky-card bg=\"primary\" elevation=\"lg\" headerpadding=\"md\">\n *     <span slot=\"title\">Monthly Report</span>\n *     <span slot=\"subtitle\">April 2026</span>\n *     <div>Total revenue increased by 18%.</div>\n *     <button slot=\"actions\">View Details</button>\n *   </sky-card>\n * </template>\n * ```\n * ```jsx\n * export default function Demo() {\n *   return (\n *     <sky-card bg=\"primary\" elevation=\"lg\" headerpadding=\"md\">\n *       <span slot=\"title\">Monthly Report</span>\n *       <span slot=\"subtitle\">April 2026</span>\n *       <div>Total revenue increased by 18%.</div>\n *       <button slot=\"actions\">View Details</button>\n *     </sky-card>\n *   );\n * }\n * ```\n */\n@customElement('sky-card')\nexport class SkyCard extends LitElement {\n  @property({ type: String, reflect: true }) bg = 'primary';\n  @property({ type: String, reflect: true }) blurLevel = 'none';\n  @property({ type: String, reflect: true }) radius = 'md';\n  @property({ type: String, reflect: true }) bodyPadding = 'none';\n  @property({ type: String, reflect: true }) elevation: SkyCardElevation = 'md';\n  @property({ type: Boolean, reflect: true }) outlined = false;\n  @property({ type: Boolean, reflect: true }) clickable = false;\n\n  @property({ type: String, reflect: true }) headerBg = 'transparent';\n  @property({ type: String, reflect: true })\n  headerBlur = 'none';\n  @property({ type: String, reflect: true })\n  headerPadding = 'md';\n  @property({ type: String }) headerLayout: SkyCardSectionLayout = 'inline';\n  @property({ type: String, reflect: true })\n  headerInsetGap = 'sm';\n  @property({ type: String, reflect: true })\n  headerRadius = 'md';\n  @property({ type: String })\n  headerSeparatorColor = 'border-light';\n\n  @property({ type: String, reflect: true }) footerBg = 'transparent';\n  @property({ type: String, reflect: true })\n  footerBlur = 'none';\n  @property({ type: String, reflect: true })\n  footerPadding = 'md';\n  @property({ type: String }) footerLayout: SkyCardSectionLayout = 'inline';\n  @property({ type: String, reflect: true })\n  footerInsetGap = 'sm';\n  @property({ type: String, reflect: true })\n  footerRadius = 'md';\n  @property({ type: String })\n  footerSeparatorColor = 'border-light';\n\n  @property({ type: Number }) padRatio = 1;\n\n  @property({ type: String }) separators: SkyCardSectionTarget = 'none';\n  @property({ type: String }) overlays: SkyCardSectionTarget = 'none';\n  @property({ type: String }) insets: SkyCardSectionTarget = 'none';\n\n  private _effHeaderSeparator = false;\n  private _effFooterSeparator = false;\n  private _effHeaderOverlay = false;\n  private _effFooterOverlay = false;\n  private _effHeaderInset = false;\n  private _effFooterInset = false;\n  private _varsCache: Record<string, string> = {};\n\n  private static readonly BG_MAP = {\n    primary: 'var(--sky-glass-primary)',\n    secondary: 'var(--sky-glass-secondary)',\n    tertiary: 'var(--sky-glass-tertiary)',\n    transparent: 'transparent',\n  } as const;\n\n  private static readonly BLUR_MAP = {\n    none: 'none',\n    xs: 'blur(2px)',\n    sm: 'var(--sky-blur-secondary)',\n    md: 'var(--sky-blur-secondary)',\n    lg: 'var(--sky-blur-tertiary)',\n  } as const;\n\n  private static readonly SIZE_MAP = {\n    none: '0',\n    sm: 'var(--sky-space-1\\\\.5, 6px)',\n    md: 'var(--sky-space-4, 16px)',\n    lg: 'var(--sky-space-6, 24px)',\n    xl: 'var(--sky-space-8, 32px)',\n  } as const;\n\n  private static readonly GLASS_BG_TIERS = new Set([\n    'primary',\n    'secondary',\n    'tertiary',\n  ]);\n\n  /** Non-overlay inset bars use hover tints — overlay sections own their own blur. */\n  private static readonly SECTION_INSET_BG_MAP = {\n    primary: 'var(--sky-hover-primary)',\n    secondary: 'var(--sky-hover-secondary)',\n    tertiary: 'var(--sky-hover-tertiary)',\n    transparent: 'transparent',\n  } as const;\n\n  private static _composeBackdrop(blurLevel: string): string {\n    const blur =\n      SkyCard.BLUR_MAP[blurLevel as keyof typeof SkyCard.BLUR_MAP] ?? blurLevel;\n    if (blur === 'none') return 'none';\n    return `${blur} var(--sky-saturation-secondary) var(--sky-brightness-secondary)`;\n  }\n\n  private static _composeElevation(level: SkyCardElevation | string): string {\n    const depthMap: Record<SkyCardElevation, string | null> = {\n      none: null,\n      sm: 'var(--sky-box-shadow-primary)',\n      md: 'var(--sky-box-shadow-secondary)',\n      lg: 'var(--sky-box-shadow-tertiary)',\n    };\n    const depth = depthMap[level as SkyCardElevation];\n    if (depth === null) return 'none';\n    if (depth === undefined) return level;\n    return `var(--sky-box-shadow-inset), ${depth}`;\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n    }\n\n    .card {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      color: var(--sky-text-primary);\n      background: var(--_card-bg, var(--sky-glass-primary));\n      background-image: var(--_card-glass-surface, var(--sky-glass-surface));\n      border-radius: var(--_card-radius, var(--sky-radius-secondary));\n      backdrop-filter: var(--_card-backdrop, none);\n      -webkit-backdrop-filter: var(--_card-backdrop, none);\n      box-shadow: var(\n        --_card-shadow,\n        var(--sky-box-shadow-inset),\n        var(--sky-box-shadow-primary)\n      );\n      border: var(--_card-border, var(--sky-border-primary));\n      transition: var(--sky-transition-default);\n    }\n\n    :host([outlined]) .card {\n      box-shadow: none;\n      border: var(--sky-border-primary);\n    }\n    :host([clickable]) .card {\n      cursor: pointer;\n    }\n    :host([clickable]) .card:hover {\n      box-shadow: var(\n        --_card-shadow-hover,\n        var(--sky-box-shadow-inset),\n        var(--sky-box-shadow-hover)\n      );\n    }\n\n    .section {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--sky-space-1\\\\.5, 6px);\n      box-sizing: border-box;\n      min-width: 0;\n      background: transparent;\n      backdrop-filter: none;\n      -webkit-backdrop-filter: none;\n    }\n    .section.stack {\n      flex-direction: column;\n      align-items: stretch;\n      gap: var(--sky-space-1\\\\.5, 6px);\n    }\n    .section.row {\n      flex-direction: row;\n    }\n\n    .overlay-top {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      z-index: 1;\n    }\n    .overlay-bottom {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      z-index: 1;\n    }\n\n    .inset {\n      overflow: hidden;\n      box-shadow: none;\n    }\n    .section.inset[part='header'] {\n      border: var(--_header-inset-border, 0 solid transparent);\n      border-radius: var(--_header-radius, var(--sky-radius-secondary));\n    }\n    .section.inset[part='footer'] {\n      border: var(--_footer-inset-border, 0 solid transparent);\n      border-radius: var(--_footer-radius, var(--sky-radius-secondary));\n    }\n    .overlay-top.inset {\n      top: var(--_header-inset-gap, var(--sky-space-2, 8px));\n      left: var(--_header-inset-gap, var(--sky-space-2, 8px));\n      right: var(--_header-inset-gap, var(--sky-space-2, 8px));\n    }\n    .overlay-bottom.inset {\n      bottom: var(--_footer-inset-gap, var(--sky-space-2, 8px));\n      left: var(--_footer-inset-gap, var(--sky-space-2, 8px));\n      right: var(--_footer-inset-gap, var(--sky-space-2, 8px));\n    }\n\n    .section[part='header']:has(slot:not([empty])),\n    .section[part='header'][has-content] {\n      background: var(--_header-bg);\n      background-image: var(--_header-glass-surface, none);\n      padding-block: var(--_header-pad-y, var(--sky-space-3, 12px));\n      padding-inline: var(--_header-pad-x, var(--sky-space-4, 16px));\n    }\n    .section[part='footer']:has(slot:not([empty])),\n    .section[part='footer'][has-content] {\n      background: var(--_footer-bg);\n      background-image: var(--_footer-glass-surface, none);\n      padding-block: var(--_footer-pad-y, var(--sky-space-3, 12px));\n      padding-inline: var(--_footer-pad-x, var(--sky-space-4, 16px));\n    }\n\n    .section[part='header'].overlay-top:has(slot:not([empty])),\n    .section[part='header'].overlay-top[has-content] {\n      backdrop-filter: var(--_header-backdrop, none);\n      -webkit-backdrop-filter: var(--_header-backdrop, none);\n    }\n    .section[part='footer'].overlay-bottom:has(slot:not([empty])),\n    .section[part='footer'].overlay-bottom[has-content] {\n      backdrop-filter: var(--_footer-backdrop, none);\n      -webkit-backdrop-filter: var(--_footer-backdrop, none);\n    }\n\n    .section[part='header']:not(.inset):has(slot:not([empty])),\n    .section[part='header']:not(.inset)[has-content] {\n      border-bottom: var(--_header-separator, 0px) solid\n        var(--_header-separator-color, var(--sky-border-light));\n    }\n    .section[part='footer']:not(.inset):has(slot:not([empty])),\n    .section[part='footer']:not(.inset)[has-content] {\n      border-top: var(--_footer-separator, 0px) solid\n        var(--_footer-separator-color, var(--sky-border-light));\n    }\n\n    ::slotted(:not([slot])) {\n      box-sizing: border-box;\n      padding-block: var(--_body-pad-y, var(--sky-space-3, 12px));\n      padding-inline: var(--_body-pad-x, var(--sky-space-4, 16px));\n    }\n    slot[empty] {\n      display: none;\n    }\n\n    ::slotted([slot='title']) {\n      font-size: var(--sky-font-size-lg, 18px);\n      font-weight: var(--sky-font-weight-semibold, 600);\n      margin: 0;\n      color: var(--sky-text-primary);\n      text-align: start;\n      text-shadow: var(--sky-text-shadow-on-glass, none);\n    }\n    ::slotted([slot='subtitle']) {\n      font-size: var(--sky-font-size-sm, 14px);\n      margin: 0;\n      color: var(--sky-text-secondary);\n      text-align: start;\n      text-shadow: var(--sky-text-shadow-on-glass, none);\n    }\n    ::slotted([slot='actions']) {\n      display: inline-flex;\n      gap: var(--sky-space-1\\\\.5, 6px);\n      align-items: center;\n      margin-left: auto;\n    }\n    ::slotted([slot='footer-title']) {\n      font-size: var(--sky-font-size-md, 16px);\n      font-weight: var(--sky-font-weight-medium, 500);\n      margin: 0;\n      color: var(--sky-text-primary);\n      text-align: start;\n    }\n    ::slotted([slot='footer-subtitle']) {\n      font-size: var(--sky-font-size-xs, 12px);\n      margin: 0;\n      color: var(--sky-text-secondary);\n      text-align: start;\n    }\n    ::slotted([slot='footer-actions']) {\n      display: inline-flex;\n      gap: var(--sky-space-1\\\\.5, 6px);\n      align-items: center;\n      margin-left: auto;\n    }\n\n    .main {\n      width: 100%;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .card {\n        transition: none;\n      }\n    }\n  `;\n\n  override firstUpdated(): void {\n    this._wireSlotChangeHandlers();\n\n    this._syncHeader();\n    this._syncFooter();\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    if (\n      changed.has('separators') ||\n      changed.has('overlays') ||\n      changed.has('insets')\n    ) {\n      this._computeEffectiveFlags();\n    }\n\n    if (\n      changed.has('bg') ||\n      changed.has('blurLevel') ||\n      changed.has('radius') ||\n      changed.has('elevation')\n    ) {\n      this._applyCardVars();\n    }\n    if (\n      changed.has('headerPadding') ||\n      changed.has('bodyPadding') ||\n      changed.has('footerPadding') ||\n      changed.has('padRatio')\n    ) {\n      this._applyPaddingVars();\n    }\n    if (\n      changed.has('headerBg') ||\n      changed.has('footerBg') ||\n      changed.has('headerBlur') ||\n      changed.has('footerBlur') ||\n      changed.has('headerRadius') ||\n      changed.has('footerRadius') ||\n      changed.has('headerInsetGap') ||\n      changed.has('footerInsetGap') ||\n      changed.has('headerSeparatorColor') ||\n      changed.has('footerSeparatorColor') ||\n      changed.has('separators') ||\n      changed.has('insets') ||\n      changed.has('overlays')\n    ) {\n      this._applySectionChrome();\n    }\n  }\n\n  private _wireSlotChangeHandlers(): void {\n    this.renderRoot\n      .querySelector('#slot-title')\n      ?.addEventListener('slotchange', () => this._syncHeader());\n    this.renderRoot\n      .querySelector('#slot-subtitle')\n      ?.addEventListener('slotchange', () => this._syncHeader());\n    this.renderRoot\n      .querySelector('#slot-actions')\n      ?.addEventListener('slotchange', () => this._syncHeader());\n\n    this.renderRoot\n      .querySelector('#slot-f-title')\n      ?.addEventListener('slotchange', () => this._syncFooter());\n    this.renderRoot\n      .querySelector('#slot-f-subtitle')\n      ?.addEventListener('slotchange', () => this._syncFooter());\n    this.renderRoot\n      .querySelector('#slot-f-actions')\n      ?.addEventListener('slotchange', () => this._syncFooter());\n  }\n\n  private _syncHeader(): void {\n    const hdr = this.renderRoot.querySelector('#hdr');\n    const slots = [\n      this.renderRoot.querySelector('#slot-title') as HTMLSlotElement | null,\n      this.renderRoot.querySelector('#slot-subtitle') as HTMLSlotElement | null,\n      this.renderRoot.querySelector('#slot-actions') as HTMLSlotElement | null,\n    ].filter(Boolean) as HTMLSlotElement[];\n\n    const has = slots.some(\n      (s) => s.assignedNodes({ flatten: true }).length > 0\n    );\n    hdr?.toggleAttribute('has-content', has);\n\n    slots.forEach((s) =>\n      s.toggleAttribute(\n        'empty',\n        s.assignedNodes({ flatten: true }).length === 0\n      )\n    );\n  }\n\n  private _syncFooter(): void {\n    const ftr = this.renderRoot.querySelector('#ftr');\n    const slots = [\n      this.renderRoot.querySelector('#slot-f-title') as HTMLSlotElement | null,\n      this.renderRoot.querySelector(\n        '#slot-f-subtitle'\n      ) as HTMLSlotElement | null,\n      this.renderRoot.querySelector(\n        '#slot-f-actions'\n      ) as HTMLSlotElement | null,\n    ].filter(Boolean) as HTMLSlotElement[];\n\n    const has = slots.some(\n      (s) => s.assignedNodes({ flatten: true }).length > 0\n    );\n    ftr?.toggleAttribute('has-content', has);\n    slots.forEach((s) =>\n      s.toggleAttribute(\n        'empty',\n        s.assignedNodes({ flatten: true }).length === 0\n      )\n    );\n  }\n\n  private _expandPair(sh: SkyCardSectionTarget): [boolean, boolean] {\n    switch (sh) {\n      case 'both':\n        return [true, true];\n      case 'header':\n        return [true, false];\n      case 'footer':\n        return [false, true];\n      case 'none':\n      default:\n        return [false, false];\n    }\n  }\n\n  private _computeEffectiveFlags(): void {\n    [this._effHeaderSeparator, this._effFooterSeparator] = this._expandPair(\n      this.separators\n    );\n    [this._effHeaderOverlay, this._effFooterOverlay] = this._expandPair(\n      this.overlays\n    );\n    [this._effHeaderInset, this._effFooterInset] = this._expandPair(\n      this.insets\n    );\n  }\n\n  private _setVar(name: string, value: string): void {\n    if (this._varsCache[name] === value) return;\n    this.style.setProperty(name, value);\n    this._varsCache[name] = value;\n  }\n\n  private _resolveSectionBg(\n    token: string,\n    isInset: boolean,\n    isOverlay: boolean\n  ): string {\n    if (isInset && !isOverlay) {\n      return (\n        SkyCard.SECTION_INSET_BG_MAP[\n          token as keyof typeof SkyCard.SECTION_INSET_BG_MAP\n        ] ?? token\n      );\n    }\n    return SkyCard.BG_MAP[token as keyof typeof SkyCard.BG_MAP] ?? token;\n  }\n\n  private _resolveSectionGlassSurface(token: string): string {\n    return SkyCard.GLASS_BG_TIERS.has(token)\n      ? 'var(--sky-glass-surface)'\n      : 'none';\n  }\n\n  private _applyCardVars(): void {\n    this._setVar(\n      '--_card-bg',\n      SkyCard.BG_MAP[this.bg as keyof typeof SkyCard.BG_MAP] ?? this.bg\n    );\n    this._setVar(\n      '--_card-glass-surface',\n      SkyCard.GLASS_BG_TIERS.has(this.bg) ? 'var(--sky-glass-surface)' : 'none'\n    );\n\n    this._setVar('--_card-backdrop', SkyCard._composeBackdrop(this.blurLevel));\n\n    this._setVar('--_card-radius', resolveRadius(this.radius));\n    this._setVar('--_card-shadow', SkyCard._composeElevation(this.elevation));\n    this._setVar(\n      '--_card-shadow-hover',\n      'var(--sky-box-shadow-inset), var(--sky-box-shadow-hover)'\n    );\n  }\n\n  private _applyPaddingVars(): void {\n    const h =\n      SkyCard.SIZE_MAP[this.headerPadding as keyof typeof SkyCard.SIZE_MAP] ??\n      this.headerPadding;\n    const b =\n      SkyCard.SIZE_MAP[this.bodyPadding as keyof typeof SkyCard.SIZE_MAP] ??\n      this.bodyPadding;\n    const f =\n      SkyCard.SIZE_MAP[this.footerPadding as keyof typeof SkyCard.SIZE_MAP] ??\n      this.footerPadding;\n\n    const ratio = Number.isFinite(this.padRatio)\n      ? Math.max(0, this.padRatio)\n      : 1;\n\n    this._setVar('--_header-pad-y', h);\n    this._setVar('--_header-pad-x', `calc(${h} * ${ratio})`);\n\n    this._setVar('--_body-pad-y', b);\n    this._setVar('--_body-pad-x', `calc(${b} * ${ratio})`);\n\n    this._setVar('--_footer-pad-y', f);\n    this._setVar('--_footer-pad-x', `calc(${f} * ${ratio})`);\n  }\n\n  private _applySectionChrome(): void {\n    const headerSep = this._effHeaderInset\n      ? '0px'\n      : this._effHeaderSeparator\n        ? '1px'\n        : '0px';\n    const footerSep = this._effFooterInset\n      ? '0px'\n      : this._effFooterSeparator\n        ? '1px'\n        : '0px';\n    this._setVar('--_header-separator', headerSep);\n    this._setVar('--_footer-separator', footerSep);\n\n    this._setVar(\n      '--_header-separator-color',\n      resolveColor(this.headerSeparatorColor)\n    );\n    this._setVar(\n      '--_footer-separator-color',\n      resolveColor(this.footerSeparatorColor)\n    );\n\n    const headerInsetBorder =\n      this._effHeaderInset && this._effHeaderSeparator\n        ? '1px solid var(--sky-border-light)'\n        : '0 solid transparent';\n    const footerInsetBorder =\n      this._effFooterInset && this._effFooterSeparator\n        ? '1px solid var(--sky-border-light)'\n        : '0 solid transparent';\n    this._setVar('--_header-inset-border', headerInsetBorder);\n    this._setVar('--_footer-inset-border', footerInsetBorder);\n\n    this._setVar(\n      '--_header-bg',\n      this._resolveSectionBg(\n        this.headerBg,\n        this._effHeaderInset,\n        this._effHeaderOverlay\n      )\n    );\n    this._setVar(\n      '--_footer-bg',\n      this._resolveSectionBg(\n        this.footerBg,\n        this._effFooterInset,\n        this._effFooterOverlay\n      )\n    );\n    this._setVar(\n      '--_header-glass-surface',\n      this._effHeaderOverlay\n        ? this._resolveSectionGlassSurface(this.headerBg)\n        : 'none'\n    );\n    this._setVar(\n      '--_footer-glass-surface',\n      this._effFooterOverlay\n        ? this._resolveSectionGlassSurface(this.footerBg)\n        : 'none'\n    );\n    this._setVar(\n      '--_header-backdrop',\n      this._effHeaderOverlay\n        ? SkyCard._composeBackdrop(this.headerBlur)\n        : 'none'\n    );\n    this._setVar(\n      '--_footer-backdrop',\n      this._effFooterOverlay\n        ? SkyCard._composeBackdrop(this.footerBlur)\n        : 'none'\n    );\n\n    this._setVar('--_header-radius', resolveRadius(this.headerRadius));\n    this._setVar('--_footer-radius', resolveRadius(this.footerRadius));\n    this._setVar(\n      '--_header-inset-gap',\n      SkyCard.SIZE_MAP[this.headerInsetGap as keyof typeof SkyCard.SIZE_MAP] ??\n        this.headerInsetGap\n    );\n    this._setVar(\n      '--_footer-inset-gap',\n      SkyCard.SIZE_MAP[this.footerInsetGap as keyof typeof SkyCard.SIZE_MAP] ??\n        this.footerInsetGap\n    );\n  }\n  /**\n   * Recomputes card variables and section synchronization.\n   *\n   * @returns {void}\n   */\n  public refreshLayout(): void {\n    this._computeEffectiveFlags();\n    this._applyCardVars();\n    this._applyPaddingVars();\n    this._applySectionChrome();\n    this._syncHeader();\n    this._syncFooter();\n  }\n\n  override render() {\n    const headerLayoutClass = this.headerLayout === 'inline' ? 'row' : 'stack';\n    const footerLayoutClass = this.footerLayout === 'inline' ? 'row' : 'stack';\n    const headerClasses = classMap({\n      section: true,\n      [headerLayoutClass]: true,\n      'overlay-top': !!this._effHeaderOverlay,\n      inset: !!this._effHeaderInset,\n    });\n    const footerClasses = classMap({\n      section: true,\n      [footerLayoutClass]: true,\n      'overlay-bottom': !!this._effFooterOverlay,\n      inset: !!this._effFooterInset,\n    });\n\n    return html`\n      <div class=\"card\" part=\"card\">\n        <div class=${headerClasses} part=\"header\" id=\"hdr\">\n          <div class=\"main\">\n            <slot name=\"title\" id=\"slot-title\"></slot>\n            <slot name=\"subtitle\" id=\"slot-subtitle\"></slot>\n          </div>\n          <slot name=\"actions\" id=\"slot-actions\"></slot>\n        </div>\n\n        <slot></slot>\n\n        <div class=${footerClasses} part=\"footer\" id=\"ftr\">\n          <div class=\"main\">\n            <slot name=\"footer-title\" id=\"slot-f-title\"></slot>\n            <slot name=\"footer-subtitle\" id=\"slot-f-subtitle\"></slot>\n          </div>\n          <slot name=\"footer-actions\" id=\"slot-f-actions\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["SkyCard","LitElement","constructor","super","arguments","this","bg","blurLevel","radius","bodyPadding","elevation","outlined","clickable","headerBg","headerBlur","headerPadding","headerLayout","headerInsetGap","headerRadius","headerSeparatorColor","footerBg","footerBlur","footerPadding","footerLayout","footerInsetGap","footerRadius","footerSeparatorColor","padRatio","separators","overlays","insets","_effHeaderSeparator","_effFooterSeparator","_effHeaderOverlay","_effFooterOverlay","_effHeaderInset","_effFooterInset","_varsCache","_composeBackdrop","blur","BLUR_MAP","_composeElevation","level","depth","none","sm","md","lg","firstUpdated","_wireSlotChangeHandlers","_syncHeader","_syncFooter","willUpdate","changed","has","_computeEffectiveFlags","_applyCardVars","_applyPaddingVars","_applySectionChrome","renderRoot","querySelector","addEventListener","hdr","slots","filter","Boolean","some","s","assignedNodes","flatten","length","toggleAttribute","forEach","ftr","_expandPair","sh","_setVar","name","value","style","setProperty","_resolveSectionBg","token","isInset","isOverlay","SECTION_INSET_BG_MAP","BG_MAP","_resolveSectionGlassSurface","GLASS_BG_TIERS","resolveRadius","h","SIZE_MAP","b","f","ratio","Number","isFinite","Math","max","headerSep","footerSep","resolveColor","headerInsetBorder","footerInsetBorder","refreshLayout","render","headerLayoutClass","footerLayoutClass","headerClasses","classMap","section","inset","footerClasses","html","primary","secondary","tertiary","transparent","xs","xl","Set","styles","css","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"6eA6FO,IAAMA,EAAN,cAAsBC,EAAtB,WAAAC,GAAAC,SAAAC,WACsCC,KAAAC,GAAK,UACLD,KAAAE,UAAY,OACZF,KAAAG,OAAS,KACTH,KAAAI,YAAc,OACdJ,KAAAK,UAA8B,KAC7BL,KAAAM,UAAW,EACXN,KAAAO,WAAY,EAEbP,KAAAQ,SAAW,cAEtDR,KAAAS,WAAa,OAEbT,KAAAU,cAAgB,KACYV,KAAAW,aAAqC,SAEjEX,KAAAY,eAAiB,KAEjBZ,KAAAa,aAAe,KAEfb,KAAAc,qBAAuB,eAEoBd,KAAAe,SAAW,cAEtDf,KAAAgB,WAAa,OAEbhB,KAAAiB,cAAgB,KACYjB,KAAAkB,aAAqC,SAEjElB,KAAAmB,eAAiB,KAEjBnB,KAAAoB,aAAe,KAEfpB,KAAAqB,qBAAuB,eAEKrB,KAAAsB,SAAW,EAEXtB,KAAAuB,WAAmC,OACnCvB,KAAAwB,SAAiC,OACjCxB,KAAAyB,OAA+B,OAE3DzB,KAAQ0B,qBAAsB,EAC9B1B,KAAQ2B,qBAAsB,EAC9B3B,KAAQ4B,mBAAoB,EAC5B5B,KAAQ6B,mBAAoB,EAC5B7B,KAAQ8B,iBAAkB,EAC1B9B,KAAQ+B,iBAAkB,EAC1B/B,KAAQgC,WAAqC,CAAA,CAAC,CAuC9C,uBAAeC,CAAiB/B,GAC9B,MAAMgC,EACJvC,EAAQwC,SAASjC,IAA+CA,EAClE,MAAa,SAATgC,EAAwB,OACrB,GAAGA,mEACZ,CAEA,wBAAeE,CAAkBC,GAC/B,MAMMC,EANoD,CACxDC,KAAM,KACNC,GAAI,gCACJC,GAAI,kCACJC,GAAI,kCAEiBL,GACvB,OAAc,OAAVC,EAAuB,YACb,IAAVA,EAA4BD,EACzB,gCAAgCC,GACzC,CAwMS,YAAAK,GACP3C,KAAK4C,0BAEL5C,KAAK6C,cACL7C,KAAK8C,aACP,CAEmB,UAAAC,CAAWC,IAE1BA,EAAQC,IAAI,eACZD,EAAQC,IAAI,aACZD,EAAQC,IAAI,YAEZjD,KAAKkD,0BAILF,EAAQC,IAAI,OACZD,EAAQC,IAAI,cACZD,EAAQC,IAAI,WACZD,EAAQC,IAAI,eAEZjD,KAAKmD,kBAGLH,EAAQC,IAAI,kBACZD,EAAQC,IAAI,gBACZD,EAAQC,IAAI,kBACZD,EAAQC,IAAI,cAEZjD,KAAKoD,qBAGLJ,EAAQC,IAAI,aACZD,EAAQC,IAAI,aACZD,EAAQC,IAAI,eACZD,EAAQC,IAAI,eACZD,EAAQC,IAAI,iBACZD,EAAQC,IAAI,iBACZD,EAAQC,IAAI,mBACZD,EAAQC,IAAI,mBACZD,EAAQC,IAAI,yBACZD,EAAQC,IAAI,yBACZD,EAAQC,IAAI,eACZD,EAAQC,IAAI,WACZD,EAAQC,IAAI,cAEZjD,KAAKqD,qBAET,CAEQ,uBAAAT,GACN5C,KAAKsD,WACFC,cAAc,gBACbC,iBAAiB,aAAc,IAAMxD,KAAK6C,eAC9C7C,KAAKsD,WACFC,cAAc,mBACbC,iBAAiB,aAAc,IAAMxD,KAAK6C,eAC9C7C,KAAKsD,WACFC,cAAc,kBACbC,iBAAiB,aAAc,IAAMxD,KAAK6C,eAE9C7C,KAAKsD,WACFC,cAAc,kBACbC,iBAAiB,aAAc,IAAMxD,KAAK8C,eAC9C9C,KAAKsD,WACFC,cAAc,qBACbC,iBAAiB,aAAc,IAAMxD,KAAK8C,eAC9C9C,KAAKsD,WACFC,cAAc,oBACbC,iBAAiB,aAAc,IAAMxD,KAAK8C,cAChD,CAEQ,WAAAD,GACN,MAAMY,EAAMzD,KAAKsD,WAAWC,cAAc,QACpCG,EAAQ,CACZ1D,KAAKsD,WAAWC,cAAc,eAC9BvD,KAAKsD,WAAWC,cAAc,kBAC9BvD,KAAKsD,WAAWC,cAAc,kBAC9BI,OAAOC,SAEHX,EAAMS,EAAMG,KACfC,GAAMA,EAAEC,cAAc,CAAEC,SAAS,IAAQC,OAAS,GAErDR,GAAKS,gBAAgB,cAAejB,GAEpCS,EAAMS,QAASL,GACbA,EAAEI,gBACA,QAC8C,IAA9CJ,EAAEC,cAAc,CAAEC,SAAS,IAAQC,QAGzC,CAEQ,WAAAnB,GACN,MAAMsB,EAAMpE,KAAKsD,WAAWC,cAAc,QACpCG,EAAQ,CACZ1D,KAAKsD,WAAWC,cAAc,iBAC9BvD,KAAKsD,WAAWC,cACd,oBAEFvD,KAAKsD,WAAWC,cACd,oBAEFI,OAAOC,SAEHX,EAAMS,EAAMG,KACfC,GAAMA,EAAEC,cAAc,CAAEC,SAAS,IAAQC,OAAS,GAErDG,GAAKF,gBAAgB,cAAejB,GACpCS,EAAMS,QAASL,GACbA,EAAEI,gBACA,QAC8C,IAA9CJ,EAAEC,cAAc,CAAEC,SAAS,IAAQC,QAGzC,CAEQ,WAAAI,CAAYC,GAClB,OAAQA,GACN,IAAK,OACH,MAAO,EAAC,GAAM,GAChB,IAAK,SACH,MAAO,EAAC,GAAM,GAChB,IAAK,SACH,MAAO,EAAC,GAAO,GAEjB,QACE,MAAO,EAAC,GAAO,GAErB,CAEQ,sBAAApB,IACLlD,KAAK0B,oBAAqB1B,KAAK2B,qBAAuB3B,KAAKqE,YAC1DrE,KAAKuB,aAENvB,KAAK4B,kBAAmB5B,KAAK6B,mBAAqB7B,KAAKqE,YACtDrE,KAAKwB,WAENxB,KAAK8B,gBAAiB9B,KAAK+B,iBAAmB/B,KAAKqE,YAClDrE,KAAKyB,OAET,CAEQ,OAAA8C,CAAQC,EAAcC,GACxBzE,KAAKgC,WAAWwC,KAAUC,IAC9BzE,KAAK0E,MAAMC,YAAYH,EAAMC,GAC7BzE,KAAKgC,WAAWwC,GAAQC,EAC1B,CAEQ,iBAAAG,CACNC,EACAC,EACAC,GAEA,OAAID,IAAYC,EAEZpF,EAAQqF,qBACNH,IACGA,EAGFlF,EAAQsF,OAAOJ,IAAyCA,CACjE,CAEQ,2BAAAK,CAA4BL,GAClC,OAAOlF,EAAQwF,eAAelC,IAAI4B,GAC9B,2BACA,MACN,CAEQ,cAAA1B,GACNnD,KAAKuE,QACH,aACA5E,EAAQsF,OAAOjF,KAAKC,KAAsCD,KAAKC,IAEjED,KAAKuE,QACH,wBACA5E,EAAQwF,eAAelC,IAAIjD,KAAKC,IAAM,2BAA6B,QAGrED,KAAKuE,QAAQ,mBAAoB5E,EAAQsC,iBAAiBjC,KAAKE,YAE/DF,KAAKuE,QAAQ,iBAAkBa,EAAcpF,KAAKG,SAClDH,KAAKuE,QAAQ,iBAAkB5E,EAAQyC,kBAAkBpC,KAAKK,YAC9DL,KAAKuE,QACH,uBACA,2DAEJ,CAEQ,iBAAAnB,GACN,MAAMiC,EACJ1F,EAAQ2F,SAAStF,KAAKU,gBACtBV,KAAKU,cACD6E,EACJ5F,EAAQ2F,SAAStF,KAAKI,cACtBJ,KAAKI,YACDoF,EACJ7F,EAAQ2F,SAAStF,KAAKiB,gBACtBjB,KAAKiB,cAEDwE,EAAQC,OAAOC,SAAS3F,KAAKsB,UAC/BsE,KAAKC,IAAI,EAAG7F,KAAKsB,UACjB,EAEJtB,KAAKuE,QAAQ,kBAAmBc,GAChCrF,KAAKuE,QAAQ,kBAAmB,QAAQc,OAAOI,MAE/CzF,KAAKuE,QAAQ,gBAAiBgB,GAC9BvF,KAAKuE,QAAQ,gBAAiB,QAAQgB,OAAOE,MAE7CzF,KAAKuE,QAAQ,kBAAmBiB,GAChCxF,KAAKuE,QAAQ,kBAAmB,QAAQiB,OAAOC,KACjD,CAEQ,mBAAApC,GACN,MAAMyC,EAAY9F,KAAK8B,gBACnB,MACA9B,KAAK0B,oBACH,MACA,MACAqE,EAAY/F,KAAK+B,gBACnB,MACA/B,KAAK2B,oBACH,MACA,MACN3B,KAAKuE,QAAQ,sBAAuBuB,GACpC9F,KAAKuE,QAAQ,sBAAuBwB,GAEpC/F,KAAKuE,QACH,4BACAyB,EAAahG,KAAKc,uBAEpBd,KAAKuE,QACH,4BACAyB,EAAahG,KAAKqB,uBAGpB,MAAM4E,EACJjG,KAAK8B,iBAAmB9B,KAAK0B,oBACzB,oCACA,sBACAwE,EACJlG,KAAK+B,iBAAmB/B,KAAK2B,oBACzB,oCACA,sBACN3B,KAAKuE,QAAQ,yBAA0B0B,GACvCjG,KAAKuE,QAAQ,yBAA0B2B,GAEvClG,KAAKuE,QACH,eACAvE,KAAK4E,kBACH5E,KAAKQ,SACLR,KAAK8B,gBACL9B,KAAK4B,oBAGT5B,KAAKuE,QACH,eACAvE,KAAK4E,kBACH5E,KAAKe,SACLf,KAAK+B,gBACL/B,KAAK6B,oBAGT7B,KAAKuE,QACH,0BACAvE,KAAK4B,kBACD5B,KAAKkF,4BAA4BlF,KAAKQ,UACtC,QAENR,KAAKuE,QACH,0BACAvE,KAAK6B,kBACD7B,KAAKkF,4BAA4BlF,KAAKe,UACtC,QAENf,KAAKuE,QACH,qBACAvE,KAAK4B,kBACDjC,EAAQsC,iBAAiBjC,KAAKS,YAC9B,QAENT,KAAKuE,QACH,qBACAvE,KAAK6B,kBACDlC,EAAQsC,iBAAiBjC,KAAKgB,YAC9B,QAGNhB,KAAKuE,QAAQ,mBAAoBa,EAAcpF,KAAKa,eACpDb,KAAKuE,QAAQ,mBAAoBa,EAAcpF,KAAKoB,eACpDpB,KAAKuE,QACH,sBACA5E,EAAQ2F,SAAStF,KAAKY,iBACpBZ,KAAKY,gBAETZ,KAAKuE,QACH,sBACA5E,EAAQ2F,SAAStF,KAAKmB,iBACpBnB,KAAKmB,eAEX,CAMO,aAAAgF,GACLnG,KAAKkD,yBACLlD,KAAKmD,iBACLnD,KAAKoD,oBACLpD,KAAKqD,sBACLrD,KAAK6C,cACL7C,KAAK8C,aACP,CAES,MAAAsD,GACP,MAAMC,EAA0C,WAAtBrG,KAAKW,aAA4B,MAAQ,QAC7D2F,EAA0C,WAAtBtG,KAAKkB,aAA4B,MAAQ,QAC7DqF,EAAgBC,EAAS,CAC7BC,SAAS,EACTJ,CAACA,IAAoB,EACrB,gBAAiBrG,KAAK4B,kBACtB8E,QAAS1G,KAAK8B,kBAEV6E,EAAgBH,EAAS,CAC7BC,SAAS,EACTH,CAACA,IAAoB,EACrB,mBAAoBtG,KAAK6B,kBACzB6E,QAAS1G,KAAK+B,kBAGhB,OAAO6E,CAAA;;qBAEUL;;;;;;;;;;qBAUAI;;;;;;;;KASnB,GAnpBWhH,EAiDasF,OAAS,CAC/B4B,QAAS,2BACTC,UAAW,6BACXC,SAAU,4BACVC,YAAa,eArDJrH,EAwDawC,SAAW,CACjCI,KAAM,OACN0E,GAAI,YACJzE,GAAI,4BACJC,GAAI,4BACJC,GAAI,4BA7DK/C,EAgEa2F,SAAW,CACjC/C,KAAM,IACNC,GAAI,8BACJC,GAAI,2BACJC,GAAI,2BACJwE,GAAI,4BArEKvH,EAwEawF,mBAAqBgC,IAAI,CAC/C,UACA,YACA,aA3ESxH,EA+EaqF,qBAAuB,CAC7C6B,QAAS,2BACTC,UAAW,6BACXC,SAAU,4BACVC,YAAa,eAnFJrH,EA0GJyH,OAASC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAzG2BC,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KADxB/H,EACgCgI,UAAA,KAAA,GACAL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAFxB/H,EAEgCgI,UAAA,YAAA,GACAL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAHxB/H,EAGgCgI,UAAA,SAAA,GACAL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAJxB/H,EAIgCgI,UAAA,cAAA,GACAL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KALxB/H,EAKgCgI,UAAA,YAAA,GACCL,EAAA,CAA3CC,EAAS,CAAEC,KAAM5D,QAAS8D,SAAS,KANzB/H,EAMiCgI,UAAA,WAAA,GACAL,EAAA,CAA3CC,EAAS,CAAEC,KAAM5D,QAAS8D,SAAS,KAPzB/H,EAOiCgI,UAAA,YAAA,GAEDL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KATxB/H,EASgCgI,UAAA,WAAA,GAE3CL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAVxB/H,EAWXgI,UAAA,aAAA,GAEAL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAZxB/H,EAaXgI,UAAA,gBAAA,GAC4BL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAdP9H,EAciBgI,UAAA,eAAA,GAE5BL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAfxB/H,EAgBXgI,UAAA,iBAAA,GAEAL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAjBxB/H,EAkBXgI,UAAA,eAAA,GAEAL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UAnBP9H,EAoBXgI,UAAA,uBAAA,GAE2CL,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAtBxB/H,EAsBgCgI,UAAA,WAAA,GAE3CL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAvBxB/H,EAwBXgI,UAAA,aAAA,GAEAL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAzBxB/H,EA0BXgI,UAAA,gBAAA,GAC4BL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UA3BP9H,EA2BiBgI,UAAA,eAAA,GAE5BL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KA5BxB/H,EA6BXgI,UAAA,iBAAA,GAEAL,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KA9BxB/H,EA+BXgI,UAAA,eAAA,GAEAL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UAhCP9H,EAiCXgI,UAAA,uBAAA,GAE4BL,EAAA,CAA3BC,EAAS,CAAEC,KAAM9B,UAnCP/F,EAmCiBgI,UAAA,WAAA,GAEAL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UArCP9H,EAqCiBgI,UAAA,aAAA,GACAL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAtCP9H,EAsCiBgI,UAAA,WAAA,GACAL,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAvCP9H,EAuCiBgI,UAAA,SAAA,GAvCjBhI,EAAN2H,EAAA,CADNM,EAAc,aACFjI"}
+{"version":3,"file":"sky-card.js","sources":["../../src/sky-card/sky-card.ts"],"sourcesContent":["import { LitElement, html, css, PropertyValues } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { resolveRadius } from \"../helper/utils/size-resolver\";\nimport { resolveColor } from \"../helper/utils/color-resolver\";\nimport { PresetController } from \"../helper/controllers/preset-controller\";\n\nexport type SkyCardElevation = \"none\" | \"sm\" | \"md\" | \"lg\";\nexport type SkyCardSectionLayout = \"inline\" | \"stack\";\nexport type SkyCardSectionTarget = \"both\" | \"header\" | \"footer\" | \"none\";\n\n/**\n * @element sky-card\n *\n * @summary Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators.\n *\n * @status stable\n * @since 1.0.0\n *\n * @documentation https://sky-ui.com/components/card\n *\n * @slot - Default slot for the card body content (replaces `bodyPadding` property if used).\n * @slot title - Slot for the card title.\n * @slot subtitle - Slot for the card subtitle.\n * @slot actions - Slot for the card actions (usually buttons).\n * @slot footer-title - Slot for the footer title.\n * @slot footer-subtitle - Slot for the footer subtitle.\n * @slot footer-actions - Slot for the footer actions (usually buttons).\n *\n * @csspart card - The main card container element.\n * @csspart header - The card header section.\n * @csspart footer - The card footer section.\n * @csspart ripple - The ripple animation element injected when the card is clicked.\n *\n * @property {string} bg - Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.\n * @property {string} blurLevel - Level of blur applied to the background. Default: `\"none\"`.\n * @property {string} radius - Border radius of the card. Default: `\"md\"`.\n * @property {string} bodyPadding - Padding for the card body. Default: `\"none\"`.\n * @property {SkyCardElevation} elevation - Shadow depth of the card. Default: `\"md\"`.\n * @property {boolean} outlined - Whether the card has an outline. Default: `false`.\n * @property {boolean} clickable - Whether the card is clickable. Default: `false`.\n * @property {string} headerBg - Background color of the header. Default: `\"transparent\"`.\n * @property {string} headerBlur - Blur level for the header background. Default: `\"none\"`.\n * @property {string} headerPadding - Padding for the header. Default: `\"md\"`.\n * @property {SkyCardSectionLayout} headerLayout - Layout of the header content. Default: `\"inline\"`.\n * @property {string} headerInsetGap - Inset gap for the header section. Default: `\"sm\"`.\n * @property {string} headerRadius - Border radius for the header. Default: `\"md\"`.\n * @property {string} headerSeparatorColor - Color for the header separator. Default: `\"border-light\"`.\n * @property {string} footerBg - Background color of the footer. Default: `\"transparent\"`.\n * @property {string} footerBlur - Blur level for the footer background. Default: `\"none\"`.\n * @property {string} footerPadding - Padding for the footer. Default: `\"md\"`.\n * @property {SkyCardSectionLayout} footerLayout - Layout of the footer content. Default: `\"inline\"`.\n * @property {string} footerInsetGap - Inset gap for the footer section. Default: `\"sm\"`.\n * @property {string} footerRadius - Border radius for the footer. Default: `\"md\"`.\n * @property {string} footerSeparatorColor - Color for the footer separator. Default: `\"border-light\"`.\n * @property {number} padRatio - Ratio to adjust padding. Default: `1`.\n * @property {SkyCardSectionTarget} separators - Determines where separators should appear. Default: `\"none\"`.\n * @property {SkyCardSectionTarget} overlays - Determines where overlays should appear. Default: `\"none\"`.\n * @property {SkyCardSectionTarget} insets - Determines where insets should appear. Default: `\"none\"`.\n * @property {string} preset - Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.\n * @method refreshLayout Recomputes card variables and section synchronization.\n *\n * @example\n * ```html\n * <sky-card bg=\"primary\" elevation=\"lg\" headerpadding=\"md\">\n *   <span slot=\"title\">Monthly Report</span>\n *   <span slot=\"subtitle\">April 2026</span>\n *   <div>Total revenue increased by 18%.</div>\n *   <button slot=\"actions\">View Details</button>\n * </sky-card>\n * ```\n * ```vue\n * <template>\n *   <sky-card bg=\"primary\" elevation=\"lg\" headerpadding=\"md\">\n *     <span slot=\"title\">Monthly Report</span>\n *     <span slot=\"subtitle\">April 2026</span>\n *     <div>Total revenue increased by 18%.</div>\n *     <button slot=\"actions\">View Details</button>\n *   </sky-card>\n * </template>\n * ```\n * ```jsx\n * export default function Demo() {\n *   return (\n *     <sky-card bg=\"primary\" elevation=\"lg\" headerpadding=\"md\">\n *       <span slot=\"title\">Monthly Report</span>\n *       <span slot=\"subtitle\">April 2026</span>\n *       <div>Total revenue increased by 18%.</div>\n *       <button slot=\"actions\">View Details</button>\n *     </sky-card>\n *   );\n * }\n * ```\n */\n@customElement(\"sky-card\")\nexport class SkyCard extends LitElement {\n  @property({ type: String, reflect: true }) bg = \"primary\";\n  @property({ type: String, reflect: true }) blurLevel = \"none\";\n  @property({ type: String, reflect: true }) radius = \"md\";\n  @property({ type: String, reflect: true }) bodyPadding = \"none\";\n  @property({ type: String, reflect: true }) elevation: SkyCardElevation = \"md\";\n  @property({ type: Boolean, reflect: true }) outlined = false;\n  @property({ type: Boolean, reflect: true }) clickable = false;\n\n  @property({ type: String, reflect: true }) headerBg =\n    \"transparent\";\n  @property({ type: String, reflect: true })\n  headerBlur = \"none\";\n  @property({ type: String, reflect: true })\n  headerPadding = \"md\";\n  @property({ type: String }) headerLayout: SkyCardSectionLayout = \"inline\";\n  @property({ type: String, reflect: true })\n  headerInsetGap = \"sm\";\n  @property({ type: String, reflect: true })\n  headerRadius = \"md\";\n  @property({ type: String })\n  headerSeparatorColor = \"border-light\";\n\n  @property({ type: String, reflect: true }) footerBg =\n    \"transparent\";\n  @property({ type: String, reflect: true })\n  footerBlur = \"none\";\n  @property({ type: String, reflect: true })\n  footerPadding = \"md\";\n  @property({ type: String }) footerLayout: SkyCardSectionLayout = \"inline\";\n  @property({ type: String, reflect: true })\n  footerInsetGap = \"sm\";\n  @property({ type: String, reflect: true })\n  footerRadius = \"md\";\n  @property({ type: String })\n  footerSeparatorColor = \"border-light\";\n\n  @property({ type: Number }) padRatio = 1;\n\n  @property({ type: String }) separators: SkyCardSectionTarget = \"none\";\n  @property({ type: String }) overlays: SkyCardSectionTarget = \"none\";\n  @property({ type: String }) insets: SkyCardSectionTarget = \"none\";\n\n  private _effHeaderSeparator = false;\n  private _effFooterSeparator = false;\n  private _effHeaderOverlay = false;\n  private _effFooterOverlay = false;\n  private _effHeaderInset = false;\n  private _effFooterInset = false;\n  private _varsCache: Record<string, string> = {};\n\n  private static readonly BG_MAP = {\n    primary: \"var(--sky-glass-primary)\",\n    secondary: \"var(--sky-glass-secondary)\",\n    tertiary: \"var(--sky-glass-tertiary)\",\n    transparent: \"transparent\",\n  } as const;\n\n  private static readonly BLUR_MAP = {\n    none: \"none\",\n    xs: \"blur(2px)\",\n    sm: \"var(--sky-blur-secondary)\",\n    md: \"var(--sky-blur-secondary)\",\n    lg: \"var(--sky-blur-tertiary)\",\n  } as const;\n\n  private static readonly SIZE_MAP = {\n    none: \"0\",\n    sm: \"var(--sky-space-1\\\\.5, 6px)\",\n    md: \"var(--sky-space-4, 16px)\",\n    lg: \"var(--sky-space-6, 24px)\",\n    xl: \"var(--sky-space-8, 32px)\",\n  } as const;\n\n  private static readonly GLASS_BG_TIERS = new Set([\n    \"primary\",\n    \"secondary\",\n    \"tertiary\",\n  ]);\n\n  /** Non-overlay inset bars use hover tints — overlay sections own their own blur. */\n  private static readonly SECTION_INSET_BG_MAP = {\n    primary: \"var(--sky-hover-primary)\",\n    secondary: \"var(--sky-hover-secondary)\",\n    tertiary: \"var(--sky-hover-tertiary)\",\n    transparent: \"transparent\",\n  } as const;\n\n  private static _composeBackdrop(blurLevel: string): string {\n    const blur =\n      SkyCard.BLUR_MAP[blurLevel as keyof typeof SkyCard.BLUR_MAP] ?? blurLevel;\n    if (blur === \"none\") return \"none\";\n    return `${blur} var(--sky-saturation-secondary) var(--sky-brightness-secondary)`;\n  }\n\n  private static _composeElevation(level: SkyCardElevation | string): string {\n    const depthMap: Record<SkyCardElevation, string | null> = {\n      none: null,\n      sm: \"var(--sky-box-shadow-primary)\",\n      md: \"var(--sky-box-shadow-secondary)\",\n      lg: \"var(--sky-box-shadow-tertiary)\",\n    };\n    const depth = depthMap[level as SkyCardElevation];\n    if (depth === null) return \"none\";\n    if (depth === undefined) return level;\n    return `var(--sky-box-shadow-inset), ${depth}`;\n  }\n\n\n  /** Named prop preset from nearest `sky-config-provider`. */\n  @property({ type: String, reflect: true }) preset = \"\";\n\n  private _presets = new PresetController(this);\n\n  static styles = css`\n    :host {\n      display: block;\n    }\n\n    .card {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      color: var(--sky-text-primary);\n      background: var(--_card-bg, var(--sky-glass-primary));\n      background-image: var(--_card-glass-surface, var(--sky-glass-surface));\n      border-radius: var(--_card-radius, var(--sky-radius-secondary));\n      backdrop-filter: var(--_card-backdrop, none);\n      -webkit-backdrop-filter: var(--_card-backdrop, none);\n      box-shadow: var(\n        --_card-shadow,\n        var(--sky-box-shadow-inset),\n        var(--sky-box-shadow-primary)\n      );\n      border: var(--_card-border, var(--sky-border-primary));\n      transition: var(--sky-transition-default);\n    }\n\n    :host([outlined]) .card {\n      box-shadow: none;\n      border: var(--sky-border-primary);\n    }\n    :host([clickable]) .card {\n      cursor: pointer;\n    }\n    :host([clickable]) .card:hover {\n      box-shadow: var(\n        --_card-shadow-hover,\n        var(--sky-box-shadow-inset),\n        var(--sky-box-shadow-hover)\n      );\n    }\n\n    .section {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--sky-space-1\\\\.5, 6px);\n      box-sizing: border-box;\n      min-width: 0;\n      background: transparent;\n      backdrop-filter: none;\n      -webkit-backdrop-filter: none;\n    }\n    .section.stack {\n      flex-direction: column;\n      align-items: stretch;\n      gap: var(--sky-space-1\\\\.5, 6px);\n    }\n    .section.row {\n      flex-direction: row;\n    }\n\n    .overlay-top {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      z-index: 1;\n    }\n    .overlay-bottom {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      z-index: 1;\n    }\n\n    .inset {\n      overflow: hidden;\n      box-shadow: none;\n    }\n    .section.inset[part=\"header\"] {\n      border: var(--_header-inset-border, 0 solid transparent);\n      border-radius: var(--_header-radius, var(--sky-radius-secondary));\n    }\n    .section.inset[part=\"footer\"] {\n      border: var(--_footer-inset-border, 0 solid transparent);\n      border-radius: var(--_footer-radius, var(--sky-radius-secondary));\n    }\n    .overlay-top.inset {\n      top: var(--_header-inset-gap, var(--sky-space-2, 8px));\n      left: var(--_header-inset-gap, var(--sky-space-2, 8px));\n      right: var(--_header-inset-gap, var(--sky-space-2, 8px));\n    }\n    .overlay-bottom.inset {\n      bottom: var(--_footer-inset-gap, var(--sky-space-2, 8px));\n      left: var(--_footer-inset-gap, var(--sky-space-2, 8px));\n      right: var(--_footer-inset-gap, var(--sky-space-2, 8px));\n    }\n\n    .section[part=\"header\"]:has(slot:not([empty])),\n    .section[part=\"header\"][has-content] {\n      background: var(--_header-bg);\n      background-image: var(--_header-glass-surface, none);\n      padding-block: var(--_header-pad-y, var(--sky-space-3, 12px));\n      padding-inline: var(--_header-pad-x, var(--sky-space-4, 16px));\n    }\n    .section[part=\"footer\"]:has(slot:not([empty])),\n    .section[part=\"footer\"][has-content] {\n      background: var(--_footer-bg);\n      background-image: var(--_footer-glass-surface, none);\n      padding-block: var(--_footer-pad-y, var(--sky-space-3, 12px));\n      padding-inline: var(--_footer-pad-x, var(--sky-space-4, 16px));\n    }\n\n    .section[part=\"header\"].overlay-top:has(slot:not([empty])),\n    .section[part=\"header\"].overlay-top[has-content] {\n      backdrop-filter: var(--_header-backdrop, none);\n      -webkit-backdrop-filter: var(--_header-backdrop, none);\n    }\n    .section[part=\"footer\"].overlay-bottom:has(slot:not([empty])),\n    .section[part=\"footer\"].overlay-bottom[has-content] {\n      backdrop-filter: var(--_footer-backdrop, none);\n      -webkit-backdrop-filter: var(--_footer-backdrop, none);\n    }\n\n    .section[part=\"header\"]:not(.inset):has(slot:not([empty])),\n    .section[part=\"header\"]:not(.inset)[has-content] {\n      border-bottom: var(--_header-separator, 0px) solid\n        var(--_header-separator-color, var(--sky-border-light));\n    }\n    .section[part=\"footer\"]:not(.inset):has(slot:not([empty])),\n    .section[part=\"footer\"]:not(.inset)[has-content] {\n      border-top: var(--_footer-separator, 0px) solid\n        var(--_footer-separator-color, var(--sky-border-light));\n    }\n\n    ::slotted(:not([slot])) {\n      box-sizing: border-box;\n      padding-block: var(--_body-pad-y, var(--sky-space-3, 12px));\n      padding-inline: var(--_body-pad-x, var(--sky-space-4, 16px));\n    }\n    slot[empty] {\n      display: none;\n    }\n\n    ::slotted([slot=\"title\"]) {\n      font-size: var(--sky-font-size-lg, 18px);\n      font-weight: var(--sky-font-weight-semibold, 600);\n      margin: 0;\n      color: var(--sky-text-primary);\n      text-align: start;\n      text-shadow: var(--sky-text-shadow-on-glass, none);\n    }\n    ::slotted([slot=\"subtitle\"]) {\n      font-size: var(--sky-font-size-sm, 14px);\n      margin: 0;\n      color: var(--sky-text-secondary);\n      text-align: start;\n      text-shadow: var(--sky-text-shadow-on-glass, none);\n    }\n    ::slotted([slot=\"actions\"]) {\n      display: inline-flex;\n      gap: var(--sky-space-1\\\\.5, 6px);\n      align-items: center;\n      margin-left: auto;\n    }\n    ::slotted([slot=\"footer-title\"]) {\n      font-size: var(--sky-font-size-md, 16px);\n      font-weight: var(--sky-font-weight-medium, 500);\n      margin: 0;\n      color: var(--sky-text-primary);\n      text-align: start;\n    }\n    ::slotted([slot=\"footer-subtitle\"]) {\n      font-size: var(--sky-font-size-xs, 12px);\n      margin: 0;\n      color: var(--sky-text-secondary);\n      text-align: start;\n    }\n    ::slotted([slot=\"footer-actions\"]) {\n      display: inline-flex;\n      gap: var(--sky-space-1\\\\.5, 6px);\n      align-items: center;\n      margin-left: auto;\n    }\n\n    .main {\n      width: 100%;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .card {\n        transition: none;\n      }\n    }\n  `;\n\n  override firstUpdated(): void {\n    this._wireSlotChangeHandlers();\n\n    this._syncHeader();\n    this._syncFooter();\n  }\n\n  /**\n   * After PresetController hostUpdate — card chrome may come from presets.\n   * Keep flag recompute + CSS var apply here (not willUpdate).\n   */\n  protected override update(changed: PropertyValues): void {\n    if (\n      changed.has(\"separators\") ||\n      changed.has(\"overlays\") ||\n      changed.has(\"insets\")\n    ) {\n      this._computeEffectiveFlags();\n    }\n\n    if (\n      changed.has(\"bg\") ||\n      changed.has(\"blurLevel\") ||\n      changed.has(\"radius\") ||\n      changed.has(\"elevation\") ||\n      changed.has(\"preset\")\n    ) {\n      this._applyCardVars();\n    }\n    if (\n      changed.has(\"headerPadding\") ||\n      changed.has(\"bodyPadding\") ||\n      changed.has(\"footerPadding\") ||\n      changed.has(\"padRatio\") ||\n      changed.has(\"preset\")\n    ) {\n      this._applyPaddingVars();\n    }\n    if (\n      changed.has(\"headerBg\") ||\n      changed.has(\"footerBg\") ||\n      changed.has(\"headerBlur\") ||\n      changed.has(\"footerBlur\") ||\n      changed.has(\"headerRadius\") ||\n      changed.has(\"footerRadius\") ||\n      changed.has(\"headerInsetGap\") ||\n      changed.has(\"footerInsetGap\") ||\n      changed.has(\"headerSeparatorColor\") ||\n      changed.has(\"footerSeparatorColor\") ||\n      changed.has(\"separators\") ||\n      changed.has(\"insets\") ||\n      changed.has(\"overlays\") ||\n      changed.has(\"preset\")\n    ) {\n      this._applySectionChrome();\n    }\n    super.update(changed);\n  }\n\n  private _wireSlotChangeHandlers(): void {\n    this.renderRoot\n      .querySelector(\"#slot-title\")\n      ?.addEventListener(\"slotchange\", () => this._syncHeader());\n    this.renderRoot\n      .querySelector(\"#slot-subtitle\")\n      ?.addEventListener(\"slotchange\", () => this._syncHeader());\n    this.renderRoot\n      .querySelector(\"#slot-actions\")\n      ?.addEventListener(\"slotchange\", () => this._syncHeader());\n\n    this.renderRoot\n      .querySelector(\"#slot-f-title\")\n      ?.addEventListener(\"slotchange\", () => this._syncFooter());\n    this.renderRoot\n      .querySelector(\"#slot-f-subtitle\")\n      ?.addEventListener(\"slotchange\", () => this._syncFooter());\n    this.renderRoot\n      .querySelector(\"#slot-f-actions\")\n      ?.addEventListener(\"slotchange\", () => this._syncFooter());\n  }\n\n  private _syncHeader(): void {\n    const hdr = this.renderRoot.querySelector(\"#hdr\");\n    const slots = [\n      this.renderRoot.querySelector(\"#slot-title\") as HTMLSlotElement | null,\n      this.renderRoot.querySelector(\"#slot-subtitle\") as HTMLSlotElement | null,\n      this.renderRoot.querySelector(\"#slot-actions\") as HTMLSlotElement | null,\n    ].filter(Boolean) as HTMLSlotElement[];\n\n    const has = slots.some(\n      (s) => s.assignedNodes({ flatten: true }).length > 0\n    );\n    hdr?.toggleAttribute(\"has-content\", has);\n\n    slots.forEach((s) =>\n      s.toggleAttribute(\n        \"empty\",\n        s.assignedNodes({ flatten: true }).length === 0\n      )\n    );\n  }\n\n  private _syncFooter(): void {\n    const ftr = this.renderRoot.querySelector(\"#ftr\");\n    const slots = [\n      this.renderRoot.querySelector(\"#slot-f-title\") as HTMLSlotElement | null,\n      this.renderRoot.querySelector(\n        \"#slot-f-subtitle\"\n      ) as HTMLSlotElement | null,\n      this.renderRoot.querySelector(\n        \"#slot-f-actions\"\n      ) as HTMLSlotElement | null,\n    ].filter(Boolean) as HTMLSlotElement[];\n\n    const has = slots.some(\n      (s) => s.assignedNodes({ flatten: true }).length > 0\n    );\n    ftr?.toggleAttribute(\"has-content\", has);\n    slots.forEach((s) =>\n      s.toggleAttribute(\n        \"empty\",\n        s.assignedNodes({ flatten: true }).length === 0\n      )\n    );\n  }\n\n  private _expandPair(sh: SkyCardSectionTarget): [boolean, boolean] {\n    switch (sh) {\n      case \"both\":\n        return [true, true];\n      case \"header\":\n        return [true, false];\n      case \"footer\":\n        return [false, true];\n      case \"none\":\n      default:\n        return [false, false];\n    }\n  }\n\n  private _computeEffectiveFlags(): void {\n    [this._effHeaderSeparator, this._effFooterSeparator] = this._expandPair(\n      this.separators\n    );\n    [this._effHeaderOverlay, this._effFooterOverlay] = this._expandPair(\n      this.overlays\n    );\n    [this._effHeaderInset, this._effFooterInset] = this._expandPair(\n      this.insets\n    );\n  }\n\n  private _setVar(name: string, value: string): void {\n    if (this._varsCache[name] === value) return;\n    this.style.setProperty(name, value);\n    this._varsCache[name] = value;\n  }\n\n  private _resolveSectionBg(\n    token: string,\n    isInset: boolean,\n    isOverlay: boolean\n  ): string {\n    if (isInset && !isOverlay) {\n      return (\n        SkyCard.SECTION_INSET_BG_MAP[\n          token as keyof typeof SkyCard.SECTION_INSET_BG_MAP\n        ] ?? token\n      );\n    }\n    return SkyCard.BG_MAP[token as keyof typeof SkyCard.BG_MAP] ?? token;\n  }\n\n  private _resolveSectionGlassSurface(token: string): string {\n    return SkyCard.GLASS_BG_TIERS.has(token)\n      ? \"var(--sky-glass-surface)\"\n      : \"none\";\n  }\n\n  private _applyCardVars(): void {\n    this._setVar(\n      \"--_card-bg\",\n      SkyCard.BG_MAP[this.bg as keyof typeof SkyCard.BG_MAP] ?? this.bg\n    );\n    this._setVar(\n      \"--_card-glass-surface\",\n      SkyCard.GLASS_BG_TIERS.has(this.bg)\n        ? \"var(--sky-glass-surface)\"\n        : \"none\"\n    );\n\n    this._setVar(\n      \"--_card-backdrop\",\n      SkyCard._composeBackdrop(this.blurLevel)\n    );\n\n    this._setVar(\"--_card-radius\", resolveRadius(this.radius));\n    this._setVar(\n      \"--_card-shadow\",\n      SkyCard._composeElevation(this.elevation)\n    );\n    this._setVar(\n      \"--_card-shadow-hover\",\n      \"var(--sky-box-shadow-inset), var(--sky-box-shadow-hover)\"\n    );\n  }\n\n  private _applyPaddingVars(): void {\n    const h =\n      SkyCard.SIZE_MAP[this.headerPadding as keyof typeof SkyCard.SIZE_MAP] ??\n      this.headerPadding;\n    const b =\n      SkyCard.SIZE_MAP[this.bodyPadding as keyof typeof SkyCard.SIZE_MAP] ??\n      this.bodyPadding;\n    const f =\n      SkyCard.SIZE_MAP[this.footerPadding as keyof typeof SkyCard.SIZE_MAP] ??\n      this.footerPadding;\n\n    const ratio = Number.isFinite(this.padRatio)\n      ? Math.max(0, this.padRatio)\n      : 1;\n\n    this._setVar(\"--_header-pad-y\", h);\n    this._setVar(\"--_header-pad-x\", `calc(${h} * ${ratio})`);\n\n    this._setVar(\"--_body-pad-y\", b);\n    this._setVar(\"--_body-pad-x\", `calc(${b} * ${ratio})`);\n\n    this._setVar(\"--_footer-pad-y\", f);\n    this._setVar(\"--_footer-pad-x\", `calc(${f} * ${ratio})`);\n  }\n\n  private _applySectionChrome(): void {\n    const headerSep = this._effHeaderInset\n      ? \"0px\"\n      : this._effHeaderSeparator\n        ? \"1px\"\n        : \"0px\";\n    const footerSep = this._effFooterInset\n      ? \"0px\"\n      : this._effFooterSeparator\n        ? \"1px\"\n        : \"0px\";\n    this._setVar(\"--_header-separator\", headerSep);\n    this._setVar(\"--_footer-separator\", footerSep);\n\n    this._setVar(\"--_header-separator-color\", resolveColor(this.headerSeparatorColor));\n    this._setVar(\"--_footer-separator-color\", resolveColor(this.footerSeparatorColor));\n\n    const headerInsetBorder =\n      this._effHeaderInset && this._effHeaderSeparator\n        ? \"1px solid var(--sky-border-light)\"\n        : \"0 solid transparent\";\n    const footerInsetBorder =\n      this._effFooterInset && this._effFooterSeparator\n        ? \"1px solid var(--sky-border-light)\"\n        : \"0 solid transparent\";\n    this._setVar(\"--_header-inset-border\", headerInsetBorder);\n    this._setVar(\"--_footer-inset-border\", footerInsetBorder);\n\n    this._setVar(\n      \"--_header-bg\",\n      this._resolveSectionBg(\n        this.headerBg,\n        this._effHeaderInset,\n        this._effHeaderOverlay\n      )\n    );\n    this._setVar(\n      \"--_footer-bg\",\n      this._resolveSectionBg(\n        this.footerBg,\n        this._effFooterInset,\n        this._effFooterOverlay\n      )\n    );\n    this._setVar(\n      \"--_header-glass-surface\",\n      this._effHeaderOverlay\n        ? this._resolveSectionGlassSurface(this.headerBg)\n        : \"none\"\n    );\n    this._setVar(\n      \"--_footer-glass-surface\",\n      this._effFooterOverlay\n        ? this._resolveSectionGlassSurface(this.footerBg)\n        : \"none\"\n    );\n    this._setVar(\n      \"--_header-backdrop\",\n      this._effHeaderOverlay\n        ? SkyCard._composeBackdrop(this.headerBlur)\n        : \"none\"\n    );\n    this._setVar(\n      \"--_footer-backdrop\",\n      this._effFooterOverlay\n        ? SkyCard._composeBackdrop(this.footerBlur)\n        : \"none\"\n    );\n\n    this._setVar(\n      \"--_header-radius\",\n      resolveRadius(this.headerRadius)\n    );\n    this._setVar(\n      \"--_footer-radius\",\n      resolveRadius(this.footerRadius)\n    );\n    this._setVar(\n      \"--_header-inset-gap\",\n      SkyCard.SIZE_MAP[this.headerInsetGap as keyof typeof SkyCard.SIZE_MAP] ??\n      this.headerInsetGap\n    );\n    this._setVar(\n      \"--_footer-inset-gap\",\n      SkyCard.SIZE_MAP[this.footerInsetGap as keyof typeof SkyCard.SIZE_MAP] ??\n      this.footerInsetGap\n    );\n  }\n  /**\n   * Recomputes card variables and section synchronization.\n   *\n   * @returns {void}\n   */\n  public refreshLayout(): void {\n    this._computeEffectiveFlags();\n    this._applyCardVars();\n    this._applyPaddingVars();\n    this._applySectionChrome();\n    this._syncHeader();\n    this._syncFooter();\n  }\n\n  override render() {\n    const headerLayoutClass = this.headerLayout === \"inline\" ? \"row\" : \"stack\";\n    const footerLayoutClass = this.footerLayout === \"inline\" ? \"row\" : \"stack\";\n    const headerClasses = classMap({\n      section: true,\n      [headerLayoutClass]: true,\n      \"overlay-top\": !!this._effHeaderOverlay,\n      inset: !!this._effHeaderInset,\n    });\n    const footerClasses = classMap({\n      section: true,\n      [footerLayoutClass]: true,\n      \"overlay-bottom\": !!this._effFooterOverlay,\n      inset: !!this._effFooterInset,\n    });\n\n    return html`\n      <div class=\"card\" part=\"card\">\n        <div class=${headerClasses} part=\"header\" id=\"hdr\">\n          <div class=\"main\">\n            <slot name=\"title\" id=\"slot-title\"></slot>\n            <slot name=\"subtitle\" id=\"slot-subtitle\"></slot>\n          </div>\n          <slot name=\"actions\" id=\"slot-actions\"></slot>\n        </div>\n\n        <slot></slot>\n\n        <div class=${footerClasses} part=\"footer\" id=\"ftr\">\n          <div class=\"main\">\n            <slot name=\"footer-title\" id=\"slot-f-title\"></slot>\n            <slot name=\"footer-subtitle\" id=\"slot-f-subtitle\"></slot>\n          </div>\n          <slot name=\"footer-actions\" id=\"slot-f-actions\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["SkyCard","LitElement","constructor","super","arguments","this","bg","blurLevel","radius","bodyPadding","elevation","outlined","clickable","headerBg","headerBlur","headerPadding","headerLayout","headerInsetGap","headerRadius","headerSeparatorColor","footerBg","footerBlur","footerPadding","footerLayout","footerInsetGap","footerRadius","footerSeparatorColor","padRatio","separators","overlays","insets","_effHeaderSeparator","_effFooterSeparator","_effHeaderOverlay","_effFooterOverlay","_effHeaderInset","_effFooterInset","_varsCache","preset","_presets","PresetController","_composeBackdrop","blur","BLUR_MAP","_composeElevation","level","depth","none","sm","md","lg","firstUpdated","_wireSlotChangeHandlers","_syncHeader","_syncFooter","update","changed","has","_computeEffectiveFlags","_applyCardVars","_applyPaddingVars","_applySectionChrome","renderRoot","querySelector","addEventListener","hdr","slots","filter","Boolean","some","s","assignedNodes","flatten","length","toggleAttribute","forEach","ftr","_expandPair","sh","_setVar","name","value","style","setProperty","_resolveSectionBg","token","isInset","isOverlay","SECTION_INSET_BG_MAP","BG_MAP","_resolveSectionGlassSurface","GLASS_BG_TIERS","resolveRadius","h","SIZE_MAP","b","f","ratio","Number","isFinite","Math","max","headerSep","footerSep","resolveColor","headerInsetBorder","footerInsetBorder","refreshLayout","render","headerLayoutClass","footerLayoutClass","headerClasses","classMap","section","inset","footerClasses","html","primary","secondary","tertiary","transparent","xs","xl","Set","styles","css","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { FormControlBase, FormState } from '../helper/internals/form-control-base';
+import { FormControlBase, FormState } from "../helper/internals/form-control-base";
 export interface CheckboxProperties {
     label: string;
     checked: boolean;
@@ -65,6 +65,7 @@ export type SkyCheckboxValueClearedDetail = {
  * @property {string} prefixColor - The color for the prefix text. Default: `""`.
  * @property {string} suffixColor - The color for the suffix text. Default: `""`.
  * @property {boolean} defaultChecked - Default checked state for reset operations. Default: `false`.
+ * @property {string} preset - Named prop preset from nearest `sky-config-provider`. Default: `""`.
  * @method check Sets checked state to `true`.
  * @method uncheck Sets checked state to `false`.
  * @method toggle Toggles checked state.
@@ -120,14 +121,16 @@ export declare class SkyCheckbox extends FormControlBase {
     set checked(v: boolean);
     get indeterminate(): boolean;
     set indeterminate(v: boolean);
-    static styles: import("lit").CSSResult;
+    /** Named prop preset from nearest `sky-config-provider`. */
+    preset: string;
+    private _presets;
+    static styles: import("lit").CSSResult[];
     protected getFormValue(): FormState;
     protected setValueFromFormState(state: FormState): void;
     protected getValidityAnchor(): HTMLElement | undefined;
     protected isEmpty(): boolean;
     protected getNativeControl(): HTMLElement | null;
     protected onFormReset(): void;
-    willUpdate(changed: Map<string | number | symbol, unknown>): void;
     updated(changed: Map<string, unknown>): void;
     private handleChange;
     private validateInput;