@sky.ui/core 0.0.59 → 0.0.60

package/dist/custom-elements.json

@@ -488,83 +488,59 @@
     },
     {
       "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",
@@ -572,82 +548,59 @@
               "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"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "True when image failed to load; show slot instead."
+              "default": "\"Open menu\"",
+              "description": "Accessible label for default leading button fallback.",
+              "attribute": "leadingLabel"
             },
             {
               "kind": "field",
@@ -666,187 +619,95 @@
               "privacy": "private",
               "default": "new PresetController(this)"
             },
-            {
-              "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"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Re-dispatches click in interactive mode for host-level consumers."
-            },
             {
               "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."
+              "description": "Sets background image CSS variable from `url`."
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "name": "click",
+              "name": "title",
               "type": {
-                "text": "Event"
-              }
-            }
-          ],
-          "attributes": [
+                "text": "string"
+              },
+              "default": "\"App Bar\"",
+              "description": "Title text displayed in the app bar.",
+              "fieldName": "title"
+            },
             {
-              "name": "size",
+              "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"50px\"",
-              "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
-              "fieldName": "size"
+              "default": "\"default\"",
+              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
+              "fieldName": "color"
             },
             {
-              "name": "image",
+              "name": "url",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Image URL; fallback slot is shown on load error.",
-              "fieldName": "image"
+              "description": "Background image URL.",
+              "fieldName": "url"
             },
             {
-              "name": "fit",
+              "name": "banner",
               "type": {
-                "text": "SkyAvatarFit"
+                "text": "boolean"
               },
-              "default": "\"cover\"",
-              "description": "Image fill mode: `cover` (default) or `contain`.",
-              "fieldName": "fit"
+              "default": "true",
+              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
+              "fieldName": "banner"
             },
             {
-              "name": "radius",
+              "name": "dense",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"md\"",
-              "description": "Border radius token or CSS value.",
-              "fieldName": "radius"
+              "default": "false",
+              "description": "Enables compact vertical spacing.",
+              "fieldName": "dense"
             },
             {
-              "name": "alt",
+              "name": "elevated",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "Accessible name when image content conveys meaning.",
-              "fieldName": "alt"
+              "default": "false",
+              "description": "Applies elevated shadow styling.",
+              "fieldName": "elevated"
             },
             {
-              "name": "color",
+              "name": "leadingLabel",
               "type": {
                 "text": "string"
               },
-              "default": "\"dark\"",
-              "description": "Token or CSS color applied to fallback slot content.",
-              "fieldName": "color"
+              "default": "\"Open menu\"",
+              "description": "Accessible label for default leading button fallback.",
+              "fieldName": "leadingLabel"
             },
             {
-              "name": "outline",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "CSS `outline` value.",
-              "fieldName": "outline"
-            },
-            {
-              "name": "outlineOffset",
-              "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"
-            },
-            {
-              "name": "preset",
+              "name": "preset",
               "type": {
                 "text": "string"
               },
@@ -859,26 +720,26 @@
             "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"
           }
         }
       ]
@@ -1519,1185 +1380,1501 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/sky-card/sky-card.ts",
+      "path": "src/sky-badge/sky-badge.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SkyCard",
+          "name": "SkyBadge",
           "cssParts": [
             {
-              "description": "The main card container element.",
-              "name": "card"
-            },
-            {
-              "description": "The card header section.",
-              "name": "header"
+              "description": "Wrapper around the slotted content and the badge.",
+              "name": "container"
             },
             {
-              "description": "The card footer section.",
-              "name": "footer"
+              "description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
+              "name": "badge"
             },
             {
-              "description": "The ripple animation element injected when the card is clicked.",
-              "name": "ripple"
+              "description": "The icon element when `isIcon` is true.",
+              "name": "icon"
             }
           ],
           "slots": [
             {
-              "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
+              "description": "The content the badge attaches to.",
               "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"
+              "description": "Optional slot to override the badge content entirely.",
+              "name": "badge"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "bg",
+              "name": "dependencies",
               "type": {
-                "text": "string"
+                "text": "Record<string, CustomElementConstructor>"
               },
-              "default": "\"primary\"",
-              "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
-              "attribute": "bg",
-              "reflects": true
+              "static": true,
+              "default": "{ \"sky-icon\": SkyIcon, }"
             },
             {
               "kind": "field",
-              "name": "blurLevel",
+              "name": "statusColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Level of blur applied to the background. Default: `\"none\"`.",
-              "attribute": "blurLevel",
+              "default": "\"success\"",
+              "description": "Badge background token or CSS color.",
+              "attribute": "statusColor",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "radius",
+              "name": "textColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Border radius of the card. Default: `\"md\"`.",
-              "attribute": "radius",
+              "default": "\"default\"",
+              "description": "Text color token or CSS color.",
+              "attribute": "textColor",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "bodyPadding",
+              "name": "iconColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Padding for the card body. Default: `\"none\"`.",
-              "attribute": "bodyPadding",
+              "default": "\"\"",
+              "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
+              "attribute": "iconColor",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "elevation",
+              "name": "position",
               "type": {
-                "text": "SkyCardElevation"
+                "text": "SkyBadgePosition"
               },
-              "default": "\"md\"",
-              "description": "Shadow depth of the card. Default: `\"md\"`.",
-              "attribute": "elevation",
+              "default": "\"default\"",
+              "description": "Layout mode: `default | floating | inline`.",
+              "attribute": "position",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "outlined",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the card has an outline. Default: `false`.",
-              "attribute": "outlined",
-              "reflects": true
+              "default": "\"\"",
+              "description": "Badge text/count or icon name in icon mode.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "clickable",
+              "name": "isIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the card is clickable. Default: `false`.",
-              "attribute": "clickable",
+              "description": "Renders icon mode when true.",
+              "attribute": "isIcon",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "headerBg",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "default": "\"transparent\"",
-              "description": "Background color of the header. Default: `\"transparent\"`.",
-              "attribute": "headerBg",
+              "default": "\"\"",
+              "description": "Badge and icon size CSS length.",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "headerBlur",
+              "name": "shape",
               "type": {
-                "text": "string"
+                "text": "SkyBadgeShape"
               },
-              "default": "\"none\"",
-              "description": "Blur level for the header background. Default: `\"none\"`.",
-              "attribute": "headerBlur",
+              "default": "\"custom\"",
+              "description": "Badge shape: `circle | pill | custom`.",
+              "attribute": "shape",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "headerPadding",
+              "name": "max",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "\"md\"",
-              "description": "Padding for the header. Default: `\"md\"`.",
-              "attribute": "headerPadding",
-              "reflects": true
+              "default": "99",
+              "description": "Maximum numeric count before rendering overflow label.",
+              "attribute": "max"
             },
             {
               "kind": "field",
-              "name": "headerLayout",
+              "name": "hideWhenZero",
               "type": {
-                "text": "SkyCardSectionLayout"
+                "text": "boolean"
               },
-              "default": "\"inline\"",
-              "description": "Layout of the header content. Default: `\"inline\"`.",
-              "attribute": "headerLayout"
+              "default": "false",
+              "description": "Hides badge when value resolves to numeric zero.",
+              "attribute": "hideWhenZero"
             },
             {
               "kind": "field",
-              "name": "headerInsetGap",
+              "name": "show",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"sm\"",
-              "description": "Inset gap for the header section. Default: `\"sm\"`.",
-              "attribute": "headerInsetGap",
+              "default": "true",
+              "description": "Forces badge visibility independent of value.",
+              "attribute": "show",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "headerRadius",
+              "name": "offsetX",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Border radius for the header. Default: `\"md\"`.",
-              "attribute": "headerRadius",
-              "reflects": true
+              "default": "\"0px\"",
+              "description": "Horizontal offset CSS length.",
+              "attribute": "offsetX"
             },
             {
               "kind": "field",
-              "name": "headerSeparatorColor",
+              "name": "offsetY",
               "type": {
                 "text": "string"
               },
-              "default": "\"border-light\"",
-              "description": "Color for the header separator. Default: `\"border-light\"`.",
-              "attribute": "headerSeparatorColor"
+              "default": "\"0px\"",
+              "description": "Vertical offset CSS length.",
+              "attribute": "offsetY"
             },
             {
               "kind": "field",
-              "name": "footerBg",
+              "name": "ring",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"transparent\"",
-              "description": "Background color of the footer. Default: `\"transparent\"`.",
-              "attribute": "footerBg",
-              "reflects": true
+              "default": "false",
+              "description": "Enables visual ring around the badge.",
+              "attribute": "ring"
             },
             {
               "kind": "field",
-              "name": "footerBlur",
+              "name": "ringColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Blur level for the footer background. Default: `\"none\"`.",
-              "attribute": "footerBlur",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "footerPadding",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"md\"",
-              "description": "Padding for the footer. Default: `\"md\"`.",
-              "attribute": "footerPadding",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "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
+              "default": "\"primary\"",
+              "description": "Ring color token or CSS color.",
+              "attribute": "ringColor"
             },
             {
               "kind": "field",
-              "name": "footerRadius",
+              "name": "ringOffset",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Border radius for the footer. Default: `\"md\"`.",
-              "attribute": "footerRadius",
-              "reflects": true
+              "default": "\"1px\"",
+              "description": "Ring offset CSS length.",
+              "attribute": "ringOffset"
             },
             {
               "kind": "field",
-              "name": "footerSeparatorColor",
+              "name": "badgeLabel",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "default": "\"border-light\"",
-              "description": "Color for the footer separator. Default: `\"border-light\"`.",
-              "attribute": "footerSeparatorColor"
+              "default": "null",
+              "description": "ARIA label override.",
+              "attribute": "badgeLabel"
             },
             {
               "kind": "field",
-              "name": "padRatio",
+              "name": "badgeAriaHidden",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "Ratio to adjust padding. Default: `1`.",
-              "attribute": "padRatio"
+              "default": "false",
+              "description": "Hides badge from assistive technology when true.",
+              "attribute": "badgeAriaHidden"
             },
             {
               "kind": "field",
-              "name": "separators",
+              "name": "interactive",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "boolean"
               },
-              "default": "\"none\"",
-              "description": "Determines where separators should appear. Default: `\"none\"`.",
-              "attribute": "separators"
+              "default": "false",
+              "description": "Enables focus/activation and `badge-click` emission.",
+              "attribute": "interactive"
             },
             {
               "kind": "field",
-              "name": "overlays",
+              "name": "placement",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "SkyBadgePlacement"
               },
-              "default": "\"none\"",
-              "description": "Determines where overlays should appear. Default: `\"none\"`.",
-              "attribute": "overlays"
+              "default": "\"custom\"",
+              "description": "Anchor placement preset for badge positioning.",
+              "attribute": "placement",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "insets",
+              "name": "preset",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Determines where insets should appear. Default: `\"none\"`.",
-              "attribute": "insets"
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "attribute": "preset",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_effHeaderSeparator",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "_presets",
               "privacy": "private",
-              "default": "false"
+              "default": "new PresetController(this)"
             },
             {
               "kind": "field",
-              "name": "_effFooterSeparator",
+              "name": "_badgeEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLSpanElement"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_effHeaderOverlay",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "name": "badgeRef",
+              "privacy": "public",
+              "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
             },
             {
               "kind": "field",
-              "name": "_effFooterOverlay",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "boolean"
+                "text": "ShadowRootInit"
               },
-              "privacy": "private",
-              "default": "false"
+              "static": true,
+              "default": "{ mode: \"open\", delegatesFocus: true, }"
             },
             {
-              "kind": "field",
-              "name": "_effHeaderInset",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "showBadge",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
-              "default": "false"
+              "description": "Forces badge visibility on."
             },
             {
-              "kind": "field",
-              "name": "_effFooterInset",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "hideBadge",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
-              "default": "false"
+              "description": "Forces badge visibility off."
             },
             {
-              "kind": "field",
-              "name": "_varsCache",
-              "type": {
-                "text": "Record<string, string>"
+              "kind": "method",
+              "name": "setValue",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "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": "{\r\n    primary: \"var(--sky-glass-primary)\",\r\n    secondary: \"var(--sky-glass-secondary)\",\r\n    tertiary: \"var(--sky-glass-tertiary)\",\r\n    transparent: \"transparent\",\r\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": "{\r\n    none: \"none\",\r\n    xs: \"blur(2px)\",\r\n    sm: \"var(--sky-blur-secondary)\",\r\n    md: \"var(--sky-blur-secondary)\",\r\n    lg: \"var(--sky-blur-tertiary)\",\r\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": "{\r\n    none: \"0\",\r\n    sm: \"var(--sky-space-1\\\\.5, 6px)\",\r\n    md: \"var(--sky-space-4, 16px)\",\r\n    lg: \"var(--sky-space-6, 24px)\",\r\n    xl: \"var(--sky-space-8, 32px)\",\r\n  }"
-              }
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "Badge value or icon name."
+                }
+              ],
+              "description": "Updates badge value for text/count or icon modes."
             },
             {
               "kind": "field",
-              "name": "GLASS_BG_TIERS",
+              "name": "_onActivate",
               "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
+              "description": "Emits `badge-click` for interactive activation."
             },
             {
               "kind": "field",
-              "name": "SECTION_INSET_BG_MAP",
+              "name": "_onKeydown",
               "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": "{\r\n    primary: \"var(--sky-hover-primary)\",\r\n    secondary: \"var(--sky-hover-secondary)\",\r\n    tertiary: \"var(--sky-hover-tertiary)\",\r\n    transparent: \"transparent\",\r\n  }"
-              },
-              "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
+              "description": "Handles keyboard activation with Enter and Space."
             },
             {
               "kind": "method",
-              "name": "_composeBackdrop",
+              "name": "_computeAriaLabel",
               "privacy": "private",
-              "static": true,
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "string | null"
                 }
               },
               "parameters": [
                 {
-                  "name": "blurLevel",
+                  "name": "displayValue",
                   "type": {
-                    "text": "string"
+                    "text": "string | null"
                   }
                 }
-              ]
+              ],
+              "description": "Computes accessible badge label from current render state."
             },
             {
               "kind": "method",
-              "name": "_composeElevation",
+              "name": "_computeAnchors",
               "privacy": "private",
-              "static": true,
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "{\r\n    top: string;\r\n    right: string;\r\n    bottom: string;\r\n    left: string;\r\n  }"
                 }
               },
               "parameters": [
                 {
-                  "name": "level",
+                  "name": "placement",
                   "type": {
-                    "text": "SkyCardElevation | string"
+                    "text": "SkyBadgePlacement"
                   }
                 }
-              ]
+              ],
+              "description": "Resolves anchor edges from placement preset."
             },
             {
-              "kind": "field",
-              "name": "preset",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "_resolveBadgeSurface",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\r\n    bg: string;\r\n    color: string;\r\n    border: string;\r\n  }"
+                }
+              },
+              "description": "Maps semantic status tokens to soft badge surface colors."
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<SkyBadgeClickEventDetail>"
+              },
+              "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
+              "name": "badge-click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "statusColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"success\"",
+              "description": "Badge background token or CSS color.",
+              "fieldName": "statusColor"
+            },
+            {
+              "name": "textColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"default\"",
+              "description": "Text color token or CSS color.",
+              "fieldName": "textColor"
+            },
+            {
+              "name": "iconColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
+              "fieldName": "iconColor"
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "SkyBadgePosition"
+              },
+              "default": "\"default\"",
+              "description": "Layout mode: `default | floating | inline`.",
+              "fieldName": "position"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Badge text/count or icon name in icon mode.",
+              "fieldName": "value"
+            },
+            {
+              "name": "isIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Renders icon mode when true.",
+              "fieldName": "isIcon"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Badge and icon size CSS length.",
+              "fieldName": "size"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "SkyBadgeShape"
+              },
+              "default": "\"custom\"",
+              "description": "Badge shape: `circle | pill | custom`.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "99",
+              "description": "Maximum numeric count before rendering overflow label.",
+              "fieldName": "max"
+            },
+            {
+              "name": "hideWhenZero",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides badge when value resolves to numeric zero.",
+              "fieldName": "hideWhenZero"
+            },
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Forces badge visibility independent of value.",
+              "fieldName": "show"
+            },
+            {
+              "name": "offsetX",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"0px\"",
+              "description": "Horizontal offset CSS length.",
+              "fieldName": "offsetX"
+            },
+            {
+              "name": "offsetY",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"0px\"",
+              "description": "Vertical offset CSS length.",
+              "fieldName": "offsetY"
+            },
+            {
+              "name": "ring",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables visual ring around the badge.",
+              "fieldName": "ring"
+            },
+            {
+              "name": "ringColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"primary\"",
+              "description": "Ring color token or CSS color.",
+              "fieldName": "ringColor"
+            },
+            {
+              "name": "ringOffset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"1px\"",
+              "description": "Ring offset CSS length.",
+              "fieldName": "ringOffset"
+            },
+            {
+              "name": "badgeLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "ARIA label override.",
+              "fieldName": "badgeLabel"
+            },
+            {
+              "name": "badgeAriaHidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides badge from assistive technology when true.",
+              "fieldName": "badgeAriaHidden"
+            },
+            {
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables focus/activation and `badge-click` emission.",
+              "fieldName": "interactive"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "SkyBadgePlacement"
+              },
+              "default": "\"custom\"",
+              "description": "Anchor placement preset for badge positioning.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
               },
               "default": "\"\"",
               "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
-              "attribute": "preset",
+              "fieldName": "preset"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sky-badge",
+          "customElement": true,
+          "summary": "Badge for status dots, counts, or icons anchored to slotted content."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkyBadge",
+          "declaration": {
+            "name": "SkyBadge",
+            "module": "src/sky-badge/sky-badge.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sky-badge",
+          "declaration": {
+            "name": "SkyBadge",
+            "module": "src/sky-badge/sky-badge.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/sky-avatar/sky-avatar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SkyAvatar",
+          "cssParts": [
+            {
+              "description": "The avatar container element.",
+              "name": "avatar"
+            },
+            {
+              "description": "The loading overlay container (shown when `loading` is true).",
+              "name": "loading-overlay"
+            },
+            {
+              "description": "The spinner element shown when loading.",
+              "name": "spinner"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
+              "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": "_presets",
-              "privacy": "private",
-              "default": "new PresetController(this)"
+              "name": "radius",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Border radius token or CSS value.",
+              "attribute": "radius"
             },
             {
-              "kind": "method",
-              "name": "_wireSlotChangeHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Accessible name when image content conveys meaning.",
+              "attribute": "alt"
             },
             {
-              "kind": "method",
-              "name": "_syncHeader",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"dark\"",
+              "description": "Token or CSS color applied to fallback slot content.",
+              "attribute": "color"
             },
             {
-              "kind": "method",
-              "name": "_syncFooter",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "outline",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "CSS `outline` value.",
+              "attribute": "outline"
             },
             {
-              "kind": "method",
-              "name": "_expandPair",
+              "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
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Dims and disables pointer interactions.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables interactive behavior with keyboard/click activation.",
+              "attribute": "interactive"
+            },
+            {
+              "kind": "field",
+              "name": "shadow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
+              "attribute": "shadow",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_imageError",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "[boolean, boolean]"
-                }
+              "default": "false",
+              "description": "True when image failed to load; show slot instead."
+            },
+            {
+              "kind": "field",
+              "name": "preset",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "sh",
-                  "type": {
-                    "text": "SkyCardSectionTarget"
-                  }
-                }
-              ]
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "attribute": "preset",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_computeEffectiveFlags",
+              "kind": "field",
+              "name": "_presets",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "default": "new PresetController(this)"
             },
             {
-              "kind": "method",
-              "name": "_setVar",
+              "kind": "field",
+              "name": "_onImageLoad",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "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": "_resolveSectionBg",
+              "name": "_handleInteractiveClick",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "token",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "isInset",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "isOverlay",
+                  "name": "e",
                   "type": {
-                    "text": "boolean"
+                    "text": "Event"
                   }
                 }
-              ]
+              ],
+              "description": "Re-dispatches click in interactive mode for host-level consumers."
             },
             {
               "kind": "method",
-              "name": "_resolveSectionGlassSurface",
+              "name": "_handleInteractiveKeydown",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "token",
+                  "name": "e",
                   "type": {
-                    "text": "string"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Handles keyboard activation in interactive mode."
             },
             {
               "kind": "method",
-              "name": "_applyCardVars",
+              "name": "adjustSpinnerSize",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "description": "Derives spinner dimensions from current avatar size."
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "Event"
               }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"50px\"",
+              "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
+              "fieldName": "size"
             },
             {
-              "kind": "method",
-              "name": "_applyPaddingVars",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Image URL; fallback slot is shown on load error.",
+              "fieldName": "image"
             },
             {
-              "kind": "method",
-              "name": "_applySectionChrome",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "fit",
+              "type": {
+                "text": "SkyAvatarFit"
+              },
+              "default": "\"cover\"",
+              "description": "Image fill mode: `cover` (default) or `contain`.",
+              "fieldName": "fit"
             },
             {
-              "kind": "method",
-              "name": "refreshLayout",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "radius",
+              "type": {
+                "text": "string"
               },
-              "description": "Recomputes card variables and section synchronization."
+              "default": "\"md\"",
+              "description": "Border radius token or CSS value.",
+              "fieldName": "radius"
+            },
+            {
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Accessible name when image content conveys meaning.",
+              "fieldName": "alt"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"dark\"",
+              "description": "Token or CSS color applied to fallback slot content.",
+              "fieldName": "color"
+            },
+            {
+              "name": "outline",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "CSS `outline` value.",
+              "fieldName": "outline"
+            },
+            {
+              "name": "outlineOffset",
+              "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"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sky-avatar",
+          "customElement": true,
+          "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkyAvatar",
+          "declaration": {
+            "name": "SkyAvatar",
+            "module": "src/sky-avatar/sky-avatar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sky-avatar",
+          "declaration": {
+            "name": "SkyAvatar",
+            "module": "src/sky-avatar/sky-avatar.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"
+            },
+            {
+              "description": "Slot for the footer subtitle.",
+              "name": "footer-subtitle"
+            },
+            {
+              "description": "Slot for the footer actions (usually buttons).",
+              "name": "footer-actions"
             }
           ],
-          "attributes": [
+          "members": [
             {
+              "kind": "field",
               "name": "bg",
               "type": {
                 "text": "string"
               },
               "default": "\"primary\"",
               "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
-              "fieldName": "bg"
+              "attribute": "bg",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "blurLevel",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Level of blur applied to the background. Default: `\"none\"`.",
-              "fieldName": "blurLevel"
+              "attribute": "blurLevel",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "radius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Border radius of the card. Default: `\"md\"`.",
-              "fieldName": "radius"
+              "attribute": "radius",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "bodyPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Padding for the card body. Default: `\"none\"`.",
-              "fieldName": "bodyPadding"
+              "attribute": "bodyPadding",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "elevation",
               "type": {
                 "text": "SkyCardElevation"
               },
               "default": "\"md\"",
               "description": "Shadow depth of the card. Default: `\"md\"`.",
-              "fieldName": "elevation"
+              "attribute": "elevation",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "outlined",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the card has an outline. Default: `false`.",
-              "fieldName": "outlined"
+              "attribute": "outlined",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "clickable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the card is clickable. Default: `false`.",
-              "fieldName": "clickable"
+              "attribute": "clickable",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "headerBg",
               "type": {
                 "text": "string"
               },
               "default": "\"transparent\"",
               "description": "Background color of the header. Default: `\"transparent\"`.",
-              "fieldName": "headerBg"
+              "attribute": "headerBg",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "headerBlur",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Blur level for the header background. Default: `\"none\"`.",
-              "fieldName": "headerBlur"
+              "attribute": "headerBlur",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "headerPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Padding for the header. Default: `\"md\"`.",
-              "fieldName": "headerPadding"
+              "attribute": "headerPadding",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "headerLayout",
               "type": {
                 "text": "SkyCardSectionLayout"
               },
               "default": "\"inline\"",
               "description": "Layout of the header content. Default: `\"inline\"`.",
-              "fieldName": "headerLayout"
+              "attribute": "headerLayout"
             },
             {
+              "kind": "field",
               "name": "headerInsetGap",
               "type": {
                 "text": "string"
               },
               "default": "\"sm\"",
               "description": "Inset gap for the header section. Default: `\"sm\"`.",
-              "fieldName": "headerInsetGap"
+              "attribute": "headerInsetGap",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "headerRadius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Border radius for the header. Default: `\"md\"`.",
-              "fieldName": "headerRadius"
+              "attribute": "headerRadius",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "headerSeparatorColor",
               "type": {
                 "text": "string"
               },
               "default": "\"border-light\"",
               "description": "Color for the header separator. Default: `\"border-light\"`.",
-              "fieldName": "headerSeparatorColor"
+              "attribute": "headerSeparatorColor"
             },
             {
+              "kind": "field",
               "name": "footerBg",
               "type": {
                 "text": "string"
               },
               "default": "\"transparent\"",
               "description": "Background color of the footer. Default: `\"transparent\"`.",
-              "fieldName": "footerBg"
+              "attribute": "footerBg",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "footerBlur",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Blur level for the footer background. Default: `\"none\"`.",
-              "fieldName": "footerBlur"
+              "attribute": "footerBlur",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "footerPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Padding for the footer. Default: `\"md\"`.",
-              "fieldName": "footerPadding"
+              "attribute": "footerPadding",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "footerLayout",
               "type": {
                 "text": "SkyCardSectionLayout"
               },
               "default": "\"inline\"",
               "description": "Layout of the footer content. Default: `\"inline\"`.",
-              "fieldName": "footerLayout"
+              "attribute": "footerLayout"
             },
             {
+              "kind": "field",
               "name": "footerInsetGap",
               "type": {
                 "text": "string"
               },
               "default": "\"sm\"",
               "description": "Inset gap for the footer section. Default: `\"sm\"`.",
-              "fieldName": "footerInsetGap"
+              "attribute": "footerInsetGap",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "footerRadius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Border radius for the footer. Default: `\"md\"`.",
-              "fieldName": "footerRadius"
+              "attribute": "footerRadius",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "footerSeparatorColor",
               "type": {
                 "text": "string"
               },
               "default": "\"border-light\"",
               "description": "Color for the footer separator. Default: `\"border-light\"`.",
-              "fieldName": "footerSeparatorColor"
+              "attribute": "footerSeparatorColor"
             },
             {
+              "kind": "field",
               "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"
-            },
-            {
-              "name": "insets",
-              "type": {
-                "text": "SkyCardSectionTarget"
-              },
-              "default": "\"none\"",
-              "description": "Determines where insets should appear. Default: `\"none\"`.",
-              "fieldName": "insets"
-            },
-            {
-              "name": "preset",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
-              "fieldName": "preset"
-            }
-          ],
-          "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-badge/sky-badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SkyBadge",
-          "cssParts": [
-            {
-              "description": "Wrapper around the slotted content and the badge.",
-              "name": "container"
-            },
-            {
-              "description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
-              "name": "badge"
-            },
-            {
-              "description": "The icon element when `isIcon` is true.",
-              "name": "icon"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The content the badge attaches to.",
-              "name": ""
-            },
-            {
-              "description": "Optional slot to override the badge content entirely.",
-              "name": "badge"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "Record<string, CustomElementConstructor>"
-              },
-              "static": true,
-              "default": "{ \"sky-icon\": SkyIcon, }"
-            },
-            {
-              "kind": "field",
-              "name": "statusColor",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"success\"",
-              "description": "Badge background token or CSS color.",
-              "attribute": "statusColor",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "textColor",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"default\"",
-              "description": "Text color token or CSS color.",
-              "attribute": "textColor",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "iconColor",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
-              "attribute": "iconColor",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "SkyBadgePosition"
-              },
-              "default": "\"default\"",
-              "description": "Layout mode: `default | floating | inline`.",
-              "attribute": "position",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Badge text/count or icon name in icon mode.",
-              "attribute": "value"
+              },
+              "default": "1",
+              "description": "Ratio to adjust padding. Default: `1`.",
+              "attribute": "padRatio"
             },
             {
               "kind": "field",
-              "name": "isIcon",
+              "name": "separators",
               "type": {
-                "text": "boolean"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "false",
-              "description": "Renders icon mode when true.",
-              "attribute": "isIcon",
-              "reflects": true
+              "default": "\"none\"",
+              "description": "Determines where separators should appear. Default: `\"none\"`.",
+              "attribute": "separators"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "overlays",
               "type": {
-                "text": "string"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "\"\"",
-              "description": "Badge and icon size CSS length.",
-              "attribute": "size",
-              "reflects": true
+              "default": "\"none\"",
+              "description": "Determines where overlays should appear. Default: `\"none\"`.",
+              "attribute": "overlays"
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "insets",
               "type": {
-                "text": "SkyBadgeShape"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "\"custom\"",
-              "description": "Badge shape: `circle | pill | custom`.",
-              "attribute": "shape",
-              "reflects": true
+              "default": "\"none\"",
+              "description": "Determines where insets should appear. Default: `\"none\"`.",
+              "attribute": "insets"
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "_effHeaderSeparator",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "99",
-              "description": "Maximum numeric count before rendering overflow label.",
-              "attribute": "max"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "hideWhenZero",
+              "name": "_effFooterSeparator",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Hides badge when value resolves to numeric zero.",
-              "attribute": "hideWhenZero"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "show",
+              "name": "_effHeaderOverlay",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Forces badge visibility independent of value.",
-              "attribute": "show",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "offsetX",
+              "name": "_effFooterOverlay",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"0px\"",
-              "description": "Horizontal offset CSS length.",
-              "attribute": "offsetX"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "offsetY",
+              "name": "_effHeaderInset",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"0px\"",
-              "description": "Vertical offset CSS length.",
-              "attribute": "offsetY"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "ring",
+              "name": "_effFooterInset",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Enables visual ring around the badge.",
-              "attribute": "ring"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "ringColor",
+              "name": "_varsCache",
               "type": {
-                "text": "string"
+                "text": "Record<string, string>"
               },
-              "default": "\"primary\"",
-              "description": "Ring color token or CSS color.",
-              "attribute": "ringColor"
+              "privacy": "private",
+              "default": "{}"
             },
             {
               "kind": "field",
-              "name": "ringOffset",
+              "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": "string"
-              },
-              "default": "\"1px\"",
-              "description": "Ring offset CSS length.",
-              "attribute": "ringOffset"
+                "text": "{\r\n    primary: \"var(--sky-glass-primary)\",\r\n    secondary: \"var(--sky-glass-secondary)\",\r\n    tertiary: \"var(--sky-glass-tertiary)\",\r\n    transparent: \"transparent\",\r\n  }"
+              }
             },
             {
               "kind": "field",
-              "name": "badgeLabel",
+              "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": "string | null"
-              },
-              "default": "null",
-              "description": "ARIA label override.",
-              "attribute": "badgeLabel"
+                "text": "{\r\n    none: \"none\",\r\n    xs: \"blur(2px)\",\r\n    sm: \"var(--sky-blur-secondary)\",\r\n    md: \"var(--sky-blur-secondary)\",\r\n    lg: \"var(--sky-blur-tertiary)\",\r\n  }"
+              }
             },
             {
               "kind": "field",
-              "name": "badgeAriaHidden",
+              "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": "boolean"
-              },
-              "default": "false",
-              "description": "Hides badge from assistive technology when true.",
-              "attribute": "badgeAriaHidden"
+                "text": "{\r\n    none: \"0\",\r\n    sm: \"var(--sky-space-1\\\\.5, 6px)\",\r\n    md: \"var(--sky-space-4, 16px)\",\r\n    lg: \"var(--sky-space-6, 24px)\",\r\n    xl: \"var(--sky-space-8, 32px)\",\r\n  }"
+              }
             },
             {
               "kind": "field",
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables focus/activation and `badge-click` emission.",
-              "attribute": "interactive"
+              "name": "GLASS_BG_TIERS",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
             },
             {
               "kind": "field",
-              "name": "placement",
+              "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": "SkyBadgePlacement"
+                "text": "{\r\n    primary: \"var(--sky-hover-primary)\",\r\n    secondary: \"var(--sky-hover-secondary)\",\r\n    tertiary: \"var(--sky-hover-tertiary)\",\r\n    transparent: \"transparent\",\r\n  }"
               },
-              "default": "\"custom\"",
-              "description": "Anchor placement preset for badge positioning.",
-              "attribute": "placement",
-              "reflects": true
+              "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
+            },
+            {
+              "kind": "method",
+              "name": "_composeBackdrop",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "blurLevel",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_composeElevation",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "level",
+                  "type": {
+                    "text": "SkyCardElevation | string"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -2717,321 +2894,402 @@
               "default": "new PresetController(this)"
             },
             {
-              "kind": "field",
-              "name": "_badgeEl",
-              "type": {
-                "text": "HTMLSpanElement"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "_wireSlotChangeHandlers",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "badgeRef",
-              "privacy": "public",
-              "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
+              "kind": "method",
+              "name": "_syncHeader",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "ShadowRootInit"
-              },
-              "static": true,
-              "default": "{ mode: \"open\", delegatesFocus: true, }"
+              "kind": "method",
+              "name": "_syncFooter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "showBadge",
-              "privacy": "public",
+              "name": "_expandPair",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "[boolean, boolean]"
                 }
               },
-              "description": "Forces badge visibility on."
+              "parameters": [
+                {
+                  "name": "sh",
+                  "type": {
+                    "text": "SkyCardSectionTarget"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "hideBadge",
-              "privacy": "public",
+              "name": "_computeEffectiveFlags",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "description": "Forces badge visibility off."
+              }
             },
             {
               "kind": "method",
-              "name": "setValue",
-              "privacy": "public",
+              "name": "_setVar",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
               "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
                 {
                   "name": "value",
                   "type": {
                     "text": "string"
-                  },
-                  "description": "Badge value or icon name."
+                  }
                 }
-              ],
-              "description": "Updates badge value for text/count or icon modes."
-            },
-            {
-              "kind": "field",
-              "name": "_onActivate",
-              "privacy": "private",
-              "description": "Emits `badge-click` for interactive activation."
-            },
-            {
-              "kind": "field",
-              "name": "_onKeydown",
-              "privacy": "private",
-              "description": "Handles keyboard activation with Enter and Space."
+              ]
             },
             {
               "kind": "method",
-              "name": "_computeAriaLabel",
+              "name": "_resolveSectionBg",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string | null"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "displayValue",
+                  "name": "token",
                   "type": {
-                    "text": "string | null"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "isInset",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "isOverlay",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
-              ],
-              "description": "Computes accessible badge label from current render state."
+              ]
             },
             {
               "kind": "method",
-              "name": "_computeAnchors",
+              "name": "_resolveSectionGlassSurface",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{\r\n    top: string;\r\n    right: string;\r\n    bottom: string;\r\n    left: string;\r\n  }"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "placement",
+                  "name": "token",
                   "type": {
-                    "text": "SkyBadgePlacement"
+                    "text": "string"
                   }
                 }
-              ],
-              "description": "Resolves anchor edges from placement preset."
+              ]
             },
             {
               "kind": "method",
-              "name": "_resolveBadgeSurface",
+              "name": "_applyCardVars",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{\r\n    bg: string;\r\n    color: string;\r\n    border: string;\r\n  }"
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_applyPaddingVars",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_applySectionChrome",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "refreshLayout",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
-              "description": "Maps semantic status tokens to soft badge surface colors."
+              "description": "Recomputes card variables and section synchronization."
             }
           ],
-          "events": [
+          "attributes": [
             {
+              "name": "bg",
               "type": {
-                "text": "CustomEvent<SkyBadgeClickEventDetail>"
+                "text": "string"
               },
-              "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
-              "name": "badge-click"
-            }
-          ],
-          "attributes": [
+              "default": "\"primary\"",
+              "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
+              "fieldName": "bg"
+            },
             {
-              "name": "statusColor",
+              "name": "blurLevel",
               "type": {
                 "text": "string"
               },
-              "default": "\"success\"",
-              "description": "Badge background token or CSS color.",
-              "fieldName": "statusColor"
+              "default": "\"none\"",
+              "description": "Level of blur applied to the background. Default: `\"none\"`.",
+              "fieldName": "blurLevel"
             },
             {
-              "name": "textColor",
+              "name": "radius",
               "type": {
                 "text": "string"
               },
-              "default": "\"default\"",
-              "description": "Text color token or CSS color.",
-              "fieldName": "textColor"
+              "default": "\"md\"",
+              "description": "Border radius of the card. Default: `\"md\"`.",
+              "fieldName": "radius"
             },
             {
-              "name": "iconColor",
+              "name": "bodyPadding",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
-              "fieldName": "iconColor"
+              "default": "\"none\"",
+              "description": "Padding for the card body. Default: `\"none\"`.",
+              "fieldName": "bodyPadding"
             },
             {
-              "name": "position",
+              "name": "elevation",
               "type": {
-                "text": "SkyBadgePosition"
+                "text": "SkyCardElevation"
               },
-              "default": "\"default\"",
-              "description": "Layout mode: `default | floating | inline`.",
-              "fieldName": "position"
+              "default": "\"md\"",
+              "description": "Shadow depth of the card. Default: `\"md\"`.",
+              "fieldName": "elevation"
             },
             {
-              "name": "value",
+              "name": "outlined",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "Badge text/count or icon name in icon mode.",
-              "fieldName": "value"
+              "default": "false",
+              "description": "Whether the card has an outline. Default: `false`.",
+              "fieldName": "outlined"
             },
             {
-              "name": "isIcon",
+              "name": "clickable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Renders icon mode when true.",
-              "fieldName": "isIcon"
+              "description": "Whether the card is clickable. Default: `false`.",
+              "fieldName": "clickable"
             },
             {
-              "name": "size",
+              "name": "headerBg",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Badge and icon size CSS length.",
-              "fieldName": "size"
+              "default": "\"transparent\"",
+              "description": "Background color of the header. Default: `\"transparent\"`.",
+              "fieldName": "headerBg"
             },
             {
-              "name": "shape",
+              "name": "headerBlur",
               "type": {
-                "text": "SkyBadgeShape"
+                "text": "string"
               },
-              "default": "\"custom\"",
-              "description": "Badge shape: `circle | pill | custom`.",
-              "fieldName": "shape"
+              "default": "\"none\"",
+              "description": "Blur level for the header background. Default: `\"none\"`.",
+              "fieldName": "headerBlur"
             },
             {
-              "name": "max",
+              "name": "headerPadding",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "99",
-              "description": "Maximum numeric count before rendering overflow label.",
-              "fieldName": "max"
+              "default": "\"md\"",
+              "description": "Padding for the header. Default: `\"md\"`.",
+              "fieldName": "headerPadding"
             },
             {
-              "name": "hideWhenZero",
+              "name": "headerLayout",
               "type": {
-                "text": "boolean"
+                "text": "SkyCardSectionLayout"
               },
-              "default": "false",
-              "description": "Hides badge when value resolves to numeric zero.",
-              "fieldName": "hideWhenZero"
+              "default": "\"inline\"",
+              "description": "Layout of the header content. Default: `\"inline\"`.",
+              "fieldName": "headerLayout"
             },
             {
-              "name": "show",
+              "name": "headerInsetGap",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Forces badge visibility independent of value.",
-              "fieldName": "show"
+              "default": "\"sm\"",
+              "description": "Inset gap for the header section. Default: `\"sm\"`.",
+              "fieldName": "headerInsetGap"
             },
             {
-              "name": "offsetX",
+              "name": "headerRadius",
               "type": {
                 "text": "string"
               },
-              "default": "\"0px\"",
-              "description": "Horizontal offset CSS length.",
-              "fieldName": "offsetX"
+              "default": "\"md\"",
+              "description": "Border radius for the header. Default: `\"md\"`.",
+              "fieldName": "headerRadius"
+            },
+            {
+              "name": "headerSeparatorColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"border-light\"",
+              "description": "Color for the header separator. Default: `\"border-light\"`.",
+              "fieldName": "headerSeparatorColor"
+            },
+            {
+              "name": "footerBg",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"transparent\"",
+              "description": "Background color of the footer. Default: `\"transparent\"`.",
+              "fieldName": "footerBg"
+            },
+            {
+              "name": "footerBlur",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"none\"",
+              "description": "Blur level for the footer background. Default: `\"none\"`.",
+              "fieldName": "footerBlur"
+            },
+            {
+              "name": "footerPadding",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Padding for the footer. Default: `\"md\"`.",
+              "fieldName": "footerPadding"
             },
             {
-              "name": "offsetY",
+              "name": "footerLayout",
               "type": {
-                "text": "string"
+                "text": "SkyCardSectionLayout"
               },
-              "default": "\"0px\"",
-              "description": "Vertical offset CSS length.",
-              "fieldName": "offsetY"
+              "default": "\"inline\"",
+              "description": "Layout of the footer content. Default: `\"inline\"`.",
+              "fieldName": "footerLayout"
             },
             {
-              "name": "ring",
+              "name": "footerInsetGap",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Enables visual ring around the badge.",
-              "fieldName": "ring"
+              "default": "\"sm\"",
+              "description": "Inset gap for the footer section. Default: `\"sm\"`.",
+              "fieldName": "footerInsetGap"
             },
             {
-              "name": "ringColor",
+              "name": "footerRadius",
               "type": {
                 "text": "string"
               },
-              "default": "\"primary\"",
-              "description": "Ring color token or CSS color.",
-              "fieldName": "ringColor"
+              "default": "\"md\"",
+              "description": "Border radius for the footer. Default: `\"md\"`.",
+              "fieldName": "footerRadius"
             },
             {
-              "name": "ringOffset",
+              "name": "footerSeparatorColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"1px\"",
-              "description": "Ring offset CSS length.",
-              "fieldName": "ringOffset"
+              "default": "\"border-light\"",
+              "description": "Color for the footer separator. Default: `\"border-light\"`.",
+              "fieldName": "footerSeparatorColor"
             },
             {
-              "name": "badgeLabel",
+              "name": "padRatio",
               "type": {
-                "text": "string | null"
+                "text": "number"
               },
-              "default": "null",
-              "description": "ARIA label override.",
-              "fieldName": "badgeLabel"
+              "default": "1",
+              "description": "Ratio to adjust padding. Default: `1`.",
+              "fieldName": "padRatio"
             },
             {
-              "name": "badgeAriaHidden",
+              "name": "separators",
               "type": {
-                "text": "boolean"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "false",
-              "description": "Hides badge from assistive technology when true.",
-              "fieldName": "badgeAriaHidden"
+              "default": "\"none\"",
+              "description": "Determines where separators should appear. Default: `\"none\"`.",
+              "fieldName": "separators"
             },
             {
-              "name": "interactive",
+              "name": "overlays",
               "type": {
-                "text": "boolean"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "false",
-              "description": "Enables focus/activation and `badge-click` emission.",
-              "fieldName": "interactive"
+              "default": "\"none\"",
+              "description": "Determines where overlays should appear. Default: `\"none\"`.",
+              "fieldName": "overlays"
             },
             {
-              "name": "placement",
+              "name": "insets",
               "type": {
-                "text": "SkyBadgePlacement"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "\"custom\"",
-              "description": "Anchor placement preset for badge positioning.",
-              "fieldName": "placement"
+              "default": "\"none\"",
+              "description": "Determines where insets should appear. Default: `\"none\"`.",
+              "fieldName": "insets"
             },
             {
               "name": "preset",
@@ -3047,26 +3305,26 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sky-badge",
+          "tagName": "sky-card",
           "customElement": true,
-          "summary": "Badge for status dots, counts, or icons anchored to slotted content."
+          "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyBadge",
+          "name": "SkyCard",
           "declaration": {
-            "name": "SkyBadge",
-            "module": "src/sky-badge/sky-badge.ts"
+            "name": "SkyCard",
+            "module": "src/sky-card/sky-card.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-badge",
+          "name": "sky-card",
           "declaration": {
-            "name": "SkyBadge",
-            "module": "src/sky-badge/sky-badge.ts"
+            "name": "SkyCard",
+            "module": "src/sky-card/sky-card.ts"
           }
         }
       ]
@@ -3508,432 +3766,174 @@
               ]
             },
             {
-              "kind": "field",
-              "name": "_onSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_hasTextContent",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_onKeyDown",
-              "privacy": "private"
-            }
-          ],
-          "events": [
-            {
-              "name": "value-changed",
-              "type": {
-                "text": "CustomEvent<SkyCheckboxValueChangedDetail>"
-              },
-              "description": "Fired when checked state changes; `detail.checked` is always boolean (use for v-model). `detail.value` is the form token when the `value` prop is set, else mirrors `checked`."
-            },
-            {
-              "name": "validation-error",
-              "type": {
-                "text": "CustomEvent<SkyCheckboxValidationErrorDetail>"
-              },
-              "description": "Fired when validation errors are updated."
-            },
-            {
-              "name": "value-cleared",
-              "type": {
-                "text": "CustomEvent<SkyCheckboxValueClearedDetail>"
-              },
-              "description": "Fired when checkbox is reset programmatically."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The label for the checkbox. Default: `\"\"`.",
-              "fieldName": "label"
-            },
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "fieldName": "id"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The value of the checkbox, which gets submitted with the form. Default: `\"\"`.",
-              "fieldName": "value"
-            },
-            {
-              "name": "color",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"primary\"",
-              "description": "The color used for the checkbox and its checkmark. Default: `\"primary\"`.",
-              "fieldName": "color"
-            },
-            {
-              "name": "defaultChecked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Default checked state for reset operations. Default: `false`.",
-              "fieldName": "defaultChecked"
-            },
-            {
-              "name": "showErrors",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to display validation error messages. Default: `false`.",
-              "fieldName": "showErrors"
-            },
-            {
-              "name": "prefix",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Optional prefix text or content before the label. Default: `\"\"`.",
-              "fieldName": "prefix"
-            },
-            {
-              "name": "suffix",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Optional suffix text or content after the label. Default: `\"\"`.",
-              "fieldName": "suffix"
-            },
-            {
-              "name": "prefixColor",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The color for the prefix text. Default: `\"\"`.",
-              "fieldName": "prefixColor"
-            },
-            {
-              "name": "suffixColor",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The color for the suffix text. Default: `\"\"`.",
-              "fieldName": "suffixColor"
-            },
-            {
-              "name": "validationActive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "validationActive"
-            },
-            {
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "invalid"
-            },
-            {
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether the checkbox is checked. Default: `false`.",
-              "fieldName": "checked"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether the checkbox is in the indeterminate state. Default: `false`.",
-              "fieldName": "indeterminate"
+              "kind": "field",
+              "name": "_onSlotChange",
+              "privacy": "private"
             },
             {
-              "name": "preset",
+              "kind": "field",
+              "name": "_hasTextContent",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
-              "fieldName": "preset"
-            }
-          ],
-          "superclass": {
-            "name": "FormControlBase",
-            "module": "/src/helper/internals/form-control-base"
-          },
-          "tagName": "sky-checkbox",
-          "customElement": true,
-          "summary": "Form-associated checkbox with validation, indeterminate state, and customizable label/prefix/suffix rendering."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkyCheckbox",
-          "declaration": {
-            "name": "SkyCheckbox",
-            "module": "src/sky-checkbox/sky-checkbox.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sky-checkbox",
-          "declaration": {
-            "name": "SkyCheckbox",
-            "module": "src/sky-checkbox/sky-checkbox.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/sky-appbar/sky-appbar.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SkyAppbar",
-          "cssParts": [
-            {
-              "description": "Wrapper that contains the leading slot, title, and actions.",
-              "name": "content"
-            },
-            {
-              "description": "Container for the leading slot (e.g. menu button).",
-              "name": "leading"
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "The title area (contains .title-text with the title string).",
-              "name": "title"
+              "kind": "field",
+              "name": "handleBlur",
+              "privacy": "private"
             },
             {
-              "description": "The trailing actions container.",
-              "name": "actions"
+              "kind": "field",
+              "name": "_onKeyDown",
+              "privacy": "private"
             }
           ],
-          "slots": [
+          "events": [
             {
-              "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
-              "name": "button"
+              "name": "value-changed",
+              "type": {
+                "text": "CustomEvent<SkyCheckboxValueChangedDetail>"
+              },
+              "description": "Fired when checked state changes; `detail.checked` is always boolean (use for v-model). `detail.value` is the form token when the `value` prop is set, else mirrors `checked`."
             },
             {
-              "description": "Trailing actions (icons/buttons). This is the default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
+              "name": "validation-error",
               "type": {
-                "text": "Record<string, CustomElementConstructor>"
+                "text": "CustomEvent<SkyCheckboxValidationErrorDetail>"
               },
-              "static": true,
-              "default": "{ \"sky-icon\": SkyIcon, }"
+              "description": "Fired when validation errors are updated."
             },
             {
-              "kind": "field",
-              "name": "title",
+              "name": "value-cleared",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<SkyCheckboxValueClearedDetail>"
               },
-              "default": "\"App Bar\"",
-              "description": "Title text displayed in the app bar.",
-              "attribute": "title"
-            },
+              "description": "Fired when checkbox is reset programmatically."
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "color",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "\"default\"",
-              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
-              "attribute": "color"
+              "default": "\"\"",
+              "description": "The label for the checkbox. Default: `\"\"`.",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "url",
+              "name": "id",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Background image URL.",
-              "attribute": "url"
+              "fieldName": "id"
             },
             {
-              "kind": "field",
-              "name": "banner",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
-              "attribute": "banner"
+              "default": "\"\"",
+              "description": "The value of the checkbox, which gets submitted with the form. Default: `\"\"`.",
+              "fieldName": "value"
             },
             {
-              "kind": "field",
-              "name": "dense",
+              "name": "color",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Enables compact vertical spacing.",
-              "attribute": "dense"
+              "default": "\"primary\"",
+              "description": "The color used for the checkbox and its checkmark. Default: `\"primary\"`.",
+              "fieldName": "color"
             },
             {
-              "kind": "field",
-              "name": "elevated",
+              "name": "defaultChecked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Applies elevated shadow styling.",
-              "attribute": "elevated"
+              "description": "Default checked state for reset operations. Default: `false`.",
+              "fieldName": "defaultChecked"
             },
             {
-              "kind": "field",
-              "name": "leadingLabel",
+              "name": "showErrors",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"Open menu\"",
-              "description": "Accessible label for default leading button fallback.",
-              "attribute": "leadingLabel"
+              "default": "false",
+              "description": "Whether to display validation error messages. Default: `false`.",
+              "fieldName": "showErrors"
             },
             {
-              "kind": "field",
-              "name": "preset",
+              "name": "prefix",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
-              "attribute": "preset",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_presets",
-              "privacy": "private",
-              "default": "new PresetController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "_applyColorSurface",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Applies glass vs solid surface tokens from `color`."
+              "description": "Optional prefix text or content before the label. Default: `\"\"`.",
+              "fieldName": "prefix"
             },
             {
-              "kind": "method",
-              "name": "_applyBackgroundImage",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Sets background image CSS variable from `url`."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
+              "name": "suffix",
               "type": {
                 "text": "string"
               },
-              "default": "\"App Bar\"",
-              "description": "Title text displayed in the app bar.",
-              "fieldName": "title"
+              "default": "\"\"",
+              "description": "Optional suffix text or content after the label. Default: `\"\"`.",
+              "fieldName": "suffix"
             },
             {
-              "name": "color",
+              "name": "prefixColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"default\"",
-              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
-              "fieldName": "color"
+              "default": "\"\"",
+              "description": "The color for the prefix text. Default: `\"\"`.",
+              "fieldName": "prefixColor"
             },
             {
-              "name": "url",
+              "name": "suffixColor",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Background image URL.",
-              "fieldName": "url"
+              "description": "The color for the suffix text. Default: `\"\"`.",
+              "fieldName": "suffixColor"
             },
             {
-              "name": "banner",
+              "name": "validationActive",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
-              "fieldName": "banner"
+              "default": "false",
+              "fieldName": "validationActive"
             },
             {
-              "name": "dense",
+              "name": "invalid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables compact vertical spacing.",
-              "fieldName": "dense"
+              "fieldName": "invalid"
             },
             {
-              "name": "elevated",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Applies elevated shadow styling.",
-              "fieldName": "elevated"
+              "description": "Whether the checkbox is checked. Default: `false`.",
+              "fieldName": "checked"
             },
             {
-              "name": "leadingLabel",
+              "name": "indeterminate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"Open menu\"",
-              "description": "Accessible label for default leading button fallback.",
-              "fieldName": "leadingLabel"
+              "description": "Whether the checkbox is in the indeterminate state. Default: `false`.",
+              "fieldName": "indeterminate"
             },
             {
               "name": "preset",
@@ -3946,29 +3946,29 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "FormControlBase",
+            "module": "/src/helper/internals/form-control-base"
           },
-          "tagName": "sky-appbar",
+          "tagName": "sky-checkbox",
           "customElement": true,
-          "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
+          "summary": "Form-associated checkbox with validation, indeterminate state, and customizable label/prefix/suffix rendering."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyAppbar",
+          "name": "SkyCheckbox",
           "declaration": {
-            "name": "SkyAppbar",
-            "module": "src/sky-appbar/sky-appbar.ts"
+            "name": "SkyCheckbox",
+            "module": "src/sky-checkbox/sky-checkbox.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-appbar",
+          "name": "sky-checkbox",
           "declaration": {
-            "name": "SkyAppbar",
-            "module": "src/sky-appbar/sky-appbar.ts"
+            "name": "SkyCheckbox",
+            "module": "src/sky-checkbox/sky-checkbox.ts"
           }
         }
       ]
@@ -7312,34 +7312,266 @@
             "name": "FormControlBase",
             "module": "/src/helper/internals/form-control-base"
           },
-          "tagName": "sky-combobox",
+          "tagName": "sky-combobox",
+          "customElement": true,
+          "summary": "Interactive combobox with single/multi select, search, chips, validation, and popover-based option selection."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "COMBOBOX_RENDERERS_STATE_KEY",
+          "declaration": {
+            "name": "COMBOBOX_RENDERERS_STATE_KEY",
+            "module": "src/sky-combobox/sky-combobox.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkyCombobox",
+          "declaration": {
+            "name": "SkyCombobox",
+            "module": "src/sky-combobox/sky-combobox.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sky-combobox",
+          "declaration": {
+            "name": "SkyCombobox",
+            "module": "src/sky-combobox/sky-combobox.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/sky-divider/sky-divider.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SkyDivider",
+          "cssProperties": [
+            {
+              "description": "CSS custom property for divider color.",
+              "name": "--divider-color"
+            },
+            {
+              "description": "CSS custom property for divider thickness.",
+              "name": "--divider-thickness"
+            },
+            {
+              "description": "CSS custom property for divider margin.",
+              "name": "--divider-margin"
+            },
+            {
+              "description": "CSS custom property for vertical divider height.",
+              "name": "--divider-height"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The divider line element (either `<hr>` or `<div>` depending on direction).",
+              "name": "divider"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"muted\"",
+              "description": "Divider color token or CSS color.",
+              "privacy": "public",
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "thickness",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"1px\"",
+              "description": "Divider thickness (for example `1px` or `2px`).",
+              "privacy": "public",
+              "attribute": "thickness"
+            },
+            {
+              "kind": "field",
+              "name": "margin",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Outer margin around the divider.",
+              "privacy": "public",
+              "attribute": "margin"
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "SkyDividerDirection"
+              },
+              "default": "\"horizontal\"",
+              "description": "Divider orientation.",
+              "privacy": "public",
+              "attribute": "direction"
+            },
+            {
+              "kind": "field",
+              "name": "inset",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables indented divider layout.",
+              "privacy": "public",
+              "attribute": "inset"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"100%\"",
+              "description": "Height used for vertical orientation.",
+              "privacy": "public",
+              "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "attribute": "preset",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_presets",
+              "privacy": "private",
+              "default": "new PresetController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "getComputedColor",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Gets the current computed color of the divider."
+            },
+            {
+              "kind": "method",
+              "name": "getComputedThickness",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Gets the current computed thickness of the divider."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"muted\"",
+              "description": "Divider color token or CSS color.",
+              "fieldName": "color"
+            },
+            {
+              "name": "thickness",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"1px\"",
+              "description": "Divider thickness (for example `1px` or `2px`).",
+              "fieldName": "thickness"
+            },
+            {
+              "name": "margin",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Outer margin around the divider.",
+              "fieldName": "margin"
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "SkyDividerDirection"
+              },
+              "default": "\"horizontal\"",
+              "description": "Divider orientation.",
+              "fieldName": "direction"
+            },
+            {
+              "name": "inset",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables indented divider layout.",
+              "fieldName": "inset"
+            },
+            {
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"100%\"",
+              "description": "Height used for vertical orientation.",
+              "fieldName": "height"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sky-divider",
           "customElement": true,
-          "summary": "Interactive combobox with single/multi select, search, chips, validation, and popover-based option selection."
+          "summary": "Visual separator component for horizontal and vertical layout separation."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "COMBOBOX_RENDERERS_STATE_KEY",
-          "declaration": {
-            "name": "COMBOBOX_RENDERERS_STATE_KEY",
-            "module": "src/sky-combobox/sky-combobox.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkyCombobox",
+          "name": "SkyDivider",
           "declaration": {
-            "name": "SkyCombobox",
-            "module": "src/sky-combobox/sky-combobox.ts"
+            "name": "SkyDivider",
+            "module": "src/sky-divider/sky-divider.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-combobox",
+          "name": "sky-divider",
           "declaration": {
-            "name": "SkyCombobox",
-            "module": "src/sky-combobox/sky-combobox.ts"
+            "name": "SkyDivider",
+            "module": "src/sky-divider/sky-divider.ts"
           }
         }
       ]
@@ -7907,314 +8139,82 @@
               "name": "overlay",
               "type": {
                 "text": "boolean"
-              },
-              "default": "false",
-              "description": "Applies dim/blur backdrop effect.",
-              "fieldName": "overlay"
-            },
-            {
-              "name": "width",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"auto\"",
-              "description": "Max width of the dialog surface.",
-              "fieldName": "width"
-            },
-            {
-              "name": "separator",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows separators around header/footer regions.",
-              "fieldName": "separator"
-            },
-            {
-              "name": "persistent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Prevents outside/Escape close and highlights surface instead.",
-              "fieldName": "persistent"
-            },
-            {
-              "name": "closeOnEsc",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables close intent on Escape key.",
-              "fieldName": "closeOnEsc"
-            },
-            {
-              "name": "headerPadding",
-              "type": {
-                "text": "SkyDialogPadding"
-              },
-              "default": "\"sm\"",
-              "description": "Header padding token.",
-              "fieldName": "headerPadding"
-            },
-            {
-              "name": "bodyPadding",
-              "type": {
-                "text": "SkyDialogPadding"
-              },
-              "default": "\"sm\"",
-              "description": "Body padding token.",
-              "fieldName": "bodyPadding"
-            },
-            {
-              "name": "footerPadding",
-              "type": {
-                "text": "SkyDialogPadding"
-              },
-              "default": "\"sm\"",
-              "description": "Footer padding token.",
-              "fieldName": "footerPadding"
-            },
-            {
-              "name": "highlightOnOutsideClick",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enables highlight animation on rejected outside click.",
-              "fieldName": "highlightOnOutsideClick"
-            },
-            {
-              "name": "preset",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
-              "fieldName": "preset"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sky-dialog",
-          "customElement": true,
-          "summary": "Accessible modal dialog built on native `<dialog>` with controlled open state, slots, and keyboard/backdrop handling."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkyDialog",
-          "declaration": {
-            "name": "SkyDialog",
-            "module": "src/sky-dialog/sky-dialog.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sky-dialog",
-          "declaration": {
-            "name": "SkyDialog",
-            "module": "src/sky-dialog/sky-dialog.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/sky-divider/sky-divider.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SkyDivider",
-          "cssProperties": [
-            {
-              "description": "CSS custom property for divider color.",
-              "name": "--divider-color"
-            },
-            {
-              "description": "CSS custom property for divider thickness.",
-              "name": "--divider-thickness"
-            },
-            {
-              "description": "CSS custom property for divider margin.",
-              "name": "--divider-margin"
-            },
-            {
-              "description": "CSS custom property for vertical divider height.",
-              "name": "--divider-height"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The divider line element (either `<hr>` or `<div>` depending on direction).",
-              "name": "divider"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"muted\"",
-              "description": "Divider color token or CSS color.",
-              "privacy": "public",
-              "attribute": "color"
-            },
-            {
-              "kind": "field",
-              "name": "thickness",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"1px\"",
-              "description": "Divider thickness (for example `1px` or `2px`).",
-              "privacy": "public",
-              "attribute": "thickness"
-            },
-            {
-              "kind": "field",
-              "name": "margin",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Outer margin around the divider.",
-              "privacy": "public",
-              "attribute": "margin"
-            },
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "SkyDividerDirection"
-              },
-              "default": "\"horizontal\"",
-              "description": "Divider orientation.",
-              "privacy": "public",
-              "attribute": "direction"
-            },
-            {
-              "kind": "field",
-              "name": "inset",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enables indented divider layout.",
-              "privacy": "public",
-              "attribute": "inset"
-            },
-            {
-              "kind": "field",
-              "name": "height",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"100%\"",
-              "description": "Height used for vertical orientation.",
-              "privacy": "public",
-              "attribute": "height"
-            },
-            {
-              "kind": "field",
-              "name": "preset",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
-              "attribute": "preset",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_presets",
-              "privacy": "private",
-              "default": "new PresetController(this)"
+              },
+              "default": "false",
+              "description": "Applies dim/blur backdrop effect.",
+              "fieldName": "overlay"
             },
             {
-              "kind": "method",
-              "name": "getComputedColor",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "name": "width",
+              "type": {
+                "text": "string"
               },
-              "description": "Gets the current computed color of the divider."
+              "default": "\"auto\"",
+              "description": "Max width of the dialog surface.",
+              "fieldName": "width"
             },
             {
-              "kind": "method",
-              "name": "getComputedThickness",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "name": "separator",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Gets the current computed thickness of the divider."
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "description": "Shows separators around header/footer regions.",
+              "fieldName": "separator"
+            },
             {
-              "name": "color",
+              "name": "persistent",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"muted\"",
-              "description": "Divider color token or CSS color.",
-              "fieldName": "color"
+              "default": "false",
+              "description": "Prevents outside/Escape close and highlights surface instead.",
+              "fieldName": "persistent"
             },
             {
-              "name": "thickness",
+              "name": "closeOnEsc",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"1px\"",
-              "description": "Divider thickness (for example `1px` or `2px`).",
-              "fieldName": "thickness"
+              "default": "false",
+              "description": "Enables close intent on Escape key.",
+              "fieldName": "closeOnEsc"
             },
             {
-              "name": "margin",
+              "name": "headerPadding",
               "type": {
-                "text": "string"
+                "text": "SkyDialogPadding"
               },
-              "default": "\"\"",
-              "description": "Outer margin around the divider.",
-              "fieldName": "margin"
+              "default": "\"sm\"",
+              "description": "Header padding token.",
+              "fieldName": "headerPadding"
             },
             {
-              "name": "direction",
+              "name": "bodyPadding",
               "type": {
-                "text": "SkyDividerDirection"
+                "text": "SkyDialogPadding"
               },
-              "default": "\"horizontal\"",
-              "description": "Divider orientation.",
-              "fieldName": "direction"
+              "default": "\"sm\"",
+              "description": "Body padding token.",
+              "fieldName": "bodyPadding"
             },
             {
-              "name": "inset",
+              "name": "footerPadding",
               "type": {
-                "text": "boolean"
+                "text": "SkyDialogPadding"
               },
-              "default": "false",
-              "description": "Enables indented divider layout.",
-              "fieldName": "inset"
+              "default": "\"sm\"",
+              "description": "Footer padding token.",
+              "fieldName": "footerPadding"
             },
             {
-              "name": "height",
+              "name": "highlightOnOutsideClick",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"100%\"",
-              "description": "Height used for vertical orientation.",
-              "fieldName": "height"
+              "default": "true",
+              "description": "Enables highlight animation on rejected outside click.",
+              "fieldName": "highlightOnOutsideClick"
             },
             {
               "name": "preset",
@@ -8230,26 +8230,26 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sky-divider",
+          "tagName": "sky-dialog",
           "customElement": true,
-          "summary": "Visual separator component for horizontal and vertical layout separation."
+          "summary": "Accessible modal dialog built on native `<dialog>` with controlled open state, slots, and keyboard/backdrop handling."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyDivider",
+          "name": "SkyDialog",
           "declaration": {
-            "name": "SkyDivider",
-            "module": "src/sky-divider/sky-divider.ts"
+            "name": "SkyDialog",
+            "module": "src/sky-dialog/sky-dialog.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-divider",
+          "name": "sky-dialog",
           "declaration": {
-            "name": "SkyDivider",
-            "module": "src/sky-divider/sky-divider.ts"
+            "name": "SkyDialog",
+            "module": "src/sky-dialog/sky-dialog.ts"
           }
         }
       ]
@@ -13285,6 +13285,78 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/sky-row/sky-row.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SkyRow",
+          "slots": [
+            {
+              "description": "Default slot for child content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`.",
+              "attribute": "preset",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_presets",
+              "privacy": "private",
+              "default": "new PresetController(this)"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`.",
+              "fieldName": "preset"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sky-row",
+          "customElement": true,
+          "summary": "Lightweight semantic row wrapper for use inside `sky-grid`."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkyRow",
+          "declaration": {
+            "name": "SkyRow",
+            "module": "src/sky-row/sky-row.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sky-row",
+          "declaration": {
+            "name": "SkyRow",
+            "module": "src/sky-row/sky-row.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/sky-radio/sky-radio.ts",
@@ -13728,78 +13800,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/sky-row/sky-row.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SkyRow",
-          "slots": [
-            {
-              "description": "Default slot for child content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "preset",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Named prop preset from nearest `sky-config-provider`.",
-              "attribute": "preset",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_presets",
-              "privacy": "private",
-              "default": "new PresetController(this)"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "preset",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Named prop preset from nearest `sky-config-provider`.",
-              "fieldName": "preset"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sky-row",
-          "customElement": true,
-          "summary": "Lightweight semantic row wrapper for use inside `sky-grid`."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkyRow",
-          "declaration": {
-            "name": "SkyRow",
-            "module": "src/sky-row/sky-row.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sky-row",
-          "declaration": {
-            "name": "SkyRow",
-            "module": "src/sky-row/sky-row.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/sky-sheet/sky-sheet.ts",