@sky.ui/core 0.0.41 → 0.0.42

package/dist/custom-elements.json

@@ -221,6 +221,23 @@
               "default": "false",
               "description": "True when the actions slot has assigned content (used to show separator only when needed)."
             },
+            {
+              "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": "_resolveSize",
@@ -238,7 +255,16 @@
                   }
                 }
               ],
-              "description": "Resolves size to get padding, font sizes, and other metrics.\r\nResult is memoized by `size` to avoid recomputing when only color/variant/radius change."
+              "description": "Resolves size to get padding, font sizes, and other metrics.\nResult is memoized by `size` to avoid recomputing when only color/variant/radius change."
+            },
+            {
+              "kind": "field",
+              "name": "_lastPresetRevision",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1"
             },
             {
               "kind": "method",
@@ -421,6 +447,15 @@
               "default": "\"alert\"",
               "description": "ARIA role for the alert container.",
               "fieldName": "roleType"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -453,37 +488,33 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/sky-appbar/sky-appbar.ts",
+      "path": "src/sky-button/sky-button.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SkyAppbar",
+          "name": "SkyButton",
           "cssParts": [
             {
-              "description": "Wrapper that contains the leading slot, title, and actions.",
-              "name": "content"
+              "description": "The native `<button>` element.",
+              "name": "button"
             },
             {
-              "description": "Container for the leading slot (e.g. menu button).",
-              "name": "leading"
+              "description": "The optional left/right icons.",
+              "name": "icon"
             },
             {
-              "description": "The title area (contains .title-text with the title string).",
-              "name": "title"
+              "description": "Overlay displayed when loading.",
+              "name": "loading-overlay"
             },
             {
-              "description": "The trailing actions container.",
-              "name": "actions"
+              "description": "Spinner displayed when loading.",
+              "name": "spinner"
             }
           ],
           "slots": [
             {
-              "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.",
+              "description": "Default slot for the button label (replaces `label` property if used).",
               "name": ""
             }
           ],
@@ -499,13 +530,31 @@
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "formAssociated",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"App Bar\"",
-              "description": "Title text displayed in the app bar.",
-              "attribute": "title"
+              "static": true,
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "SkyButtonVariant"
+              },
+              "default": "\"solid\"",
+              "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -513,172 +562,560 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"default\"",
-              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
+              "default": "\"primary\"",
+              "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
               "attribute": "color"
             },
             {
               "kind": "field",
-              "name": "url",
+              "name": "type",
+              "type": {
+                "text": "SkyButtonType"
+              },
+              "default": "\"button\"",
+              "description": "Button type attribute. Default: `\"button\"`.",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "form",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Background image URL.",
-              "attribute": "url"
+              "description": "Associated form ID for custom submit handling.",
+              "attribute": "form"
             },
             {
               "kind": "field",
-              "name": "banner",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
-              "attribute": "banner"
+              "default": "\"md\"",
+              "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "dense",
+              "name": "radius",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
+              "attribute": "radius"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Button\"",
+              "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables compact vertical spacing.",
-              "attribute": "dense"
+              "description": "Whether the button is disabled. Default: `false`.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "elevated",
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Applies elevated shadow styling.",
-              "attribute": "elevated"
+              "description": "Shows a loading overlay when true. Default: `false`.",
+              "attribute": "loading",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "leadingLabel",
+              "name": "iconL",
               "type": {
                 "text": "string"
               },
-              "default": "\"Open menu\"",
-              "description": "Accessible label for default leading button fallback.",
-              "attribute": "leadingLabel"
+              "default": "\"\"",
+              "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
+              "attribute": "iconL"
             },
             {
-              "kind": "method",
-              "name": "_applyColorSurface",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "iconR",
+              "type": {
+                "text": "string"
               },
-              "description": "Applies glass vs solid surface tokens from `color`."
+              "default": "\"\"",
+              "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
+              "attribute": "iconR"
             },
             {
-              "kind": "method",
-              "name": "_applyBackgroundImage",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "iconOnly",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Sets background image CSS variable from `url`."
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
+              "attribute": "iconOnly",
+              "reflects": true
+            },
             {
-              "name": "title",
+              "kind": "field",
+              "name": "colors",
               "type": {
                 "text": "string"
               },
-              "default": "\"App Bar\"",
-              "description": "Title text displayed in the app bar.",
-              "fieldName": "title"
+              "default": "\"\"",
+              "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
+              "attribute": "colors"
             },
             {
-              "name": "color",
+              "kind": "field",
+              "name": "animation",
               "type": {
-                "text": "string"
+                "text": "SkyButtonAnimation"
               },
-              "default": "\"default\"",
-              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
-              "fieldName": "color"
+              "default": "\"auto\"",
+              "description": "Transform animation style. Default: `\"auto\"`.",
+              "attribute": "animation",
+              "reflects": true
             },
             {
-              "name": "url",
+              "kind": "field",
+              "name": "preset",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Background image URL.",
-              "fieldName": "url"
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "attribute": "preset",
+              "reflects": true
             },
             {
-              "name": "banner",
+              "kind": "field",
+              "name": "_hasMeaningfulSlot",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
-              "fieldName": "banner"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "dense",
+              "kind": "field",
+              "name": "_styleVars",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, string>"
               },
-              "default": "false",
-              "description": "Enables compact vertical spacing.",
-              "fieldName": "dense"
+              "privacy": "private",
+              "default": "{}",
+              "description": "Inline CSS variable cache."
             },
             {
-              "name": "elevated",
+              "kind": "field",
+              "name": "_presets",
+              "privacy": "private",
+              "default": "new PresetController(this, { isPaused: () => this.inGroup, onChange: () => { this._styleDirty = true; }, })"
+            },
+            {
+              "kind": "field",
+              "name": "_lastPresetRevision",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Applies elevated shadow styling.",
-              "fieldName": "elevated"
+              "privacy": "private",
+              "default": "-1"
             },
             {
-              "name": "leadingLabel",
+              "kind": "field",
+              "name": "_styleDirty",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"Open menu\"",
-              "description": "Accessible label for default leading button fallback.",
-              "fieldName": "leadingLabel"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
+              "privacy": "private",
+              "default": "true",
+              "description": "Set when presets change so `update()` rebuilds CSS vars after hostUpdate."
+            },
+            {
+              "kind": "method",
+              "name": "_slotHasMeaningfulContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slotEl",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_onSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_toSquarePadding",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "padding",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Uses vertical padding for equal sides (icon-only square control)."
+            },
+            {
+              "kind": "method",
+              "name": "_resolveSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    padding: string;\n    fontSize: string;\n    gap: string;\n    icon: string;\n    spinner: string;\n  }"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isThemeBorderShorthand",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "border",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ],
+              "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
+            },
+            {
+              "kind": "method",
+              "name": "_borderColorFromShorthand",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "border",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ],
+              "description": "Extracts the color token from a `Npx solid …` border shorthand."
+            },
+            {
+              "kind": "method",
+              "name": "_rebuildStyleVars",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "Map<string, unknown>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focusButton",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Focuses the internal native button."
+            },
+            {
+              "kind": "method",
+              "name": "clickButton",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Triggers a click on the internal native button when enabled."
+            },
+            {
+              "kind": "method",
+              "name": "_createRipple",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "formDisabledCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "disabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "formOwner",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_iconOnlyName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "SkyButtonVariant"
+              },
+              "default": "\"solid\"",
+              "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"primary\"",
+              "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
+              "fieldName": "color"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "SkyButtonType"
+              },
+              "default": "\"button\"",
+              "description": "Button type attribute. Default: `\"button\"`.",
+              "fieldName": "type"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Associated form ID for custom submit handling.",
+              "fieldName": "form"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
+              "fieldName": "size"
+            },
+            {
+              "name": "radius",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
+              "fieldName": "radius"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Button\"",
+              "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
+              "fieldName": "label"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the button is disabled. Default: `false`.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows a loading overlay when true. Default: `false`.",
+              "fieldName": "loading"
+            },
+            {
+              "name": "iconL",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
+              "fieldName": "iconL"
+            },
+            {
+              "name": "iconR",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
+              "fieldName": "iconR"
+            },
+            {
+              "name": "iconOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
+              "fieldName": "iconOnly"
+            },
+            {
+              "name": "colors",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
+              "fieldName": "colors"
+            },
+            {
+              "name": "animation",
+              "type": {
+                "text": "SkyButtonAnimation"
+              },
+              "default": "\"auto\"",
+              "description": "Transform animation style. Default: `\"auto\"`.",
+              "fieldName": "animation"
+            },
+            {
+              "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-appbar",
+          "tagName": "sky-button",
           "customElement": true,
-          "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
+          "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyAppbar",
+          "name": "SkyButton",
           "declaration": {
-            "name": "SkyAppbar",
-            "module": "src/sky-appbar/sky-appbar.ts"
+            "name": "SkyButton",
+            "module": "src/sky-button/sky-button.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-appbar",
+          "name": "sky-button",
           "declaration": {
-            "name": "SkyAppbar",
-            "module": "src/sky-appbar/sky-appbar.ts"
+            "name": "SkyButton",
+            "module": "src/sky-button/sky-button.ts"
           }
         }
       ]
@@ -846,6 +1283,23 @@
               "default": "false",
               "description": "True when image failed to load; show slot instead."
             },
+            {
+              "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": "field",
               "name": "_onImageLoad",
@@ -959,948 +1413,832 @@
                 "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"
-            }
-          ],
-          "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-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"
+              "description": "Accessible name when image content conveys meaning.",
+              "fieldName": "alt"
             },
             {
-              "kind": "field",
-              "name": "isIcon",
+              "name": "color",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Renders icon mode when true.",
-              "attribute": "isIcon",
-              "reflects": true
+              "default": "\"dark\"",
+              "description": "Token or CSS color applied to fallback slot content.",
+              "fieldName": "color"
             },
             {
-              "kind": "field",
-              "name": "size",
+              "name": "outline",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Badge and icon size CSS length.",
-              "attribute": "size",
-              "reflects": true
+              "description": "CSS `outline` value.",
+              "fieldName": "outline"
             },
             {
-              "kind": "field",
-              "name": "shape",
+              "name": "outlineOffset",
               "type": {
-                "text": "SkyBadgeShape"
+                "text": "string"
               },
-              "default": "\"custom\"",
-              "description": "Badge shape: `circle | pill | custom`.",
-              "attribute": "shape",
-              "reflects": true
+              "default": "\"2px\"",
+              "description": "CSS `outline-offset` value.",
+              "fieldName": "outlineOffset"
             },
             {
-              "kind": "field",
-              "name": "max",
+              "name": "loading",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "99",
-              "description": "Maximum numeric count before rendering overflow label.",
-              "attribute": "max"
+              "default": "false",
+              "description": "Shows loading overlay when true.",
+              "fieldName": "loading"
             },
             {
-              "kind": "field",
-              "name": "hideWhenZero",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hides badge when value resolves to numeric zero.",
-              "attribute": "hideWhenZero"
+              "description": "Dims and disables pointer interactions.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "show",
+              "name": "interactive",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Forces badge visibility independent of value.",
-              "attribute": "show",
-              "reflects": true
+              "default": "false",
+              "description": "Enables interactive behavior with keyboard/click activation.",
+              "fieldName": "interactive"
             },
             {
-              "kind": "field",
-              "name": "offsetX",
+              "name": "shadow",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"0px\"",
-              "description": "Horizontal offset CSS length.",
-              "attribute": "offsetX"
+              "default": "false",
+              "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
+              "fieldName": "shadow"
             },
             {
-              "kind": "field",
-              "name": "offsetY",
+              "name": "preset",
               "type": {
                 "text": "string"
               },
-              "default": "\"0px\"",
-              "description": "Vertical offset CSS length.",
-              "attribute": "offsetY"
+              "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-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"
+            },
+            {
+              "description": "The title area (contains .title-text with the title string).",
+              "name": "title"
+            },
+            {
+              "description": "The trailing actions container.",
+              "name": "actions"
+            }
+          ],
+          "slots": [
+            {
+              "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": "ring",
+              "name": "dependencies",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, CustomElementConstructor>"
               },
-              "default": "false",
-              "description": "Enables visual ring around the badge.",
-              "attribute": "ring"
+              "static": true,
+              "default": "{ \"sky-icon\": SkyIcon, }"
             },
             {
               "kind": "field",
-              "name": "ringColor",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "\"primary\"",
-              "description": "Ring color token or CSS color.",
-              "attribute": "ringColor"
+              "default": "\"App Bar\"",
+              "description": "Title text displayed in the app bar.",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "ringOffset",
+              "name": "color",
               "type": {
                 "text": "string"
               },
-              "default": "\"1px\"",
-              "description": "Ring offset CSS length.",
-              "attribute": "ringOffset"
+              "default": "\"default\"",
+              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
+              "attribute": "color"
             },
             {
               "kind": "field",
-              "name": "badgeLabel",
+              "name": "url",
               "type": {
-                "text": "string | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "ARIA label override.",
-              "attribute": "badgeLabel"
+              "default": "\"\"",
+              "description": "Background image URL.",
+              "attribute": "url"
             },
             {
               "kind": "field",
-              "name": "badgeAriaHidden",
+              "name": "banner",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Hides badge from assistive technology when true.",
-              "attribute": "badgeAriaHidden"
+              "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 focus/activation and `badge-click` emission.",
-              "attribute": "interactive"
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "SkyBadgePlacement"
-              },
-              "default": "\"custom\"",
-              "description": "Anchor placement preset for badge positioning.",
-              "attribute": "placement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_badgeEl",
-              "type": {
-                "text": "HTMLSpanElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "badgeRef",
-              "privacy": "public",
-              "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
+              "description": "Enables compact vertical spacing.",
+              "attribute": "dense"
             },
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "elevated",
               "type": {
-                "text": "ShadowRootInit"
-              },
-              "static": true,
-              "default": "{ mode: \"open\", delegatesFocus: true, }"
-            },
-            {
-              "kind": "method",
-              "name": "showBadge",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Forces badge visibility on."
-            },
-            {
-              "kind": "method",
-              "name": "hideBadge",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Forces badge visibility off."
-            },
-            {
-              "kind": "method",
-              "name": "setValue",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "Badge value or icon name."
-                }
-              ],
-              "description": "Updates badge value for text/count or icon modes."
+              "default": "false",
+              "description": "Applies elevated shadow styling.",
+              "attribute": "elevated"
             },
             {
               "kind": "field",
-              "name": "_onActivate",
-              "privacy": "private",
-              "description": "Emits `badge-click` for interactive activation."
+              "name": "leadingLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Open menu\"",
+              "description": "Accessible label for default leading button fallback.",
+              "attribute": "leadingLabel"
             },
             {
               "kind": "field",
-              "name": "_onKeydown",
-              "privacy": "private",
-              "description": "Handles keyboard activation with Enter and Space."
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "attribute": "preset",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_computeAriaLabel",
+              "kind": "field",
+              "name": "_presets",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string | null"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "displayValue",
-                  "type": {
-                    "text": "string | null"
-                  }
-                }
-              ],
-              "description": "Computes accessible badge label from current render state."
+              "default": "new PresetController(this)"
             },
             {
               "kind": "method",
-              "name": "_computeAnchors",
+              "name": "_applyColorSurface",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{\r\n    top: string;\r\n    right: string;\r\n    bottom: string;\r\n    left: string;\r\n  }"
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "placement",
-                  "type": {
-                    "text": "SkyBadgePlacement"
-                  }
-                }
-              ],
-              "description": "Resolves anchor edges from placement preset."
+              "description": "Applies glass vs solid surface tokens from `color`."
             },
             {
               "kind": "method",
-              "name": "_resolveBadgeSurface",
+              "name": "_applyBackgroundImage",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{\r\n    bg: string;\r\n    color: string;\r\n    border: string;\r\n  }"
+                  "text": "void"
                 }
               },
-              "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"
+              "description": "Sets background image CSS variable from `url`."
             }
           ],
           "attributes": [
             {
-              "name": "statusColor",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "\"success\"",
-              "description": "Badge background token or CSS color.",
-              "fieldName": "statusColor"
+              "default": "\"App Bar\"",
+              "description": "Title text displayed in the app bar.",
+              "fieldName": "title"
             },
             {
-              "name": "textColor",
+              "name": "color",
               "type": {
                 "text": "string"
               },
               "default": "\"default\"",
-              "description": "Text color token or CSS color.",
-              "fieldName": "textColor"
+              "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
+              "fieldName": "color"
             },
             {
-              "name": "iconColor",
+              "name": "url",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
-              "fieldName": "iconColor"
+              "description": "Background image URL.",
+              "fieldName": "url"
             },
             {
-              "name": "position",
+              "name": "banner",
               "type": {
-                "text": "SkyBadgePosition"
+                "text": "boolean"
               },
-              "default": "\"default\"",
-              "description": "Layout mode: `default | floating | inline`.",
-              "fieldName": "position"
+              "default": "true",
+              "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
+              "fieldName": "banner"
             },
             {
-              "name": "value",
+              "name": "dense",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "Badge text/count or icon name in icon mode.",
-              "fieldName": "value"
+              "default": "false",
+              "description": "Enables compact vertical spacing.",
+              "fieldName": "dense"
             },
             {
-              "name": "isIcon",
+              "name": "elevated",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Renders icon mode when true.",
-              "fieldName": "isIcon"
+              "description": "Applies elevated shadow styling.",
+              "fieldName": "elevated"
+            },
+            {
+              "name": "leadingLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Open menu\"",
+              "description": "Accessible label for default leading button fallback.",
+              "fieldName": "leadingLabel"
+            },
+            {
+              "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-appbar",
+          "customElement": true,
+          "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkyAppbar",
+          "declaration": {
+            "name": "SkyAppbar",
+            "module": "src/sky-appbar/sky-appbar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sky-appbar",
+          "declaration": {
+            "name": "SkyAppbar",
+            "module": "src/sky-appbar/sky-appbar.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"
+            }
+          ],
+          "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\"`.",
+              "attribute": "bg",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "blurLevel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"none\"",
+              "description": "Level of blur applied to the background. Default: `\"none\"`.",
+              "attribute": "blurLevel",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "radius",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Border radius of the card. Default: `\"md\"`.",
+              "attribute": "radius",
+              "reflects": true
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "bodyPadding",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Badge and icon size CSS length.",
-              "fieldName": "size"
+              "default": "\"none\"",
+              "description": "Padding for the card body. Default: `\"none\"`.",
+              "attribute": "bodyPadding",
+              "reflects": true
             },
             {
-              "name": "shape",
+              "kind": "field",
+              "name": "elevation",
               "type": {
-                "text": "SkyBadgeShape"
+                "text": "SkyCardElevation"
               },
-              "default": "\"custom\"",
-              "description": "Badge shape: `circle | pill | custom`.",
-              "fieldName": "shape"
+              "default": "\"md\"",
+              "description": "Shadow depth of the card. Default: `\"md\"`.",
+              "attribute": "elevation",
+              "reflects": true
             },
             {
-              "name": "max",
+              "kind": "field",
+              "name": "outlined",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "99",
-              "description": "Maximum numeric count before rendering overflow label.",
-              "fieldName": "max"
+              "default": "false",
+              "description": "Whether the card has an outline. Default: `false`.",
+              "attribute": "outlined",
+              "reflects": true
             },
             {
-              "name": "hideWhenZero",
+              "kind": "field",
+              "name": "clickable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hides badge when value resolves to numeric zero.",
-              "fieldName": "hideWhenZero"
+              "description": "Whether the card is clickable. Default: `false`.",
+              "attribute": "clickable",
+              "reflects": true
             },
             {
-              "name": "show",
+              "kind": "field",
+              "name": "headerBg",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Forces badge visibility independent of value.",
-              "fieldName": "show"
+              "default": "\"transparent\"",
+              "description": "Background color of the header. Default: `\"transparent\"`.",
+              "attribute": "headerBg",
+              "reflects": true
             },
             {
-              "name": "offsetX",
+              "kind": "field",
+              "name": "headerBlur",
               "type": {
                 "text": "string"
               },
-              "default": "\"0px\"",
-              "description": "Horizontal offset CSS length.",
-              "fieldName": "offsetX"
+              "default": "\"none\"",
+              "description": "Blur level for the header background. Default: `\"none\"`.",
+              "attribute": "headerBlur",
+              "reflects": true
             },
             {
-              "name": "offsetY",
+              "kind": "field",
+              "name": "headerPadding",
               "type": {
                 "text": "string"
               },
-              "default": "\"0px\"",
-              "description": "Vertical offset CSS length.",
-              "fieldName": "offsetY"
+              "default": "\"md\"",
+              "description": "Padding for the header. Default: `\"md\"`.",
+              "attribute": "headerPadding",
+              "reflects": true
             },
             {
-              "name": "ring",
+              "kind": "field",
+              "name": "headerLayout",
               "type": {
-                "text": "boolean"
+                "text": "SkyCardSectionLayout"
               },
-              "default": "false",
-              "description": "Enables visual ring around the badge.",
-              "fieldName": "ring"
+              "default": "\"inline\"",
+              "description": "Layout of the header content. Default: `\"inline\"`.",
+              "attribute": "headerLayout"
             },
             {
-              "name": "ringColor",
+              "kind": "field",
+              "name": "headerInsetGap",
               "type": {
                 "text": "string"
               },
-              "default": "\"primary\"",
-              "description": "Ring color token or CSS color.",
-              "fieldName": "ringColor"
+              "default": "\"sm\"",
+              "description": "Inset gap for the header section. Default: `\"sm\"`.",
+              "attribute": "headerInsetGap",
+              "reflects": true
             },
             {
-              "name": "ringOffset",
+              "kind": "field",
+              "name": "headerRadius",
               "type": {
                 "text": "string"
               },
-              "default": "\"1px\"",
-              "description": "Ring offset CSS length.",
-              "fieldName": "ringOffset"
+              "default": "\"md\"",
+              "description": "Border radius for the header. Default: `\"md\"`.",
+              "attribute": "headerRadius",
+              "reflects": true
             },
             {
-              "name": "badgeLabel",
+              "kind": "field",
+              "name": "headerSeparatorColor",
               "type": {
-                "text": "string | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "ARIA label override.",
-              "fieldName": "badgeLabel"
+              "default": "\"border-light\"",
+              "description": "Color for the header separator. Default: `\"border-light\"`.",
+              "attribute": "headerSeparatorColor"
             },
             {
-              "name": "badgeAriaHidden",
+              "kind": "field",
+              "name": "footerBg",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Hides badge from assistive technology when true.",
-              "fieldName": "badgeAriaHidden"
+              "default": "\"transparent\"",
+              "description": "Background color of the footer. Default: `\"transparent\"`.",
+              "attribute": "footerBg",
+              "reflects": true
             },
             {
-              "name": "interactive",
+              "kind": "field",
+              "name": "footerBlur",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Enables focus/activation and `badge-click` emission.",
-              "fieldName": "interactive"
+              "default": "\"none\"",
+              "description": "Blur level for the footer background. Default: `\"none\"`.",
+              "attribute": "footerBlur",
+              "reflects": true
             },
             {
-              "name": "placement",
+              "kind": "field",
+              "name": "footerPadding",
               "type": {
-                "text": "SkyBadgePlacement"
+                "text": "string"
               },
-              "default": "\"custom\"",
-              "description": "Anchor placement preset for badge positioning.",
-              "fieldName": "placement"
-            }
-          ],
-          "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-button/sky-button.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SkyButton",
-          "cssParts": [
-            {
-              "description": "The native `<button>` element.",
-              "name": "button"
-            },
-            {
-              "description": "The optional left/right icons.",
-              "name": "icon"
+              "default": "\"md\"",
+              "description": "Padding for the footer. Default: `\"md\"`.",
+              "attribute": "footerPadding",
+              "reflects": true
             },
             {
-              "description": "Overlay displayed when loading.",
-              "name": "loading-overlay"
+              "kind": "field",
+              "name": "footerLayout",
+              "type": {
+                "text": "SkyCardSectionLayout"
+              },
+              "default": "\"inline\"",
+              "description": "Layout of the footer content. Default: `\"inline\"`.",
+              "attribute": "footerLayout"
             },
-            {
-              "description": "Spinner displayed when loading.",
-              "name": "spinner"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for the button label (replaces `label` property if used).",
-              "name": ""
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "footerInsetGap",
               "type": {
-                "text": "Record<string, CustomElementConstructor>"
+                "text": "string"
               },
-              "static": true,
-              "default": "{ \"sky-icon\": SkyIcon, }"
+              "default": "\"sm\"",
+              "description": "Inset gap for the footer section. Default: `\"sm\"`.",
+              "attribute": "footerInsetGap",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "footerRadius",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "static": true,
-              "default": "true"
+              "default": "\"md\"",
+              "description": "Border radius for the footer. Default: `\"md\"`.",
+              "attribute": "footerRadius",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "internals",
+              "name": "footerSeparatorColor",
               "type": {
-                "text": "ElementInternals"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "\"border-light\"",
+              "description": "Color for the footer separator. Default: `\"border-light\"`.",
+              "attribute": "footerSeparatorColor"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "padRatio",
               "type": {
-                "text": "SkyButtonVariant"
-              },
-              "default": "\"solid\"",
-              "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
-              "attribute": "variant",
-              "reflects": true
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Ratio to adjust padding. Default: `1`.",
+              "attribute": "padRatio"
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "separators",
               "type": {
-                "text": "string"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "\"primary\"",
-              "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
-              "attribute": "color"
+              "default": "\"none\"",
+              "description": "Determines where separators should appear. Default: `\"none\"`.",
+              "attribute": "separators"
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "overlays",
               "type": {
-                "text": "SkyButtonType"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "\"button\"",
-              "description": "Button type attribute. Default: `\"button\"`.",
-              "attribute": "type"
+              "default": "\"none\"",
+              "description": "Determines where overlays should appear. Default: `\"none\"`.",
+              "attribute": "overlays"
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "insets",
               "type": {
-                "text": "string"
+                "text": "SkyCardSectionTarget"
               },
-              "default": "\"\"",
-              "description": "Associated form ID for custom submit handling.",
-              "attribute": "form"
+              "default": "\"none\"",
+              "description": "Determines where insets should appear. Default: `\"none\"`.",
+              "attribute": "insets"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "_effHeaderSeparator",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"md\"",
-              "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
-              "attribute": "size"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "radius",
+              "name": "_effFooterSeparator",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"md\"",
-              "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
-              "attribute": "radius"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "_effHeaderOverlay",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"Button\"",
-              "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
-              "attribute": "label"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "_effFooterOverlay",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Whether the button is disabled. Default: `false`.",
-              "attribute": "disabled",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "_effHeaderInset",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Shows a loading overlay when true. Default: `false`.",
-              "attribute": "loading",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "iconL",
+              "name": "_effFooterInset",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
-              "attribute": "iconL"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "iconR",
+              "name": "_varsCache",
               "type": {
-                "text": "string"
+                "text": "Record<string, string>"
               },
-              "default": "\"\"",
-              "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
-              "attribute": "iconR"
+              "privacy": "private",
+              "default": "{}"
             },
             {
               "kind": "field",
-              "name": "iconOnly",
+              "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": "boolean"
-              },
-              "default": "false",
-              "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
-              "attribute": "iconOnly",
-              "reflects": true
+                "text": "{\n    primary: \"var(--sky-glass-primary)\",\n    secondary: \"var(--sky-glass-secondary)\",\n    tertiary: \"var(--sky-glass-tertiary)\",\n    transparent: \"transparent\",\n  }"
+              }
             },
             {
               "kind": "field",
-              "name": "colors",
+              "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"
-              },
-              "default": "\"\"",
-              "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
-              "attribute": "colors"
+                "text": "{\n    none: \"none\",\n    xs: \"blur(2px)\",\n    sm: \"var(--sky-blur-secondary)\",\n    md: \"var(--sky-blur-secondary)\",\n    lg: \"var(--sky-blur-tertiary)\",\n  }"
+              }
             },
             {
               "kind": "field",
-              "name": "animation",
+              "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": "SkyButtonAnimation"
-              },
-              "default": "\"auto\"",
-              "description": "Transform animation style. Default: `\"auto\"`.",
-              "attribute": "animation",
-              "reflects": true
+                "text": "{\n    none: \"0\",\n    sm: \"var(--sky-space-1\\\\.5, 6px)\",\n    md: \"var(--sky-space-4, 16px)\",\n    lg: \"var(--sky-space-6, 24px)\",\n    xl: \"var(--sky-space-8, 32px)\",\n  }"
+              }
             },
             {
               "kind": "field",
-              "name": "_hasMeaningfulSlot",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "GLASS_BG_TIERS",
               "privacy": "private",
-              "default": "false"
+              "static": true,
+              "readonly": true,
+              "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
             },
             {
               "kind": "field",
-              "name": "_styleVars",
+              "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": "Record<string, string>"
+                "text": "{\n    primary: \"var(--sky-hover-primary)\",\n    secondary: \"var(--sky-hover-secondary)\",\n    tertiary: \"var(--sky-hover-tertiary)\",\n    transparent: \"transparent\",\n  }"
               },
-              "privacy": "private",
-              "default": "{}",
-              "description": "Inline CSS variable cache."
+              "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
             },
             {
               "kind": "method",
-              "name": "_slotHasMeaningfulContent",
+              "name": "_composeBackdrop",
               "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "slotEl",
+                  "name": "blurLevel",
                   "type": {
-                    "text": "HTMLSlotElement"
+                    "text": "string"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "_onSlotChange",
-              "privacy": "private"
-            },
             {
               "kind": "method",
-              "name": "_toSquarePadding",
+              "name": "_composeElevation",
               "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
                   "text": "string"
@@ -1908,95 +2246,91 @@
               },
               "parameters": [
                 {
-                  "name": "padding",
+                  "name": "level",
                   "type": {
-                    "text": "string"
+                    "text": "SkyCardElevation | string"
                   }
                 }
-              ],
-              "description": "Uses vertical padding for equal sides (icon-only square control)."
+              ]
+            },
+            {
+              "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": "_resolveSize",
+              "name": "_wireSlotChangeHandlers",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{\r\n    padding: string;\r\n    fontSize: string;\r\n    gap: string;\r\n    icon: string;\r\n    spinner: string;\r\n  }"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "input",
-                  "type": {
-                    "text": "string"
-                  }
+                  "text": "void"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "_isThemeBorderShorthand",
+              "name": "_syncHeader",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "border",
-                  "type": {
-                    "text": "string | undefined"
-                  }
+                  "text": "void"
                 }
-              ],
-              "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
+              }
             },
             {
               "kind": "method",
-              "name": "_borderColorFromShorthand",
+              "name": "_syncFooter",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "border",
-                  "type": {
-                    "text": "string | undefined"
-                  }
+                  "text": "void"
                 }
-              ],
-              "description": "Extracts the color token from a `Npx solid …` border shorthand."
+              }
             },
             {
               "kind": "method",
-              "name": "focusButton",
-              "privacy": "public",
+              "name": "_expandPair",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "[boolean, boolean]"
                 }
               },
-              "description": "Focuses the internal native button."
+              "parameters": [
+                {
+                  "name": "sh",
+                  "type": {
+                    "text": "SkyCardSectionTarget"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "clickButton",
-              "privacy": "public",
+              "name": "_computeEffectiveFlags",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "description": "Triggers a click on the internal native button when enabled."
+              }
             },
             {
               "kind": "method",
-              "name": "_createRipple",
+              "name": "_setVar",
               "privacy": "private",
               "return": {
                 "type": {
@@ -2005,1124 +2339,992 @@
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "name",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "formDisabledCallback",
+              "name": "_resolveSectionBg",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "disabled",
+                  "name": "token",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "isInset",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "isOverlay",
                   "type": {
                     "text": "boolean"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "formOwner",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "readonly": true
-            },
             {
               "kind": "method",
-              "name": "_handleClick",
+              "name": "_resolveSectionGlassSurface",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "token",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_iconOnlyName",
+              "name": "_applyCardVars",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "SkyButtonVariant"
-              },
-              "default": "\"solid\"",
-              "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "color",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"primary\"",
-              "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
-              "fieldName": "color"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "SkyButtonType"
-              },
-              "default": "\"button\"",
-              "description": "Button type attribute. Default: `\"button\"`.",
-              "fieldName": "type"
-            },
-            {
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Associated form ID for custom submit handling.",
-              "fieldName": "form"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"md\"",
-              "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
-              "fieldName": "size"
-            },
-            {
-              "name": "radius",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"md\"",
-              "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
-              "fieldName": "radius"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"Button\"",
-              "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
-              "fieldName": "label"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the button is disabled. Default: `false`.",
-              "fieldName": "disabled"
             },
             {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows a loading overlay when true. Default: `false`.",
-              "fieldName": "loading"
-            },
-            {
-              "name": "iconL",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
-              "fieldName": "iconL"
-            },
-            {
-              "name": "iconR",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
-              "fieldName": "iconR"
-            },
-            {
-              "name": "iconOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
-              "fieldName": "iconOnly"
-            },
-            {
-              "name": "colors",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
-              "fieldName": "colors"
-            },
-            {
-              "name": "animation",
-              "type": {
-                "text": "SkyButtonAnimation"
-              },
-              "default": "\"auto\"",
-              "description": "Transform animation style. Default: `\"auto\"`.",
-              "fieldName": "animation"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sky-button",
-          "customElement": true,
-          "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkyButton",
-          "declaration": {
-            "name": "SkyButton",
-            "module": "src/sky-button/sky-button.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sky-button",
-          "declaration": {
-            "name": "SkyButton",
-            "module": "src/sky-button/sky-button.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/sky-card/sky-card.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SkyCard",
-          "cssParts": [
-            {
-              "description": "The main card container element.",
-              "name": "card"
-            },
-            {
-              "description": "The card header section.",
-              "name": "header"
-            },
-            {
-              "description": "The card footer section.",
-              "name": "footer"
-            },
-            {
-              "description": "The ripple animation element injected when the card is clicked.",
-              "name": "ripple"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
-              "name": ""
-            },
-            {
-              "description": "Slot for the card title.",
-              "name": "title"
-            },
-            {
-              "description": "Slot for the card subtitle.",
-              "name": "subtitle"
-            },
-            {
-              "description": "Slot for the card actions (usually buttons).",
-              "name": "actions"
-            },
-            {
-              "description": "Slot for the footer title.",
-              "name": "footer-title"
+              "kind": "method",
+              "name": "_applyPaddingVars",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "description": "Slot for the footer subtitle.",
-              "name": "footer-subtitle"
+              "kind": "method",
+              "name": "_applySectionChrome",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "description": "Slot for the footer actions (usually buttons).",
-              "name": "footer-actions"
+              "kind": "method",
+              "name": "refreshLayout",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Recomputes card variables and section synchronization."
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "bg",
               "type": {
                 "text": "string"
               },
               "default": "\"primary\"",
               "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
-              "attribute": "bg",
-              "reflects": true
+              "fieldName": "bg"
             },
             {
-              "kind": "field",
               "name": "blurLevel",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Level of blur applied to the background. Default: `\"none\"`.",
-              "attribute": "blurLevel",
-              "reflects": true
+              "fieldName": "blurLevel"
             },
             {
-              "kind": "field",
               "name": "radius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Border radius of the card. Default: `\"md\"`.",
-              "attribute": "radius",
-              "reflects": true
+              "fieldName": "radius"
             },
             {
-              "kind": "field",
               "name": "bodyPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Padding for the card body. Default: `\"none\"`.",
-              "attribute": "bodyPadding",
-              "reflects": true
+              "fieldName": "bodyPadding"
             },
             {
-              "kind": "field",
               "name": "elevation",
               "type": {
                 "text": "SkyCardElevation"
               },
               "default": "\"md\"",
               "description": "Shadow depth of the card. Default: `\"md\"`.",
-              "attribute": "elevation",
-              "reflects": true
+              "fieldName": "elevation"
             },
             {
-              "kind": "field",
               "name": "outlined",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the card has an outline. Default: `false`.",
-              "attribute": "outlined",
-              "reflects": true
+              "fieldName": "outlined"
             },
             {
-              "kind": "field",
               "name": "clickable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the card is clickable. Default: `false`.",
-              "attribute": "clickable",
-              "reflects": true
+              "fieldName": "clickable"
             },
             {
-              "kind": "field",
               "name": "headerBg",
               "type": {
                 "text": "string"
               },
               "default": "\"transparent\"",
               "description": "Background color of the header. Default: `\"transparent\"`.",
-              "attribute": "headerBg",
-              "reflects": true
+              "fieldName": "headerBg"
             },
             {
-              "kind": "field",
               "name": "headerBlur",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Blur level for the header background. Default: `\"none\"`.",
-              "attribute": "headerBlur",
-              "reflects": true
+              "fieldName": "headerBlur"
             },
             {
-              "kind": "field",
               "name": "headerPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Padding for the header. Default: `\"md\"`.",
-              "attribute": "headerPadding",
-              "reflects": true
+              "fieldName": "headerPadding"
             },
             {
-              "kind": "field",
               "name": "headerLayout",
               "type": {
                 "text": "SkyCardSectionLayout"
               },
               "default": "\"inline\"",
               "description": "Layout of the header content. Default: `\"inline\"`.",
-              "attribute": "headerLayout"
+              "fieldName": "headerLayout"
             },
             {
-              "kind": "field",
               "name": "headerInsetGap",
               "type": {
                 "text": "string"
               },
               "default": "\"sm\"",
               "description": "Inset gap for the header section. Default: `\"sm\"`.",
-              "attribute": "headerInsetGap",
-              "reflects": true
+              "fieldName": "headerInsetGap"
             },
             {
-              "kind": "field",
               "name": "headerRadius",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Border radius for the header. Default: `\"md\"`.",
-              "attribute": "headerRadius",
-              "reflects": true
+              "fieldName": "headerRadius"
             },
             {
-              "kind": "field",
               "name": "headerSeparatorColor",
               "type": {
                 "text": "string"
               },
               "default": "\"border-light\"",
               "description": "Color for the header separator. Default: `\"border-light\"`.",
-              "attribute": "headerSeparatorColor"
+              "fieldName": "headerSeparatorColor"
             },
             {
-              "kind": "field",
               "name": "footerBg",
               "type": {
                 "text": "string"
               },
               "default": "\"transparent\"",
               "description": "Background color of the footer. Default: `\"transparent\"`.",
-              "attribute": "footerBg",
-              "reflects": true
+              "fieldName": "footerBg"
             },
             {
-              "kind": "field",
               "name": "footerBlur",
               "type": {
                 "text": "string"
               },
               "default": "\"none\"",
               "description": "Blur level for the footer background. Default: `\"none\"`.",
-              "attribute": "footerBlur",
-              "reflects": true
+              "fieldName": "footerBlur"
             },
             {
-              "kind": "field",
               "name": "footerPadding",
               "type": {
                 "text": "string"
               },
               "default": "\"md\"",
               "description": "Padding for the footer. Default: `\"md\"`.",
-              "attribute": "footerPadding",
-              "reflects": true
+              "fieldName": "footerPadding"
             },
             {
-              "kind": "field",
               "name": "footerLayout",
               "type": {
                 "text": "SkyCardSectionLayout"
               },
               "default": "\"inline\"",
               "description": "Layout of the footer content. Default: `\"inline\"`.",
-              "attribute": "footerLayout"
+              "fieldName": "footerLayout"
+            },
+            {
+              "name": "footerInsetGap",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"sm\"",
+              "description": "Inset gap for the footer section. Default: `\"sm\"`.",
+              "fieldName": "footerInsetGap"
+            },
+            {
+              "name": "footerRadius",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"md\"",
+              "description": "Border radius for the footer. Default: `\"md\"`.",
+              "fieldName": "footerRadius"
+            },
+            {
+              "name": "footerSeparatorColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"border-light\"",
+              "description": "Color for the footer separator. Default: `\"border-light\"`.",
+              "fieldName": "footerSeparatorColor"
+            },
+            {
+              "name": "padRatio",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Ratio to adjust padding. Default: `1`.",
+              "fieldName": "padRatio"
+            },
+            {
+              "name": "separators",
+              "type": {
+                "text": "SkyCardSectionTarget"
+              },
+              "default": "\"none\"",
+              "description": "Determines where separators should appear. Default: `\"none\"`.",
+              "fieldName": "separators"
+            },
+            {
+              "name": "overlays",
+              "type": {
+                "text": "SkyCardSectionTarget"
+              },
+              "default": "\"none\"",
+              "description": "Determines where overlays should appear. Default: `\"none\"`.",
+              "fieldName": "overlays"
+            },
+            {
+              "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": "footerInsetGap",
+              "name": "iconColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"sm\"",
-              "description": "Inset gap for the footer section. Default: `\"sm\"`.",
-              "attribute": "footerInsetGap",
+              "default": "\"\"",
+              "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
+              "attribute": "iconColor",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "footerRadius",
+              "name": "position",
               "type": {
-                "text": "string"
+                "text": "SkyBadgePosition"
               },
-              "default": "\"md\"",
-              "description": "Border radius for the footer. Default: `\"md\"`.",
-              "attribute": "footerRadius",
+              "default": "\"default\"",
+              "description": "Layout mode: `default | floating | inline`.",
+              "attribute": "position",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "footerSeparatorColor",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "default": "\"border-light\"",
-              "description": "Color for the footer separator. Default: `\"border-light\"`.",
-              "attribute": "footerSeparatorColor"
+              "default": "\"\"",
+              "description": "Badge text/count or icon name in icon mode.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "padRatio",
+              "name": "isIcon",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "Ratio to adjust padding. Default: `1`.",
-              "attribute": "padRatio"
+              "default": "false",
+              "description": "Renders icon mode when true.",
+              "attribute": "isIcon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "separators",
+              "name": "size",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Determines where separators should appear. Default: `\"none\"`.",
-              "attribute": "separators"
+              "default": "\"\"",
+              "description": "Badge and icon size CSS length.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "overlays",
+              "name": "shape",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "SkyBadgeShape"
               },
-              "default": "\"none\"",
-              "description": "Determines where overlays should appear. Default: `\"none\"`.",
-              "attribute": "overlays"
+              "default": "\"custom\"",
+              "description": "Badge shape: `circle | pill | custom`.",
+              "attribute": "shape",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "insets",
+              "name": "max",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "number"
               },
-              "default": "\"none\"",
-              "description": "Determines where insets should appear. Default: `\"none\"`.",
-              "attribute": "insets"
+              "default": "99",
+              "description": "Maximum numeric count before rendering overflow label.",
+              "attribute": "max"
             },
             {
               "kind": "field",
-              "name": "_effHeaderSeparator",
+              "name": "hideWhenZero",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Hides badge when value resolves to numeric zero.",
+              "attribute": "hideWhenZero"
             },
             {
               "kind": "field",
-              "name": "_effFooterSeparator",
+              "name": "show",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "true",
+              "description": "Forces badge visibility independent of value.",
+              "attribute": "show",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_effHeaderOverlay",
+              "name": "offsetX",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "\"0px\"",
+              "description": "Horizontal offset CSS length.",
+              "attribute": "offsetX"
             },
             {
               "kind": "field",
-              "name": "_effFooterOverlay",
+              "name": "offsetY",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "\"0px\"",
+              "description": "Vertical offset CSS length.",
+              "attribute": "offsetY"
             },
             {
               "kind": "field",
-              "name": "_effHeaderInset",
+              "name": "ring",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Enables visual ring around the badge.",
+              "attribute": "ring"
             },
             {
               "kind": "field",
-              "name": "_effFooterInset",
+              "name": "ringColor",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "\"primary\"",
+              "description": "Ring color token or CSS color.",
+              "attribute": "ringColor"
             },
             {
               "kind": "field",
-              "name": "_varsCache",
+              "name": "ringOffset",
               "type": {
-                "text": "Record<string, string>"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "{}"
+              "default": "\"1px\"",
+              "description": "Ring offset CSS length.",
+              "attribute": "ringOffset"
             },
             {
               "kind": "field",
-              "name": "BG_MAP",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
+              "name": "badgeLabel",
               "type": {
-                "text": "{\n    primary: \"var(--sky-glass-primary)\",\n    secondary: \"var(--sky-glass-secondary)\",\n    tertiary: \"var(--sky-glass-tertiary)\",\n    transparent: \"transparent\",\n  }"
-              }
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "ARIA label override.",
+              "attribute": "badgeLabel"
             },
             {
               "kind": "field",
-              "name": "BLUR_MAP",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
+              "name": "badgeAriaHidden",
               "type": {
-                "text": "{\n    none: \"none\",\n    xs: \"blur(2px)\",\n    sm: \"var(--sky-blur-secondary)\",\n    md: \"var(--sky-blur-secondary)\",\n    lg: \"var(--sky-blur-tertiary)\",\n  }"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides badge from assistive technology when true.",
+              "attribute": "badgeAriaHidden"
             },
             {
               "kind": "field",
-              "name": "SIZE_MAP",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "{ none: \"0\", sm: \"var(--sky-space-1\\\\.5, 6px)\", md: \"var(--sky-space-4, 16px)\", lg: \"var(--sky-space-6, 24px)\", xl: \"var(--sky-space-8, 32px)\", }",
+              "name": "interactive",
               "type": {
-                "text": "{\n    none: \"0\",\n    sm: \"var(--sky-space-1\\\\.5, 6px)\",\n    md: \"var(--sky-space-4, 16px)\",\n    lg: \"var(--sky-space-6, 24px)\",\n    xl: \"var(--sky-space-8, 32px)\",\n  }"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables focus/activation and `badge-click` emission.",
+              "attribute": "interactive"
             },
             {
               "kind": "field",
-              "name": "GLASS_BG_TIERS",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
+              "name": "placement",
+              "type": {
+                "text": "SkyBadgePlacement"
+              },
+              "default": "\"custom\"",
+              "description": "Anchor placement preset for badge positioning.",
+              "attribute": "placement",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "SECTION_INSET_BG_MAP",
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
+              "name": "preset",
               "type": {
-                "text": "{\n    primary: \"var(--sky-hover-primary)\",\n    secondary: \"var(--sky-hover-secondary)\",\n    tertiary: \"var(--sky-hover-tertiary)\",\n    transparent: \"transparent\",\n  }"
+                "text": "string"
               },
-              "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "attribute": "preset",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_composeBackdrop",
+              "kind": "field",
+              "name": "_presets",
               "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "blurLevel",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "default": "new PresetController(this)"
             },
             {
-              "kind": "method",
-              "name": "_composeElevation",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "_badgeEl",
+              "type": {
+                "text": "HTMLSpanElement"
               },
-              "parameters": [
-                {
-                  "name": "level",
-                  "type": {
-                    "text": "SkyCardElevation | string"
-                  }
-                }
-              ]
+              "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",
+              "name": "showBadge",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_expandPair",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "[boolean, boolean]"
-                }
               },
-              "parameters": [
-                {
-                  "name": "sh",
-                  "type": {
-                    "text": "SkyCardSectionTarget"
-                  }
-                }
-              ]
+              "description": "Forces badge visibility on."
             },
             {
               "kind": "method",
-              "name": "_computeEffectiveFlags",
-              "privacy": "private",
+              "name": "hideBadge",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "description": "Forces badge visibility off."
             },
             {
               "kind": "method",
-              "name": "_setVar",
-              "privacy": "private",
+              "name": "setValue",
+              "privacy": "public",
               "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": "_resolveSectionBg",
+              "name": "_computeAriaLabel",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "string | null"
                 }
               },
               "parameters": [
                 {
-                  "name": "token",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "isInset",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "isOverlay",
+                  "name": "displayValue",
                   "type": {
-                    "text": "boolean"
+                    "text": "string | null"
                   }
                 }
-              ]
+              ],
+              "description": "Computes accessible badge label from current render state."
             },
             {
               "kind": "method",
-              "name": "_resolveSectionGlassSurface",
+              "name": "_computeAnchors",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "{\n    top: string;\n    right: string;\n    bottom: string;\n    left: string;\n  }"
                 }
               },
               "parameters": [
                 {
-                  "name": "token",
+                  "name": "placement",
                   "type": {
-                    "text": "string"
+                    "text": "SkyBadgePlacement"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_applyCardVars",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_applyPaddingVars",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              ],
+              "description": "Resolves anchor edges from placement preset."
             },
             {
               "kind": "method",
-              "name": "_applySectionChrome",
+              "name": "_resolveBadgeSurface",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "refreshLayout",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
+                  "text": "{\n    bg: string;\n    color: string;\n    border: string;\n  }"
                 }
               },
-              "description": "Recomputes card variables and section synchronization."
+              "description": "Maps semantic status tokens to soft badge surface colors."
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "bg",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<SkyBadgeClickEventDetail>"
               },
-              "default": "\"primary\"",
-              "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
-              "fieldName": "bg"
-            },
+              "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
+              "name": "badge-click"
+            }
+          ],
+          "attributes": [
             {
-              "name": "blurLevel",
+              "name": "statusColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Level of blur applied to the background. Default: `\"none\"`.",
-              "fieldName": "blurLevel"
+              "default": "\"success\"",
+              "description": "Badge background token or CSS color.",
+              "fieldName": "statusColor"
             },
             {
-              "name": "radius",
+              "name": "textColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Border radius of the card. Default: `\"md\"`.",
-              "fieldName": "radius"
+              "default": "\"default\"",
+              "description": "Text color token or CSS color.",
+              "fieldName": "textColor"
             },
             {
-              "name": "bodyPadding",
+              "name": "iconColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Padding for the card body. Default: `\"none\"`.",
-              "fieldName": "bodyPadding"
+              "default": "\"\"",
+              "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
+              "fieldName": "iconColor"
             },
             {
-              "name": "elevation",
+              "name": "position",
               "type": {
-                "text": "SkyCardElevation"
+                "text": "SkyBadgePosition"
               },
-              "default": "\"md\"",
-              "description": "Shadow depth of the card. Default: `\"md\"`.",
-              "fieldName": "elevation"
+              "default": "\"default\"",
+              "description": "Layout mode: `default | floating | inline`.",
+              "fieldName": "position"
             },
             {
-              "name": "outlined",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the card has an outline. Default: `false`.",
-              "fieldName": "outlined"
+              "default": "\"\"",
+              "description": "Badge text/count or icon name in icon mode.",
+              "fieldName": "value"
             },
             {
-              "name": "clickable",
+              "name": "isIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the card is clickable. Default: `false`.",
-              "fieldName": "clickable"
-            },
-            {
-              "name": "headerBg",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"transparent\"",
-              "description": "Background color of the header. Default: `\"transparent\"`.",
-              "fieldName": "headerBg"
-            },
-            {
-              "name": "headerBlur",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"none\"",
-              "description": "Blur level for the header background. Default: `\"none\"`.",
-              "fieldName": "headerBlur"
+              "description": "Renders icon mode when true.",
+              "fieldName": "isIcon"
             },
             {
-              "name": "headerPadding",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Padding for the header. Default: `\"md\"`.",
-              "fieldName": "headerPadding"
-            },
-            {
-              "name": "headerLayout",
-              "type": {
-                "text": "SkyCardSectionLayout"
-              },
-              "default": "\"inline\"",
-              "description": "Layout of the header content. Default: `\"inline\"`.",
-              "fieldName": "headerLayout"
+              "default": "\"\"",
+              "description": "Badge and icon size CSS length.",
+              "fieldName": "size"
             },
             {
-              "name": "headerInsetGap",
+              "name": "shape",
               "type": {
-                "text": "string"
+                "text": "SkyBadgeShape"
               },
-              "default": "\"sm\"",
-              "description": "Inset gap for the header section. Default: `\"sm\"`.",
-              "fieldName": "headerInsetGap"
+              "default": "\"custom\"",
+              "description": "Badge shape: `circle | pill | custom`.",
+              "fieldName": "shape"
             },
             {
-              "name": "headerRadius",
+              "name": "max",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "\"md\"",
-              "description": "Border radius for the header. Default: `\"md\"`.",
-              "fieldName": "headerRadius"
+              "default": "99",
+              "description": "Maximum numeric count before rendering overflow label.",
+              "fieldName": "max"
             },
             {
-              "name": "headerSeparatorColor",
+              "name": "hideWhenZero",
               "type": {
-                "text": "string"
-              },
-              "default": "\"border-light\"",
-              "description": "Color for the header separator. Default: `\"border-light\"`.",
-              "fieldName": "headerSeparatorColor"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides badge when value resolves to numeric zero.",
+              "fieldName": "hideWhenZero"
             },
             {
-              "name": "footerBg",
+              "name": "show",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"transparent\"",
-              "description": "Background color of the footer. Default: `\"transparent\"`.",
-              "fieldName": "footerBg"
+              "default": "true",
+              "description": "Forces badge visibility independent of value.",
+              "fieldName": "show"
             },
             {
-              "name": "footerBlur",
+              "name": "offsetX",
               "type": {
                 "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Blur level for the footer background. Default: `\"none\"`.",
-              "fieldName": "footerBlur"
+              "default": "\"0px\"",
+              "description": "Horizontal offset CSS length.",
+              "fieldName": "offsetX"
             },
             {
-              "name": "footerPadding",
+              "name": "offsetY",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Padding for the footer. Default: `\"md\"`.",
-              "fieldName": "footerPadding"
+              "default": "\"0px\"",
+              "description": "Vertical offset CSS length.",
+              "fieldName": "offsetY"
             },
             {
-              "name": "footerLayout",
+              "name": "ring",
               "type": {
-                "text": "SkyCardSectionLayout"
+                "text": "boolean"
               },
-              "default": "\"inline\"",
-              "description": "Layout of the footer content. Default: `\"inline\"`.",
-              "fieldName": "footerLayout"
+              "default": "false",
+              "description": "Enables visual ring around the badge.",
+              "fieldName": "ring"
             },
             {
-              "name": "footerInsetGap",
+              "name": "ringColor",
               "type": {
                 "text": "string"
               },
-              "default": "\"sm\"",
-              "description": "Inset gap for the footer section. Default: `\"sm\"`.",
-              "fieldName": "footerInsetGap"
+              "default": "\"primary\"",
+              "description": "Ring color token or CSS color.",
+              "fieldName": "ringColor"
             },
             {
-              "name": "footerRadius",
+              "name": "ringOffset",
               "type": {
                 "text": "string"
               },
-              "default": "\"md\"",
-              "description": "Border radius for the footer. Default: `\"md\"`.",
-              "fieldName": "footerRadius"
+              "default": "\"1px\"",
+              "description": "Ring offset CSS length.",
+              "fieldName": "ringOffset"
             },
             {
-              "name": "footerSeparatorColor",
+              "name": "badgeLabel",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "default": "\"border-light\"",
-              "description": "Color for the footer separator. Default: `\"border-light\"`.",
-              "fieldName": "footerSeparatorColor"
+              "default": "null",
+              "description": "ARIA label override.",
+              "fieldName": "badgeLabel"
             },
             {
-              "name": "padRatio",
+              "name": "badgeAriaHidden",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "Ratio to adjust padding. Default: `1`.",
-              "fieldName": "padRatio"
+              "default": "false",
+              "description": "Hides badge from assistive technology when true.",
+              "fieldName": "badgeAriaHidden"
             },
             {
-              "name": "separators",
+              "name": "interactive",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "boolean"
               },
-              "default": "\"none\"",
-              "description": "Determines where separators should appear. Default: `\"none\"`.",
-              "fieldName": "separators"
+              "default": "false",
+              "description": "Enables focus/activation and `badge-click` emission.",
+              "fieldName": "interactive"
             },
             {
-              "name": "overlays",
+              "name": "placement",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "SkyBadgePlacement"
               },
-              "default": "\"none\"",
-              "description": "Determines where overlays should appear. Default: `\"none\"`.",
-              "fieldName": "overlays"
+              "default": "\"custom\"",
+              "description": "Anchor placement preset for badge positioning.",
+              "fieldName": "placement"
             },
             {
-              "name": "insets",
+              "name": "preset",
               "type": {
-                "text": "SkyCardSectionTarget"
+                "text": "string"
               },
-              "default": "\"none\"",
-              "description": "Determines where insets should appear. Default: `\"none\"`.",
-              "fieldName": "insets"
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sky-card",
+          "tagName": "sky-badge",
           "customElement": true,
-          "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
+          "summary": "Badge for status dots, counts, or icons anchored to slotted content."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkyCard",
+          "name": "SkyBadge",
           "declaration": {
-            "name": "SkyCard",
-            "module": "src/sky-card/sky-card.ts"
+            "name": "SkyBadge",
+            "module": "src/sky-badge/sky-badge.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sky-card",
+          "name": "sky-badge",
           "declaration": {
-            "name": "SkyCard",
-            "module": "src/sky-card/sky-card.ts"
+            "name": "SkyBadge",
+            "module": "src/sky-badge/sky-badge.ts"
           }
         }
       ]
@@ -3378,6 +3580,23 @@
               "attribute": "indeterminate",
               "reflects": true
             },
+            {
+              "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": "getFormValue",
@@ -3715,6 +3934,15 @@
               },
               "description": "Whether the checkbox is in the indeterminate state. Default: `false`.",
               "fieldName": "indeterminate"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -3901,13 +4129,30 @@
               "attribute": "variant",
               "reflects": true
             },
+            {
+              "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": "_resolveSize",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{\r\n    padding: string;\r\n    fontSize: string;\r\n  }"
+                  "text": "{\n    padding: string;\n    fontSize: string;\n  }"
                 }
               },
               "parameters": [
@@ -4085,6 +4330,15 @@
               "default": "\"flat\"",
               "description": "Visual style variant. Default: `\"flat\"`.",
               "fieldName": "variant"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -4234,6 +4488,23 @@
               "description": "Responsive span for extra-large breakpoint.",
               "attribute": "xl"
             },
+            {
+              "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": "refreshLayout",
@@ -4340,6 +4611,15 @@
               },
               "description": "Responsive span for extra-large breakpoint.",
               "fieldName": "xl"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -4518,7 +4798,7 @@
                 "text": "Record<string, CustomElementConstructor>"
               },
               "static": true,
-              "default": "{ \"sky-icon\": SkyIcon, \"sky-checkbox\": SkyCheckbox, }"
+              "default": "{ \"sky-icon\": SkyIcon, \"sky-checkbox\": SkyCheckbox, \"sky-input\": SkyInput, }"
             },
             {
               "kind": "field",
@@ -5066,7 +5346,7 @@
               "kind": "field",
               "name": "searchInputEl",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "SkyInput"
               },
               "privacy": "private"
             },
@@ -5174,6 +5454,23 @@
               "privacy": "private",
               "default": "new PopoverController(this, { getAnchor: () => this.overflowChipEl, getPopover: () => this.hiddenDropdownEl, cssVarLeft: \"--sky-hc-left\", cssVarTop: \"--sky-hc-top\", cssVarWidth: \"--sky-hc-width\", getPlacement: () => \"bottom\" as any, getAlign: () => \"center\" as any, getGap: () => 4, getPadding: () => 8, getMatchAnchorWidth: () => false, getMaxWidthToViewport: () => true, getMaxWidthMode: () => \"cap\" as any, getFlip: () => true, getFlipOrder: () => [], getAnimateReposition: () => true, getRepositionMs: () => 120, getCloseOnEscape: () => true, getCloseOnOutside: () => true, getRestoreFocusOnClose: () => false, onOpenChange: (open) => { this.hiddenChipsOpen = open; // if opening hidden chips, close main dropdown if (open && this.open) { this.dropdownPopover.closePopover(\"api\"); } }, })"
             },
+            {
+              "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": "field",
               "name": "shadowRootOptions",
@@ -5511,7 +5808,25 @@
             },
             {
               "kind": "method",
-              "name": "handleInput",
+              "name": "handleSearchValueChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<{ value: string | number }>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSearchValueCleared",
               "privacy": "private",
               "return": {
                 "type": {
@@ -5522,7 +5837,25 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "InputEvent"
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "applySearchQuery",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "raw",
+                  "type": {
+                    "text": "string"
                   }
                 }
               ]
@@ -6150,6 +6483,15 @@
               "default": "\"chips\"",
               "description": "Multi-select value UI: `chips` (default), `text` (comma-joined), or `count` (“N selected”).",
               "fieldName": "multiDisplay"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -6465,6 +6807,23 @@
               "name": "_onBackdropPointerDown",
               "privacy": "private"
             },
+            {
+              "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": "show",
@@ -6802,6 +7161,15 @@
               "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": {
@@ -6922,14 +7290,31 @@
             },
             {
               "kind": "field",
-              "name": "height",
+              "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": "\"100%\"",
-              "description": "Height used for vertical orientation.",
-              "privacy": "public",
-              "attribute": "height"
+              "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",
@@ -7008,6 +7393,15 @@
               "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": {
@@ -7156,6 +7550,23 @@
               "privacy": "public",
               "attribute": "col"
             },
+            {
+              "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": "field",
               "name": "_childMo",
@@ -7353,6 +7764,15 @@
               "default": "12",
               "description": "Total column count used for span calculations.",
               "fieldName": "col"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -7508,6 +7928,24 @@
               "privacy": "public",
               "attribute": "alignSelf"
             },
+            {
+              "kind": "field",
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "privacy": "protected",
+              "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": "syncVars",
@@ -7636,6 +8074,15 @@
               },
               "description": "Cross-axis alignment override.",
               "fieldName": "alignSelf"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -7914,6 +8361,23 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "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": "field",
               "name": "formElement",
@@ -8303,6 +8767,15 @@
               "default": "null",
               "description": "Optional CSRF token value for app-level submit handling.",
               "fieldName": "csrfToken"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -8354,6 +8827,23 @@
             }
           ],
           "members": [
+            {
+              "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": "field",
               "name": "columns",
@@ -8427,6 +8917,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
+            },
             {
               "name": "columns",
               "type": {
@@ -8630,6 +9129,23 @@
               ],
               "description": "Register a single local icon (one-off custom icon without a full set)."
             },
+            {
+              "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)"
+            },
             {
               "kind": "field",
               "name": "icon",
@@ -8942,6 +9458,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`.",
+              "fieldName": "preset"
+            },
             {
               "name": "icon",
               "type": {
@@ -9231,6 +9756,23 @@
               "description": "Native decoding hint.",
               "attribute": "decoding"
             },
+            {
+              "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": "field",
               "name": "_ro",
@@ -9470,6 +10012,15 @@
               "default": "\"async\"",
               "description": "Native decoding hint.",
               "fieldName": "decoding"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -10053,6 +10604,23 @@
               "attribute": "variant",
               "reflects": true
             },
+            {
+              "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": "field",
               "name": "selectedFileName",
@@ -11212,6 +11780,15 @@
               "default": "\"default\"",
               "description": "Visual style: `default`, `highlight`, `fieldset`, or `inside`.",
               "fieldName": "variant"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -11263,6 +11840,23 @@
             }
           ],
           "members": [
+            {
+              "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": "field",
               "name": "selection",
@@ -11516,6 +12110,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
+            },
             {
               "name": "selection",
               "type": {
@@ -11671,6 +12274,23 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "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": "onClick",
@@ -11762,6 +12382,15 @@
               "default": "false",
               "description": "Whether interaction is disabled.",
               "fieldName": "disabled"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -11912,6 +12541,23 @@
                 }
               }
             },
+            {
+              "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": "field",
               "name": "shadowRootOptions",
@@ -12179,6 +12825,15 @@
               "default": "false",
               "description": "Compact control size.",
               "fieldName": "compact"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -12223,7 +12878,36 @@
               "name": ""
             }
           ],
-          "members": [],
+          "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"
@@ -12349,6 +13033,23 @@
                   "text": "void"
                 }
               }
+            },
+            {
+              "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)"
             }
           ],
           "attributes": [
@@ -12396,6 +13097,15 @@
               "default": "\"md\"",
               "description": "Preset (`none`, `sm`, `md`, `lg`, `xl`) or CSS length (`1rem`, `16px`).",
               "fieldName": "radius"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {
@@ -12508,6 +13218,23 @@
               "description": "Alias for `columns`.",
               "attribute": "column"
             },
+            {
+              "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": "field",
               "name": "_safeData",
@@ -12611,6 +13338,15 @@
               },
               "description": "Alias for `columns`.",
               "fieldName": "column"
+            },
+            {
+              "name": "preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
+              "fieldName": "preset"
             }
           ],
           "superclass": {