@sky.ui/core 0.0.23 → 0.0.25

package/dist/custom-elements.json

@@ -4,487 +4,429 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "src/sky-alert/sky-alert.ts",
+      "path": "src/sky-avatar/sky-avatar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SkyAlert",
+          "name": "SkyAvatar",
           "cssParts": [
             {
-              "description": "The outer alert container.",
-              "name": "alert"
-            },
-            {
-              "description": "The optional leading icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The content container (title + message/slot).",
-              "name": "content"
-            },
-            {
-              "description": "The title text element.",
-              "name": "title"
-            },
-            {
-              "description": "The message text element (when `message` is provided).",
-              "name": "message"
-            },
-            {
-              "description": "The trailing actions container.",
-              "name": "actions"
-            },
-            {
-              "description": "The dismiss button (when `removable`).",
-              "name": "close-button"
+              "description": "The avatar container element.",
+              "name": "avatar"
             },
             {
-              "description": "Overlay shown when `loading` is true.",
+              "description": "The loading overlay container (shown when `loading` is true).",
               "name": "loading-overlay"
             },
             {
-              "description": "Spinner element shown inside the loading overlay.",
-              "name": "loading-spinner"
+              "description": "The spinner element shown when loading.",
+              "name": "spinner"
             }
           ],
           "slots": [
             {
-              "description": "Custom message content (used when `message` is empty).",
+              "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
               "name": ""
-            },
-            {
-              "description": "Action buttons or links displayed on the trailing side.",
-              "name": "actions"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "Record<string, CustomElementConstructor>"
-              },
-              "static": true,
-              "default": "{ \"sky-icon\": SkyIcon, }"
-            },
-            {
-              "kind": "field",
-              "name": "title",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Title text shown above the message.",
-              "attribute": "title"
+              "default": "\"50px\"",
+              "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "message",
+              "name": "image",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Message text rendered inside the alert.",
-              "attribute": "message"
+              "description": "Image URL; fallback slot is shown on load error.",
+              "attribute": "image"
             },
             {
               "kind": "field",
-              "name": "removable",
+              "name": "fit",
               "type": {
-                "text": "boolean"
+                "text": "SkyAvatarFit"
               },
-              "default": "false",
-              "description": "Shows a dismiss button when enabled.",
-              "attribute": "removable"
+              "default": "\"cover\"",
+              "description": "Image fill mode: `cover` (default) or `contain`.",
+              "attribute": "fit",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "radius",
               "type": {
                 "text": "string"
               },
-              "default": "\"primary\"",
-              "description": "Base color token or CSS color used by the alert.",
-              "attribute": "color"
+              "default": "\"md\"",
+              "description": "Border radius token or CSS value.",
+              "attribute": "radius"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "alt",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
-              "attribute": "size"
+              "default": "\"\"",
+              "description": "Accessible name when image content conveys meaning.",
+              "attribute": "alt"
             },
             {
               "kind": "field",
-              "name": "radius",
+              "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Radius token or CSS length.",
-              "attribute": "radius"
+              "default": "\"dark\"",
+              "description": "Token or CSS color applied to fallback slot content.",
+              "attribute": "color"
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "outline",
               "type": {
-                "text": "string | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "Optional leading icon name for `<sky-icon>`.",
-              "attribute": "icon"
+              "default": "\"\"",
+              "description": "CSS `outline` value.",
+              "attribute": "outline"
             },
             {
               "kind": "field",
-              "name": "strip",
+              "name": "outlineOffset",
               "type": {
-                "text": "SkyAlertStrip"
+                "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Strip accent placement.",
-              "attribute": "strip",
-              "reflects": true
+              "default": "\"2px\"",
+              "description": "CSS `outline-offset` value.",
+              "attribute": "outlineOffset"
             },
             {
               "kind": "field",
-              "name": "stripColor",
+              "name": "loading",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"currentColor\"",
-              "description": "Strip accent color token or CSS color.",
-              "attribute": "stripColor"
+              "default": "false",
+              "description": "Shows loading overlay when true.",
+              "attribute": "loading",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "disabled",
               "type": {
-                "text": "SkyAlertVariant"
+                "text": "boolean"
               },
-              "default": "\"solid\"",
-              "description": "Visual style variant.",
-              "attribute": "variant",
+              "default": "false",
+              "description": "Dims and disables pointer interactions.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "interactive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows a loading overlay.",
-              "attribute": "loading"
+              "description": "Enables interactive behavior with keyboard/click activation.",
+              "attribute": "interactive"
             },
             {
               "kind": "field",
-              "name": "roleType",
+              "name": "shadow",
               "type": {
-                "text": "SkyAlertRoleType"
+                "text": "boolean"
               },
-              "default": "\"alert\"",
-              "description": "ARIA role for the alert container.",
-              "attribute": "roleType",
+              "default": "false",
+              "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
+              "attribute": "shadow",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_styleVars",
+              "name": "_imageError",
               "type": {
-                "text": "Record<string, string>"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "{}",
-              "description": "Internal style variables"
+              "default": "false",
+              "description": "True when image failed to load; show slot instead."
             },
             {
               "kind": "field",
-              "name": "_sizeCache",
-              "type": {
-                "text": "{ size: string; result: SkyAlertResolvedSize } | null"
-              },
+              "name": "_onImageLoad",
               "privacy": "private",
-              "default": "null",
-              "description": "Cached result of _resolveSize for the last `size` value (avoids recomputing when only color/variant change)."
+              "description": "Marks image load success and keeps image rendering active."
             },
             {
               "kind": "field",
-              "name": "_hasActionsSlotContent",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "_onImageError",
               "privacy": "private",
-              "default": "false",
-              "description": "True when the actions slot has assigned content (used to show separator only when needed)."
+              "description": "Marks image load failure and enables fallback slot rendering."
             },
             {
               "kind": "method",
-              "name": "_resolveSize",
+              "name": "_handleInteractiveClick",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "SkyAlertResolvedSize"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "input",
+                  "name": "e",
                   "type": {
-                    "text": "string"
+                    "text": "Event"
                   }
                 }
               ],
-              "description": "Resolves size to get padding, font sizes, and other metrics.\r\nResult is memoized by `size` to avoid recomputing when only color/variant/radius change."
+              "description": "Re-dispatches click in interactive mode for host-level consumers."
             },
             {
               "kind": "method",
-              "name": "_updateStyleVars",
+              "name": "_handleInteractiveKeydown",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Computes CSS custom properties from current variant, size, and color inputs."
-            },
-            {
-              "kind": "method",
-              "name": "close",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Dispatches `alert-closed` and removes the alert from the DOM."
-            },
-            {
-              "kind": "method",
-              "name": "getAriaRole",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "SkyAlertRoleType"
-                }
-              },
-              "description": "Returns the ARIA role applied to the alert container."
-            },
-            {
-              "kind": "method",
-              "name": "_checkActionsSlot",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
-              },
-              "description": "Checks whether the actions slot currently has meaningful assigned content."
+              ],
+              "description": "Handles keyboard activation in interactive mode."
             },
             {
               "kind": "method",
-              "name": "_onActionsSlotChange",
+              "name": "adjustSpinnerSize",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Updates action-slot state when the slot assignment changes."
+              "description": "Derives spinner dimensions from current avatar size."
             }
           ],
           "events": [
             {
+              "name": "click",
               "type": {
-                "text": "CustomEvent<SkyAlertClosedEventDetail>"
-              },
-              "description": "Fired when the alert is dismissed via the close button; bubbles and is composed.",
-              "name": "alert-closed"
+                "text": "Event"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Title text shown above the message.",
-              "fieldName": "title"
+              "default": "\"50px\"",
+              "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
+              "fieldName": "size"
             },
             {
-              "name": "message",
+              "name": "image",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Message text rendered inside the alert.",
-              "fieldName": "message"
+              "description": "Image URL; fallback slot is shown on load error.",
+              "fieldName": "image"
             },
             {
-              "name": "removable",
+              "name": "fit",
               "type": {
-                "text": "boolean"
+                "text": "SkyAvatarFit"
               },
-              "default": "false",
-              "description": "Shows a dismiss button when enabled.",
-              "fieldName": "removable"
+              "default": "\"cover\"",
+              "description": "Image fill mode: `cover` (default) or `contain`.",
+              "fieldName": "fit"
             },
             {
-              "name": "color",
+              "name": "radius",
               "type": {
                 "text": "string"
               },
-              "default": "\"primary\"",
-              "description": "Base color token or CSS color used by the alert.",
-              "fieldName": "color"
+              "default": "\"md\"",
+              "description": "Border radius token or CSS value.",
+              "fieldName": "radius"
             },
             {
-              "name": "size",
+              "name": "alt",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
-              "fieldName": "size"
+              "default": "\"\"",
+              "description": "Accessible name when image content conveys meaning.",
+              "fieldName": "alt"
             },
             {
-              "name": "radius",
+              "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Radius token or CSS length.",
-              "fieldName": "radius"
+              "default": "\"dark\"",
+              "description": "Token or CSS color applied to fallback slot content.",
+              "fieldName": "color"
             },
             {
-              "name": "icon",
+              "name": "outline",
               "type": {
-                "text": "string | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "Optional leading icon name for `<sky-icon>`.",
-              "fieldName": "icon"
+              "default": "\"\"",
+              "description": "CSS `outline` value.",
+              "fieldName": "outline"
             },
             {
-              "name": "strip",
+              "name": "outlineOffset",
               "type": {
-                "text": "SkyAlertStrip"
+                "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Strip accent placement.",
-              "fieldName": "strip"
+              "default": "\"2px\"",
+              "description": "CSS `outline-offset` value.",
+              "fieldName": "outlineOffset"
             },
             {
-              "name": "stripColor",
+              "name": "loading",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"currentColor\"",
-              "description": "Strip accent color token or CSS color.",
-              "fieldName": "stripColor"
+              "default": "false",
+              "description": "Shows loading overlay when true.",
+              "fieldName": "loading"
             },
             {
-              "name": "variant",
+              "name": "disabled",
               "type": {
-                "text": "SkyAlertVariant"
+                "text": "boolean"
               },
-              "default": "\"solid\"",
-              "description": "Visual style variant.",
-              "fieldName": "variant"
+              "default": "false",
+              "description": "Dims and disables pointer interactions.",
+              "fieldName": "disabled"
             },
             {
-              "name": "loading",
+              "name": "interactive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows a loading overlay.",
-              "fieldName": "loading"
+              "description": "Enables interactive behavior with keyboard/click activation.",
+              "fieldName": "interactive"
             },
             {
-              "name": "roleType",
+              "name": "shadow",
               "type": {
-                "text": "SkyAlertRoleType"
+                "text": "boolean"
               },
-              "default": "\"alert\"",
-              "description": "ARIA role for the alert container.",
-              "fieldName": "roleType"
+              "default": "false",
+              "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
+              "fieldName": "shadow"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sky-alert",
+          "tagName": "sky-avatar",
           "customElement": true,
-          "summary": "Status alert banner with variants, optional icon, strip accents, actions, dismiss behavior, and loading state."
+          "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyAlert",
+          "name": "SkyAvatar",
           "declaration": {
-            "name": "SkyAlert",
-            "module": "src/sky-alert/sky-alert.ts"
+            "name": "SkyAvatar",
+            "module": "src/sky-avatar/sky-avatar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-alert",
+          "name": "sky-avatar",
           "declaration": {
-            "name": "SkyAlert",
-            "module": "src/sky-alert/sky-alert.ts"
+            "name": "SkyAvatar",
+            "module": "src/sky-avatar/sky-avatar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/sky-appbar/sky-appbar.ts",
+      "path": "src/sky-alert/sky-alert.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SkyAppbar",
+          "name": "SkyAlert",
           "cssParts": [
             {
-              "description": "Wrapper that contains the leading slot, title, and actions.",
-              "name": "content"
+              "description": "The outer alert container.",
+              "name": "alert"
             },
             {
-              "description": "Container for the leading slot (e.g. menu button).",
-              "name": "leading"
+              "description": "The optional leading icon.",
+              "name": "icon"
             },
             {
-              "description": "The title area (contains .title-text with the title string).",
+              "description": "The content container (title + message/slot).",
+              "name": "content"
+            },
+            {
+              "description": "The title text element.",
               "name": "title"
             },
+            {
+              "description": "The message text element (when `message` is provided).",
+              "name": "message"
+            },
             {
               "description": "The trailing actions container.",
               "name": "actions"
+            },
+            {
+              "description": "The dismiss button (when `removable`).",
+              "name": "close-button"
+            },
+            {
+              "description": "Overlay shown when `loading` is true.",
+              "name": "loading-overlay"
+            },
+            {
+              "description": "Spinner element shown inside the loading overlay.",
+              "name": "loading-spinner"
             }
           ],
           "slots": [
             {
-              "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
-              "name": "button"
+              "description": "Custom message content (used when `message` is empty).",
+              "name": ""
             },
             {
-              "description": "Trailing actions (icons/buttons). This is the default slot.",
-              "name": ""
+              "description": "Action buttons or links displayed on the trailing side.",
+              "name": "actions"
             }
           ],
           "members": [
@@ -503,91 +445,243 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"App Bar\"",
-              "description": "Title text displayed in the app bar.",
+              "default": "\"\"",
+              "description": "Title text shown above the message.",
               "attribute": "title"
             },
+            {
+              "kind": "field",
+              "name": "message",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Message text rendered inside the alert.",
+              "attribute": "message"
+            },
+            {
+              "kind": "field",
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows a dismiss button when enabled.",
+              "attribute": "removable"
+            },
             {
               "kind": "field",
               "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"default\"",
-              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
+              "default": "\"primary\"",
+              "description": "Base color token or CSS color used by the alert.",
               "attribute": "color"
             },
             {
               "kind": "field",
-              "name": "url",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Background image URL.",
-              "attribute": "url"
+              "default": "\"md\"",
+              "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "banner",
+              "name": "radius",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
-              "attribute": "banner"
+              "default": "\"md\"",
+              "description": "Radius token or CSS length.",
+              "attribute": "radius"
             },
             {
               "kind": "field",
-              "name": "dense",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "default": "false",
-              "description": "Enables compact vertical spacing.",
-              "attribute": "dense"
+              "default": "null",
+              "description": "Optional leading icon name for `<sky-icon>`.",
+              "attribute": "icon"
             },
             {
               "kind": "field",
-              "name": "elevated",
+              "name": "strip",
               "type": {
-                "text": "boolean"
+                "text": "SkyAlertStrip"
               },
-              "default": "false",
-              "description": "Applies elevated shadow styling.",
-              "attribute": "elevated"
+              "default": "\"none\"",
+              "description": "Strip accent placement.",
+              "attribute": "strip",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "leadingLabel",
+              "name": "stripColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"Open menu\"",
-              "description": "Accessible label for default leading button fallback.",
-              "attribute": "leadingLabel"
+              "default": "\"currentColor\"",
+              "description": "Strip accent color token or CSS color.",
+              "attribute": "stripColor"
             },
             {
-              "kind": "method",
-              "name": "_applyColorSurface",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "SkyAlertVariant"
               },
-              "description": "Applies glass vs solid surface tokens from `color`."
+              "default": "\"solid\"",
+              "description": "Visual style variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_applyBackgroundImage",
-              "privacy": "private",
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows a loading overlay.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "roleType",
+              "type": {
+                "text": "SkyAlertRoleType"
+              },
+              "default": "\"alert\"",
+              "description": "ARIA role for the alert container.",
+              "attribute": "roleType",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_styleVars",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "privacy": "private",
+              "default": "{}",
+              "description": "Internal style variables"
+            },
+            {
+              "kind": "field",
+              "name": "_sizeCache",
+              "type": {
+                "text": "{ size: string; result: SkyAlertResolvedSize } | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "description": "Cached result of _resolveSize for the last `size` value (avoids recomputing when only color/variant change)."
+            },
+            {
+              "kind": "field",
+              "name": "_hasActionsSlotContent",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "True when the actions slot has assigned content (used to show separator only when needed)."
+            },
+            {
+              "kind": "method",
+              "name": "_resolveSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SkyAlertResolvedSize"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Resolves size to get padding, font sizes, and other metrics.\r\nResult is memoized by `size` to avoid recomputing when only color/variant/radius change."
+            },
+            {
+              "kind": "method",
+              "name": "_updateStyleVars",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Sets background image CSS variable from `url`."
+              "description": "Computes CSS custom properties from current variant, size, and color inputs."
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Dispatches `alert-closed` and removes the alert from the DOM."
+            },
+            {
+              "kind": "method",
+              "name": "getAriaRole",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SkyAlertRoleType"
+                }
+              },
+              "description": "Returns the ARIA role applied to the alert container."
+            },
+            {
+              "kind": "method",
+              "name": "_checkActionsSlot",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Checks whether the actions slot currently has meaningful assigned content."
+            },
+            {
+              "kind": "method",
+              "name": "_onActionsSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Updates action-slot state when the slot assignment changes."
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<SkyAlertClosedEventDetail>"
+              },
+              "description": "Fired when the alert is dismissed via the close button; bubbles and is composed.",
+              "name": "alert-closed"
             }
           ],
           "attributes": [
@@ -596,172 +690,193 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"App Bar\"",
-              "description": "Title text displayed in the app bar.",
+              "default": "\"\"",
+              "description": "Title text shown above the message.",
               "fieldName": "title"
             },
+            {
+              "name": "message",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Message text rendered inside the alert.",
+              "fieldName": "message"
+            },
+            {
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows a dismiss button when enabled.",
+              "fieldName": "removable"
+            },
             {
               "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"default\"",
-              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
+              "default": "\"primary\"",
+              "description": "Base color token or CSS color used by the alert.",
               "fieldName": "color"
             },
             {
-              "name": "url",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Background image URL.",
-              "fieldName": "url"
+              "default": "\"md\"",
+              "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
+              "fieldName": "size"
             },
             {
-              "name": "banner",
+              "name": "radius",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
-              "fieldName": "banner"
+              "default": "\"md\"",
+              "description": "Radius token or CSS length.",
+              "fieldName": "radius"
             },
             {
-              "name": "dense",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "default": "false",
-              "description": "Enables compact vertical spacing.",
-              "fieldName": "dense"
+              "default": "null",
+              "description": "Optional leading icon name for `<sky-icon>`.",
+              "fieldName": "icon"
             },
             {
-              "name": "elevated",
+              "name": "strip",
+              "type": {
+                "text": "SkyAlertStrip"
+              },
+              "default": "\"none\"",
+              "description": "Strip accent placement.",
+              "fieldName": "strip"
+            },
+            {
+              "name": "stripColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"currentColor\"",
+              "description": "Strip accent color token or CSS color.",
+              "fieldName": "stripColor"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "SkyAlertVariant"
+              },
+              "default": "\"solid\"",
+              "description": "Visual style variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Applies elevated shadow styling.",
-              "fieldName": "elevated"
+              "description": "Shows a loading overlay.",
+              "fieldName": "loading"
             },
             {
-              "name": "leadingLabel",
+              "name": "roleType",
               "type": {
-                "text": "string"
+                "text": "SkyAlertRoleType"
               },
-              "default": "\"Open menu\"",
-              "description": "Accessible label for default leading button fallback.",
-              "fieldName": "leadingLabel"
+              "default": "\"alert\"",
+              "description": "ARIA role for the alert container.",
+              "fieldName": "roleType"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sky-appbar",
+          "tagName": "sky-alert",
           "customElement": true,
-          "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
+          "summary": "Status alert banner with variants, optional icon, strip accents, actions, dismiss behavior, and loading state."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyAppbar",
+          "name": "SkyAlert",
           "declaration": {
-            "name": "SkyAppbar",
-            "module": "src/sky-appbar/sky-appbar.ts"
+            "name": "SkyAlert",
+            "module": "src/sky-alert/sky-alert.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-appbar",
+          "name": "sky-alert",
           "declaration": {
-            "name": "SkyAppbar",
-            "module": "src/sky-appbar/sky-appbar.ts"
+            "name": "SkyAlert",
+            "module": "src/sky-alert/sky-alert.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/sky-avatar/sky-avatar.ts",
+      "path": "src/sky-appbar/sky-appbar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SkyAvatar",
+          "name": "SkyAppbar",
           "cssParts": [
             {
-              "description": "The avatar container element.",
-              "name": "avatar"
-            },
+              "description": "Wrapper that contains the leading slot, title, and actions.",
+              "name": "content"
+            },
             {
-              "description": "The loading overlay container (shown when `loading` is true).",
-              "name": "loading-overlay"
+              "description": "Container for the leading slot (e.g. menu button).",
+              "name": "leading"
             },
             {
-              "description": "The spinner element shown when loading.",
-              "name": "spinner"
+              "description": "The title area (contains .title-text with the title string).",
+              "name": "title"
+            },
+            {
+              "description": "The trailing actions container.",
+              "name": "actions"
             }
           ],
           "slots": [
             {
-              "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
+              "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
+              "name": "button"
+            },
+            {
+              "description": "Trailing actions (icons/buttons). This is the default slot.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"50px\"",
-              "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
-              "attribute": "size"
-            },
-            {
-              "kind": "field",
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Image URL; fallback slot is shown on load error.",
-              "attribute": "image"
-            },
-            {
-              "kind": "field",
-              "name": "fit",
-              "type": {
-                "text": "SkyAvatarFit"
-              },
-              "default": "\"cover\"",
-              "description": "Image fill mode: `cover` (default) or `contain`.",
-              "attribute": "fit",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "radius",
+              "name": "dependencies",
               "type": {
-                "text": "string"
+                "text": "Record<string, CustomElementConstructor>"
               },
-              "default": "\"md\"",
-              "description": "Border radius token or CSS value.",
-              "attribute": "radius"
+              "static": true,
+              "default": "{ \"sky-icon\": SkyIcon, }"
             },
             {
               "kind": "field",
-              "name": "alt",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Accessible name when image content conveys meaning.",
-              "attribute": "alt"
+              "default": "\"App Bar\"",
+              "description": "Title text displayed in the app bar.",
+              "attribute": "title"
             },
             {
               "kind": "field",
@@ -769,287 +884,172 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"dark\"",
-              "description": "Token or CSS color applied to fallback slot content.",
+              "default": "\"default\"",
+              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
               "attribute": "color"
             },
             {
               "kind": "field",
-              "name": "outline",
+              "name": "url",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "CSS `outline` value.",
-              "attribute": "outline"
-            },
-            {
-              "kind": "field",
-              "name": "outlineOffset",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"2px\"",
-              "description": "CSS `outline-offset` value.",
-              "attribute": "outlineOffset"
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows loading overlay when true.",
-              "attribute": "loading",
-              "reflects": true
+              "description": "Background image URL.",
+              "attribute": "url"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "banner",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Dims and disables pointer interactions.",
-              "attribute": "disabled",
-              "reflects": true
+              "default": "true",
+              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
+              "attribute": "banner"
             },
             {
               "kind": "field",
-              "name": "interactive",
+              "name": "dense",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables interactive behavior with keyboard/click activation.",
-              "attribute": "interactive"
+              "description": "Enables compact vertical spacing.",
+              "attribute": "dense"
             },
             {
               "kind": "field",
-              "name": "shadow",
+              "name": "elevated",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
-              "attribute": "shadow",
-              "reflects": true
+              "description": "Applies elevated shadow styling.",
+              "attribute": "elevated"
             },
             {
               "kind": "field",
-              "name": "_imageError",
+              "name": "leadingLabel",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "True when image failed to load; show slot instead."
-            },
-            {
-              "kind": "field",
-              "name": "_onImageLoad",
-              "privacy": "private",
-              "description": "Marks image load success and keeps image rendering active."
-            },
-            {
-              "kind": "field",
-              "name": "_onImageError",
-              "privacy": "private",
-              "description": "Marks image load failure and enables fallback slot rendering."
-            },
-            {
-              "kind": "method",
-              "name": "_handleInteractiveClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Re-dispatches click in interactive mode for host-level consumers."
+              "default": "\"Open menu\"",
+              "description": "Accessible label for default leading button fallback.",
+              "attribute": "leadingLabel"
             },
             {
               "kind": "method",
-              "name": "_handleInteractiveKeydown",
+              "name": "_applyColorSurface",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Handles keyboard activation in interactive mode."
+              "description": "Applies glass vs solid surface tokens from `color`."
             },
             {
               "kind": "method",
-              "name": "adjustSpinnerSize",
+              "name": "_applyBackgroundImage",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Derives spinner dimensions from current avatar size."
-            }
-          ],
-          "events": [
-            {
-              "name": "click",
-              "type": {
-                "text": "Event"
-              }
+              "description": "Sets background image CSS variable from `url`."
             }
           ],
           "attributes": [
             {
-              "name": "size",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "\"50px\"",
-              "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
-              "fieldName": "size"
+              "default": "\"App Bar\"",
+              "description": "Title text displayed in the app bar.",
+              "fieldName": "title"
             },
             {
-              "name": "image",
+              "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Image URL; fallback slot is shown on load error.",
-              "fieldName": "image"
-            },
-            {
-              "name": "fit",
-              "type": {
-                "text": "SkyAvatarFit"
-              },
-              "default": "\"cover\"",
-              "description": "Image fill mode: `cover` (default) or `contain`.",
-              "fieldName": "fit"
+              "default": "\"default\"",
+              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
+              "fieldName": "color"
             },
             {
-              "name": "radius",
+              "name": "url",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Border radius token or CSS value.",
-              "fieldName": "radius"
+              "default": "\"\"",
+              "description": "Background image URL.",
+              "fieldName": "url"
             },
             {
-              "name": "alt",
+              "name": "banner",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "Accessible name when image content conveys meaning.",
-              "fieldName": "alt"
+              "default": "true",
+              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
+              "fieldName": "banner"
             },
             {
-              "name": "color",
+              "name": "dense",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"dark\"",
-              "description": "Token or CSS color applied to fallback slot content.",
-              "fieldName": "color"
+              "default": "false",
+              "description": "Enables compact vertical spacing.",
+              "fieldName": "dense"
             },
             {
-              "name": "outline",
+              "name": "elevated",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "CSS `outline` value.",
-              "fieldName": "outline"
+              "default": "false",
+              "description": "Applies elevated shadow styling.",
+              "fieldName": "elevated"
             },
             {
-              "name": "outlineOffset",
+              "name": "leadingLabel",
               "type": {
                 "text": "string"
               },
-              "default": "\"2px\"",
-              "description": "CSS `outline-offset` value.",
-              "fieldName": "outlineOffset"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows loading overlay when true.",
-              "fieldName": "loading"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Dims and disables pointer interactions.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables interactive behavior with keyboard/click activation.",
-              "fieldName": "interactive"
-            },
-            {
-              "name": "shadow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
-              "fieldName": "shadow"
+              "default": "\"Open menu\"",
+              "description": "Accessible label for default leading button fallback.",
+              "fieldName": "leadingLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sky-avatar",
+          "tagName": "sky-appbar",
           "customElement": true,
-          "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
+          "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyAvatar",
+          "name": "SkyAppbar",
           "declaration": {
-            "name": "SkyAvatar",
-            "module": "src/sky-avatar/sky-avatar.ts"
+            "name": "SkyAppbar",
+            "module": "src/sky-appbar/sky-appbar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-avatar",
+          "name": "sky-appbar",
           "declaration": {
-            "name": "SkyAvatar",
-            "module": "src/sky-avatar/sky-avatar.ts"
+            "name": "SkyAppbar",
+            "module": "src/sky-appbar/sky-appbar.ts"
           }
         }
       ]
@@ -1653,211 +1653,331 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/sky-button/sky-button.ts",
+      "path": "src/sky-card/sky-card.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SkyButton",
+          "name": "SkyCard",
           "cssParts": [
             {
-              "description": "The native `<button>` element.",
-              "name": "button"
+              "description": "The main card container element.",
+              "name": "card"
             },
             {
-              "description": "The optional left/right icons.",
-              "name": "icon"
+              "description": "The card header section.",
+              "name": "header"
             },
             {
-              "description": "Overlay displayed when loading.",
-              "name": "loading-overlay"
+              "description": "The card footer section.",
+              "name": "footer"
             },
             {
-              "description": "Spinner displayed when loading.",
-              "name": "spinner"
+              "description": "The ripple animation element injected when the card is clicked.",
+              "name": "ripple"
             }
           ],
           "slots": [
             {
-              "description": "Default slot for the button label (replaces `label` property if used).",
+              "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
               "name": ""
+            },
+            {
+              "description": "Slot for the card title.",
+              "name": "title"
+            },
+            {
+              "description": "Slot for the card subtitle.",
+              "name": "subtitle"
+            },
+            {
+              "description": "Slot for the card actions (usually buttons).",
+              "name": "actions"
+            },
+            {
+              "description": "Slot for the footer title.",
+              "name": "footer-title"
+            },
+            {
+              "description": "Slot for the footer subtitle.",
+              "name": "footer-subtitle"
+            },
+            {
+              "description": "Slot for the footer actions (usually buttons).",
+              "name": "footer-actions"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "bg",
               "type": {
-                "text": "Record<string, CustomElementConstructor>"
+                "text": "string"
               },
-              "static": true,
-              "default": "{ \"sky-icon\": SkyIcon, }"
+              "default": "\"primary\"",
+              "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
+              "attribute": "bg",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "blurLevel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "static": true,
-              "default": "true"
+              "default": "\"none\"",
+              "description": "Level of blur applied to the background. Default: `\"none\"`.",
+              "attribute": "blurLevel",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "internals",
+              "name": "radius",
               "type": {
-                "text": "ElementInternals"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "\"md\"",
+              "description": "Border radius of the card. Default: `\"md\"`.",
+              "attribute": "radius",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "bodyPadding",
               "type": {
-                "text": "SkyButtonVariant"
+                "text": "string"
               },
-              "default": "\"solid\"",
-              "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
-              "attribute": "variant",
+              "default": "\"none\"",
+              "description": "Padding for the card body. Default: `\"none\"`.",
+              "attribute": "bodyPadding",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "elevation",
               "type": {
-                "text": "string"
+                "text": "SkyCardElevation"
               },
-              "default": "\"primary\"",
-              "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
-              "attribute": "color"
+              "default": "\"md\"",
+              "description": "Shadow depth of the card. Default: `\"md\"`.",
+              "attribute": "elevation",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "outlined",
               "type": {
-                "text": "SkyButtonType"
+                "text": "boolean"
               },
-              "default": "\"button\"",
-              "description": "Button type attribute. Default: `\"button\"`.",
-              "attribute": "type"
+              "default": "false",
+              "description": "Whether the card has an outline. Default: `false`.",
+              "attribute": "outlined",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "clickable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "Associated form ID for custom submit handling.",
-              "attribute": "form"
+              "default": "false",
+              "description": "Whether the card is clickable. Default: `false`.",
+              "attribute": "clickable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "headerBg",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
-              "attribute": "size"
+              "default": "\"transparent\"",
+              "description": "Background color of the header. Default: `\"transparent\"`.",
+              "attribute": "headerBg",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "radius",
+              "name": "headerBlur",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
-              "attribute": "radius"
+              "default": "\"none\"",
+              "description": "Blur level for the header background. Default: `\"none\"`.",
+              "attribute": "headerBlur",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "headerPadding",
               "type": {
                 "text": "string"
               },
-              "default": "\"Button\"",
-              "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
-              "attribute": "label"
+              "default": "\"md\"",
+              "description": "Padding for the header. Default: `\"md\"`.",
+              "attribute": "headerPadding",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "headerLayout",
               "type": {
-                "text": "boolean"
+                "text": "SkyCardSectionLayout"
               },
-              "default": "false",
-              "description": "Whether the button is disabled. Default: `false`.",
-              "attribute": "disabled",
-              "reflects": true
+              "default": "\"inline\"",
+              "description": "Layout of the header content. Default: `\"inline\"`.",
+              "attribute": "headerLayout"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "headerInsetGap",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Shows a loading overlay when true. Default: `false`.",
-              "attribute": "loading",
+              "default": "\"sm\"",
+              "description": "Inset gap for the header section. Default: `\"sm\"`.",
+              "attribute": "headerInsetGap",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "iconL",
+              "name": "headerRadius",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
-              "attribute": "iconL"
+              "default": "\"md\"",
+              "description": "Border radius for the header. Default: `\"md\"`.",
+              "attribute": "headerRadius",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "iconR",
+              "name": "headerSeparatorColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
-              "attribute": "iconR"
+              "default": "\"border-light\"",
+              "description": "Color for the header separator. Default: `\"border-light\"`.",
+              "attribute": "headerSeparatorColor"
             },
             {
               "kind": "field",
-              "name": "iconOnly",
+              "name": "footerBg",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
-              "attribute": "iconOnly",
+              "default": "\"transparent\"",
+              "description": "Background color of the footer. Default: `\"transparent\"`.",
+              "attribute": "footerBg",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "colors",
+              "name": "footerBlur",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
-              "attribute": "colors"
+              "default": "\"none\"",
+              "description": "Blur level for the footer background. Default: `\"none\"`.",
+              "attribute": "footerBlur",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "animation",
+              "name": "footerPadding",
               "type": {
-                "text": "SkyButtonAnimation"
+                "text": "string"
               },
-              "default": "\"auto\"",
-              "description": "Transform animation style. Default: `\"auto\"`.",
-              "attribute": "animation",
+              "default": "\"md\"",
+              "description": "Padding for the footer. Default: `\"md\"`.",
+              "attribute": "footerPadding",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_hasMeaningfulSlot",
+              "name": "footerLayout",
+              "type": {
+                "text": "SkyCardSectionLayout"
+              },
+              "default": "\"inline\"",
+              "description": "Layout of the footer content. Default: `\"inline\"`.",
+              "attribute": "footerLayout"
+            },
+            {
+              "kind": "field",
+              "name": "footerInsetGap",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"sm\"",
+              "description": "Inset gap for the footer section. Default: `\"sm\"`.",
+              "attribute": "footerInsetGap",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "footerRadius",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Border radius for the footer. Default: `\"md\"`.",
+              "attribute": "footerRadius",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "footerSeparatorColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"border-light\"",
+              "description": "Color for the footer separator. Default: `\"border-light\"`.",
+              "attribute": "footerSeparatorColor"
+            },
+            {
+              "kind": "field",
+              "name": "padRatio",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Ratio to adjust padding. Default: `1`.",
+              "attribute": "padRatio"
+            },
+            {
+              "kind": "field",
+              "name": "separators",
+              "type": {
+                "text": "SkyCardSectionTarget"
+              },
+              "default": "\"none\"",
+              "description": "Determines where separators should appear. Default: `\"none\"`.",
+              "attribute": "separators"
+            },
+            {
+              "kind": "field",
+              "name": "overlays",
+              "type": {
+                "text": "SkyCardSectionTarget"
+              },
+              "default": "\"none\"",
+              "description": "Determines where overlays should appear. Default: `\"none\"`.",
+              "attribute": "overlays"
+            },
+            {
+              "kind": "field",
+              "name": "insets",
+              "type": {
+                "text": "SkyCardSectionTarget"
+              },
+              "default": "\"none\"",
+              "description": "Determines where insets should appear. Default: `\"none\"`.",
+              "attribute": "insets"
+            },
+            {
+              "kind": "field",
+              "name": "_effHeaderSeparator",
               "type": {
                 "text": "boolean"
               },
@@ -1866,41 +1986,116 @@
             },
             {
               "kind": "field",
-              "name": "_styleVars",
+              "name": "_effFooterSeparator",
               "type": {
-                "text": "Record<string, string>"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "{}",
-              "description": "Inline CSS variable cache."
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "_slotHasMeaningfulContent",
+              "kind": "field",
+              "name": "_effHeaderOverlay",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_effFooterOverlay",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "slotEl",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ]
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_onSlotChange",
-              "privacy": "private"
+              "name": "_effHeaderInset",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_effFooterInset",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_varsCache",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "BG_MAP",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
+              "type": {
+                "text": "{\n    primary: \"var(--sky-glass-primary)\",\n    secondary: \"var(--sky-glass-secondary)\",\n    tertiary: \"var(--sky-glass-tertiary)\",\n    transparent: \"transparent\",\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "BLUR_MAP",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
+              "type": {
+                "text": "{\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  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "SIZE_MAP",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "{ 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)\", }",
+              "type": {
+                "text": "{\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  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "GLASS_BG_TIERS",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
+            },
+            {
+              "kind": "field",
+              "name": "SECTION_INSET_BG_MAP",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
+              "type": {
+                "text": "{\n    primary: \"var(--sky-hover-primary)\",\n    secondary: \"var(--sky-hover-secondary)\",\n    tertiary: \"var(--sky-hover-tertiary)\",\n    transparent: \"transparent\",\n  }"
+              },
+              "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
             },
             {
               "kind": "method",
-              "name": "_toSquarePadding",
+              "name": "_composeBackdrop",
               "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
                   "text": "string"
@@ -1908,95 +2103,93 @@
               },
               "parameters": [
                 {
-                  "name": "padding",
+                  "name": "blurLevel",
                   "type": {
                     "text": "string"
                   }
                 }
-              ],
-              "description": "Uses vertical padding for equal sides (icon-only square control)."
+              ]
             },
             {
               "kind": "method",
-              "name": "_resolveSize",
+              "name": "_composeElevation",
               "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "{\r\n    padding: string;\r\n    fontSize: string;\r\n    gap: string;\r\n    icon: string;\r\n    spinner: string;\r\n  }"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "input",
+                  "name": "level",
                   "type": {
-                    "text": "string"
+                    "text": "SkyCardElevation | string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_isThemeBorderShorthand",
+              "name": "_wireSlotChangeHandlers",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "border",
-                  "type": {
-                    "text": "string | undefined"
-                  }
+                  "text": "void"
                 }
-              ],
-              "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
+              }
             },
             {
               "kind": "method",
-              "name": "_borderColorFromShorthand",
+              "name": "_syncHeader",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "border",
-                  "type": {
-                    "text": "string | undefined"
-                  }
+                  "text": "void"
                 }
-              ],
-              "description": "Extracts the color token from a `Npx solid …` border shorthand."
+              }
             },
             {
               "kind": "method",
-              "name": "focusButton",
-              "privacy": "public",
+              "name": "_syncFooter",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_expandPair",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "[boolean, boolean]"
+                }
               },
-              "description": "Focuses the internal native button."
+              "parameters": [
+                {
+                  "name": "sh",
+                  "type": {
+                    "text": "SkyCardSectionTarget"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "clickButton",
-              "privacy": "public",
+              "name": "_computeEffectiveFlags",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "description": "Triggers a click on the internal native button when enabled."
+              }
             },
             {
               "kind": "method",
-              "name": "_createRipple",
+              "name": "_setVar",
               "privacy": "private",
               "return": {
                 "type": {
@@ -2005,687 +2198,614 @@
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "name",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "formDisabledCallback",
+              "name": "_resolveSectionBg",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "disabled",
+                  "name": "token",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "isInset",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "isOverlay",
                   "type": {
                     "text": "boolean"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "formOwner",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "readonly": true
-            },
             {
               "kind": "method",
-              "name": "_handleClick",
+              "name": "_resolveSectionGlassSurface",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "token",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_iconOnlyName",
+              "name": "_applyCardVars",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "SkyButtonVariant"
-              },
-              "default": "\"solid\"",
-              "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "color",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"primary\"",
-              "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
-              "fieldName": "color"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "SkyButtonType"
-              },
-              "default": "\"button\"",
-              "description": "Button type attribute. Default: `\"button\"`.",
-              "fieldName": "type"
-            },
-            {
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Associated form ID for custom submit handling.",
-              "fieldName": "form"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"md\"",
-              "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
-              "fieldName": "size"
-            },
-            {
-              "name": "radius",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"md\"",
-              "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
-              "fieldName": "radius"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"Button\"",
-              "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
-              "fieldName": "label"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the button is disabled. Default: `false`.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows a loading overlay when true. Default: `false`.",
-              "fieldName": "loading"
-            },
-            {
-              "name": "iconL",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
-              "fieldName": "iconL"
-            },
-            {
-              "name": "iconR",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
-              "fieldName": "iconR"
-            },
-            {
-              "name": "iconOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
-              "fieldName": "iconOnly"
             },
             {
-              "name": "colors",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
-              "fieldName": "colors"
-            },
-            {
-              "name": "animation",
-              "type": {
-                "text": "SkyButtonAnimation"
-              },
-              "default": "\"auto\"",
-              "description": "Transform animation style. Default: `\"auto\"`.",
-              "fieldName": "animation"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sky-button",
-          "customElement": true,
-          "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkyButton",
-          "declaration": {
-            "name": "SkyButton",
-            "module": "src/sky-button/sky-button.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sky-button",
-          "declaration": {
-            "name": "SkyButton",
-            "module": "src/sky-button/sky-button.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/sky-card/sky-card.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SkyCard",
-          "cssParts": [
-            {
-              "description": "The main card container element.",
-              "name": "card"
-            },
-            {
-              "description": "The card header section.",
-              "name": "header"
-            },
-            {
-              "description": "The card footer section.",
-              "name": "footer"
-            },
-            {
-              "description": "The ripple animation element injected when the card is clicked.",
-              "name": "ripple"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
-              "name": ""
-            },
-            {
-              "description": "Slot for the card title.",
-              "name": "title"
-            },
-            {
-              "description": "Slot for the card subtitle.",
-              "name": "subtitle"
-            },
-            {
-              "description": "Slot for the card actions (usually buttons).",
-              "name": "actions"
-            },
-            {
-              "description": "Slot for the footer title.",
-              "name": "footer-title"
+              "kind": "method",
+              "name": "_applyPaddingVars",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "description": "Slot for the footer subtitle.",
-              "name": "footer-subtitle"
+              "kind": "method",
+              "name": "_applySectionChrome",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "description": "Slot for the footer actions (usually buttons).",
-              "name": "footer-actions"
+              "kind": "method",
+              "name": "refreshLayout",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Recomputes card variables and section synchronization."
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "bg",
               "type": {
                 "text": "string"
               },
               "default": "\"primary\"",
               "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
-              "attribute": "bg",
-              "reflects": true
+              "fieldName": "bg"
             },
             {
-              "kind": "field",
               "name": "blurLevel",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Level of blur applied to the background. Default: `\"none\"`.",
-              "attribute": "blurLevel",
-              "reflects": true
+              "fieldName": "blurLevel"
             },
             {
-              "kind": "field",
               "name": "radius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Border radius of the card. Default: `\"md\"`.",
-              "attribute": "radius",
-              "reflects": true
+              "fieldName": "radius"
             },
             {
-              "kind": "field",
               "name": "bodyPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Padding for the card body. Default: `\"none\"`.",
-              "attribute": "bodyPadding",
-              "reflects": true
+              "fieldName": "bodyPadding"
             },
             {
-              "kind": "field",
               "name": "elevation",
               "type": {
                 "text": "SkyCardElevation"
               },
               "default": "\"md\"",
               "description": "Shadow depth of the card. Default: `\"md\"`.",
-              "attribute": "elevation",
-              "reflects": true
+              "fieldName": "elevation"
             },
             {
-              "kind": "field",
               "name": "outlined",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the card has an outline. Default: `false`.",
-              "attribute": "outlined",
-              "reflects": true
+              "fieldName": "outlined"
             },
             {
-              "kind": "field",
               "name": "clickable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the card is clickable. Default: `false`.",
-              "attribute": "clickable",
-              "reflects": true
+              "fieldName": "clickable"
             },
             {
-              "kind": "field",
               "name": "headerBg",
               "type": {
                 "text": "string"
               },
               "default": "\"transparent\"",
               "description": "Background color of the header. Default: `\"transparent\"`.",
-              "attribute": "headerBg",
-              "reflects": true
+              "fieldName": "headerBg"
             },
             {
-              "kind": "field",
               "name": "headerBlur",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Blur level for the header background. Default: `\"none\"`.",
-              "attribute": "headerBlur",
-              "reflects": true
+              "fieldName": "headerBlur"
             },
             {
-              "kind": "field",
               "name": "headerPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Padding for the header. Default: `\"md\"`.",
-              "attribute": "headerPadding",
-              "reflects": true
+              "fieldName": "headerPadding"
             },
             {
-              "kind": "field",
               "name": "headerLayout",
               "type": {
                 "text": "SkyCardSectionLayout"
               },
               "default": "\"inline\"",
               "description": "Layout of the header content. Default: `\"inline\"`.",
-              "attribute": "headerLayout"
+              "fieldName": "headerLayout"
             },
             {
-              "kind": "field",
               "name": "headerInsetGap",
               "type": {
                 "text": "string"
               },
               "default": "\"sm\"",
               "description": "Inset gap for the header section. Default: `\"sm\"`.",
-              "attribute": "headerInsetGap",
-              "reflects": true
+              "fieldName": "headerInsetGap"
             },
             {
-              "kind": "field",
               "name": "headerRadius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Border radius for the header. Default: `\"md\"`.",
-              "attribute": "headerRadius",
-              "reflects": true
+              "fieldName": "headerRadius"
             },
             {
-              "kind": "field",
               "name": "headerSeparatorColor",
               "type": {
                 "text": "string"
               },
               "default": "\"border-light\"",
               "description": "Color for the header separator. Default: `\"border-light\"`.",
-              "attribute": "headerSeparatorColor"
+              "fieldName": "headerSeparatorColor"
             },
             {
-              "kind": "field",
               "name": "footerBg",
               "type": {
                 "text": "string"
               },
               "default": "\"transparent\"",
               "description": "Background color of the footer. Default: `\"transparent\"`.",
-              "attribute": "footerBg",
-              "reflects": true
+              "fieldName": "footerBg"
             },
             {
-              "kind": "field",
               "name": "footerBlur",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Blur level for the footer background. Default: `\"none\"`.",
-              "attribute": "footerBlur",
-              "reflects": true
+              "fieldName": "footerBlur"
             },
             {
-              "kind": "field",
               "name": "footerPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Padding for the footer. Default: `\"md\"`.",
-              "attribute": "footerPadding",
-              "reflects": true
+              "fieldName": "footerPadding"
             },
             {
-              "kind": "field",
               "name": "footerLayout",
               "type": {
                 "text": "SkyCardSectionLayout"
               },
               "default": "\"inline\"",
               "description": "Layout of the footer content. Default: `\"inline\"`.",
-              "attribute": "footerLayout"
+              "fieldName": "footerLayout"
             },
             {
-              "kind": "field",
               "name": "footerInsetGap",
               "type": {
                 "text": "string"
               },
               "default": "\"sm\"",
               "description": "Inset gap for the footer section. Default: `\"sm\"`.",
-              "attribute": "footerInsetGap",
-              "reflects": true
+              "fieldName": "footerInsetGap"
             },
             {
-              "kind": "field",
               "name": "footerRadius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Border radius for the footer. Default: `\"md\"`.",
-              "attribute": "footerRadius",
-              "reflects": true
+              "fieldName": "footerRadius"
             },
             {
-              "kind": "field",
               "name": "footerSeparatorColor",
               "type": {
                 "text": "string"
               },
               "default": "\"border-light\"",
               "description": "Color for the footer separator. Default: `\"border-light\"`.",
-              "attribute": "footerSeparatorColor"
+              "fieldName": "footerSeparatorColor"
             },
             {
-              "kind": "field",
               "name": "padRatio",
               "type": {
                 "text": "number"
               },
               "default": "1",
               "description": "Ratio to adjust padding. Default: `1`.",
-              "attribute": "padRatio"
+              "fieldName": "padRatio"
             },
             {
-              "kind": "field",
               "name": "separators",
               "type": {
                 "text": "SkyCardSectionTarget"
               },
               "default": "\"none\"",
               "description": "Determines where separators should appear. Default: `\"none\"`.",
-              "attribute": "separators"
+              "fieldName": "separators"
             },
             {
-              "kind": "field",
               "name": "overlays",
               "type": {
                 "text": "SkyCardSectionTarget"
               },
               "default": "\"none\"",
               "description": "Determines where overlays should appear. Default: `\"none\"`.",
-              "attribute": "overlays"
+              "fieldName": "overlays"
             },
             {
-              "kind": "field",
               "name": "insets",
               "type": {
                 "text": "SkyCardSectionTarget"
               },
               "default": "\"none\"",
               "description": "Determines where insets should appear. Default: `\"none\"`.",
-              "attribute": "insets"
+              "fieldName": "insets"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sky-card",
+          "customElement": true,
+          "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkyCard",
+          "declaration": {
+            "name": "SkyCard",
+            "module": "src/sky-card/sky-card.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sky-card",
+          "declaration": {
+            "name": "SkyCard",
+            "module": "src/sky-card/sky-card.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/sky-button/sky-button.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SkyButton",
+          "cssParts": [
+            {
+              "description": "The native `<button>` element.",
+              "name": "button"
+            },
+            {
+              "description": "The optional left/right icons.",
+              "name": "icon"
+            },
+            {
+              "description": "Overlay displayed when loading.",
+              "name": "loading-overlay"
             },
+            {
+              "description": "Spinner displayed when loading.",
+              "name": "spinner"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for the button label (replaces `label` property if used).",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_effHeaderSeparator",
+              "name": "dependencies",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, CustomElementConstructor>"
               },
-              "privacy": "private",
-              "default": "false"
+              "static": true,
+              "default": "{ \"sky-icon\": SkyIcon, }"
             },
             {
               "kind": "field",
-              "name": "_effFooterSeparator",
+              "name": "formAssociated",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "static": true,
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "SkyButtonVariant"
+              },
+              "default": "\"solid\"",
+              "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"primary\"",
+              "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "SkyButtonType"
+              },
+              "default": "\"button\"",
+              "description": "Button type attribute. Default: `\"button\"`.",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Associated form ID for custom submit handling.",
+              "attribute": "form"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "radius",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
+              "attribute": "radius"
             },
             {
               "kind": "field",
-              "name": "_effHeaderOverlay",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "\"Button\"",
+              "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "_effFooterOverlay",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Whether the button is disabled. Default: `false`.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_effHeaderInset",
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Shows a loading overlay when true. Default: `false`.",
+              "attribute": "loading",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_effFooterInset",
+              "name": "iconL",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "\"\"",
+              "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
+              "attribute": "iconL"
             },
             {
               "kind": "field",
-              "name": "_varsCache",
+              "name": "iconR",
               "type": {
-                "text": "Record<string, string>"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "{}"
+              "default": "\"\"",
+              "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
+              "attribute": "iconR"
             },
             {
               "kind": "field",
-              "name": "BG_MAP",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
+              "name": "iconOnly",
               "type": {
-                "text": "{\n    primary: \"var(--sky-glass-primary)\",\n    secondary: \"var(--sky-glass-secondary)\",\n    tertiary: \"var(--sky-glass-tertiary)\",\n    transparent: \"transparent\",\n  }"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
+              "attribute": "iconOnly",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "BLUR_MAP",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
+              "name": "colors",
               "type": {
-                "text": "{\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  }"
-              }
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
+              "attribute": "colors"
             },
             {
               "kind": "field",
-              "name": "SIZE_MAP",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "{ 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)\", }",
+              "name": "animation",
               "type": {
-                "text": "{\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  }"
-              }
+                "text": "SkyButtonAnimation"
+              },
+              "default": "\"auto\"",
+              "description": "Transform animation style. Default: `\"auto\"`.",
+              "attribute": "animation",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "GLASS_BG_TIERS",
+              "name": "_hasMeaningfulSlot",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "SECTION_INSET_BG_MAP",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
+              "name": "_styleVars",
               "type": {
-                "text": "{\n    primary: \"var(--sky-hover-primary)\",\n    secondary: \"var(--sky-hover-secondary)\",\n    tertiary: \"var(--sky-hover-tertiary)\",\n    transparent: \"transparent\",\n  }"
+                "text": "Record<string, string>"
               },
-              "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
+              "privacy": "private",
+              "default": "{}",
+              "description": "Inline CSS variable cache."
             },
             {
               "kind": "method",
-              "name": "_composeBackdrop",
+              "name": "_slotHasMeaningfulContent",
               "privacy": "private",
-              "static": true,
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "blurLevel",
+                  "name": "slotEl",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLSlotElement"
                   }
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "_onSlotChange",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "_composeElevation",
+              "name": "_toSquarePadding",
               "privacy": "private",
-              "static": true,
               "return": {
                 "type": {
                   "text": "string"
@@ -2693,436 +2813,316 @@
               },
               "parameters": [
                 {
-                  "name": "level",
+                  "name": "padding",
                   "type": {
-                    "text": "SkyCardElevation | string"
+                    "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "Uses vertical padding for equal sides (icon-only square control)."
             },
             {
               "kind": "method",
-              "name": "_wireSlotChangeHandlers",
+              "name": "_resolveSize",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "{\r\n    padding: string;\r\n    fontSize: string;\r\n    gap: string;\r\n    icon: string;\r\n    spinner: string;\r\n  }"
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_syncHeader",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "string"
+                  }
                 }
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "_syncFooter",
+              "name": "_isThemeBorderShorthand",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "border",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ],
+              "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
             },
             {
               "kind": "method",
-              "name": "_expandPair",
+              "name": "_borderColorFromShorthand",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "[boolean, boolean]"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "sh",
+                  "name": "border",
                   "type": {
-                    "text": "SkyCardSectionTarget"
+                    "text": "string | undefined"
                   }
                 }
-              ]
+              ],
+              "description": "Extracts the color token from a `Npx solid …` border shorthand."
             },
             {
               "kind": "method",
-              "name": "_computeEffectiveFlags",
-              "privacy": "private",
+              "name": "focusButton",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "description": "Focuses the internal native button."
             },
             {
               "kind": "method",
-              "name": "_setVar",
-              "privacy": "private",
+              "name": "clickButton",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "Triggers a click on the internal native button when enabled."
             },
             {
               "kind": "method",
-              "name": "_resolveSectionBg",
+              "name": "_createRipple",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "token",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "isInset",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "isOverlay",
+                  "name": "event",
                   "type": {
-                    "text": "boolean"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_resolveSectionGlassSurface",
-              "privacy": "private",
+              "name": "formDisabledCallback",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "token",
+                  "name": "disabled",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
-              "kind": "method",
-              "name": "_applyCardVars",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_applyPaddingVars",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "formOwner",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_applySectionChrome",
+              "name": "_handleClick",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "refreshLayout",
-              "privacy": "public",
+              "name": "_iconOnlyName",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
-              },
-              "description": "Recomputes card variables and section synchronization."
+              }
             }
           ],
           "attributes": [
             {
-              "name": "bg",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"primary\"",
-              "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
-              "fieldName": "bg"
-            },
-            {
-              "name": "blurLevel",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"none\"",
-              "description": "Level of blur applied to the background. Default: `\"none\"`.",
-              "fieldName": "blurLevel"
-            },
-            {
-              "name": "radius",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "SkyButtonVariant"
               },
-              "default": "\"md\"",
-              "description": "Border radius of the card. Default: `\"md\"`.",
-              "fieldName": "radius"
+              "default": "\"solid\"",
+              "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
+              "fieldName": "variant"
             },
             {
-              "name": "bodyPadding",
+              "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Padding for the card body. Default: `\"none\"`.",
-              "fieldName": "bodyPadding"
-            },
-            {
-              "name": "elevation",
-              "type": {
-                "text": "SkyCardElevation"
-              },
-              "default": "\"md\"",
-              "description": "Shadow depth of the card. Default: `\"md\"`.",
-              "fieldName": "elevation"
-            },
-            {
-              "name": "outlined",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the card has an outline. Default: `false`.",
-              "fieldName": "outlined"
-            },
-            {
-              "name": "clickable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the card is clickable. Default: `false`.",
-              "fieldName": "clickable"
+              "default": "\"primary\"",
+              "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
+              "fieldName": "color"
             },
             {
-              "name": "headerBg",
+              "name": "type",
               "type": {
-                "text": "string"
+                "text": "SkyButtonType"
               },
-              "default": "\"transparent\"",
-              "description": "Background color of the header. Default: `\"transparent\"`.",
-              "fieldName": "headerBg"
+              "default": "\"button\"",
+              "description": "Button type attribute. Default: `\"button\"`.",
+              "fieldName": "type"
             },
             {
-              "name": "headerBlur",
+              "name": "form",
               "type": {
                 "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Blur level for the header background. Default: `\"none\"`.",
-              "fieldName": "headerBlur"
+              "default": "\"\"",
+              "description": "Associated form ID for custom submit handling.",
+              "fieldName": "form"
             },
             {
-              "name": "headerPadding",
+              "name": "size",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
-              "description": "Padding for the header. Default: `\"md\"`.",
-              "fieldName": "headerPadding"
-            },
-            {
-              "name": "headerLayout",
-              "type": {
-                "text": "SkyCardSectionLayout"
-              },
-              "default": "\"inline\"",
-              "description": "Layout of the header content. Default: `\"inline\"`.",
-              "fieldName": "headerLayout"
-            },
-            {
-              "name": "headerInsetGap",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"sm\"",
-              "description": "Inset gap for the header section. Default: `\"sm\"`.",
-              "fieldName": "headerInsetGap"
+              "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
+              "fieldName": "size"
             },
             {
-              "name": "headerRadius",
+              "name": "radius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
-              "description": "Border radius for the header. Default: `\"md\"`.",
-              "fieldName": "headerRadius"
+              "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
+              "fieldName": "radius"
             },
             {
-              "name": "headerSeparatorColor",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "\"border-light\"",
-              "description": "Color for the header separator. Default: `\"border-light\"`.",
-              "fieldName": "headerSeparatorColor"
+              "default": "\"Button\"",
+              "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
+              "fieldName": "label"
             },
             {
-              "name": "footerBg",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"transparent\"",
-              "description": "Background color of the footer. Default: `\"transparent\"`.",
-              "fieldName": "footerBg"
+              "default": "false",
+              "description": "Whether the button is disabled. Default: `false`.",
+              "fieldName": "disabled"
             },
             {
-              "name": "footerBlur",
+              "name": "loading",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"none\"",
-              "description": "Blur level for the footer background. Default: `\"none\"`.",
-              "fieldName": "footerBlur"
+              "default": "false",
+              "description": "Shows a loading overlay when true. Default: `false`.",
+              "fieldName": "loading"
             },
             {
-              "name": "footerPadding",
+              "name": "iconL",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Padding for the footer. Default: `\"md\"`.",
-              "fieldName": "footerPadding"
-            },
-            {
-              "name": "footerLayout",
-              "type": {
-                "text": "SkyCardSectionLayout"
-              },
-              "default": "\"inline\"",
-              "description": "Layout of the footer content. Default: `\"inline\"`.",
-              "fieldName": "footerLayout"
+              "default": "\"\"",
+              "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
+              "fieldName": "iconL"
             },
             {
-              "name": "footerInsetGap",
+              "name": "iconR",
               "type": {
                 "text": "string"
               },
-              "default": "\"sm\"",
-              "description": "Inset gap for the footer section. Default: `\"sm\"`.",
-              "fieldName": "footerInsetGap"
+              "default": "\"\"",
+              "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
+              "fieldName": "iconR"
             },
             {
-              "name": "footerRadius",
+              "name": "iconOnly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"md\"",
-              "description": "Border radius for the footer. Default: `\"md\"`.",
-              "fieldName": "footerRadius"
+              "default": "false",
+              "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
+              "fieldName": "iconOnly"
             },
             {
-              "name": "footerSeparatorColor",
+              "name": "colors",
               "type": {
                 "text": "string"
               },
-              "default": "\"border-light\"",
-              "description": "Color for the footer separator. Default: `\"border-light\"`.",
-              "fieldName": "footerSeparatorColor"
-            },
-            {
-              "name": "padRatio",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Ratio to adjust padding. Default: `1`.",
-              "fieldName": "padRatio"
-            },
-            {
-              "name": "separators",
-              "type": {
-                "text": "SkyCardSectionTarget"
-              },
-              "default": "\"none\"",
-              "description": "Determines where separators should appear. Default: `\"none\"`.",
-              "fieldName": "separators"
-            },
-            {
-              "name": "overlays",
-              "type": {
-                "text": "SkyCardSectionTarget"
-              },
-              "default": "\"none\"",
-              "description": "Determines where overlays should appear. Default: `\"none\"`.",
-              "fieldName": "overlays"
+              "default": "\"\"",
+              "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
+              "fieldName": "colors"
             },
             {
-              "name": "insets",
+              "name": "animation",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "SkyButtonAnimation"
               },
-              "default": "\"none\"",
-              "description": "Determines where insets should appear. Default: `\"none\"`.",
-              "fieldName": "insets"
+              "default": "\"auto\"",
+              "description": "Transform animation style. Default: `\"auto\"`.",
+              "fieldName": "animation"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sky-card",
+          "tagName": "sky-button",
           "customElement": true,
-          "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
+          "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyCard",
+          "name": "SkyButton",
           "declaration": {
-            "name": "SkyCard",
-            "module": "src/sky-card/sky-card.ts"
+            "name": "SkyButton",
+            "module": "src/sky-button/sky-button.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-card",
+          "name": "sky-button",
           "declaration": {
-            "name": "SkyCard",
-            "module": "src/sky-card/sky-card.ts"
+            "name": "SkyButton",
+            "module": "src/sky-button/sky-button.ts"
           }
         }
       ]