npm - @warp-ds/elements - Versions diffs - 2.9.2-next.1 → 2.10.0-next.10 - Mend

@warp-ds/elements 2.9.2-next.1 → 2.10.0-next.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (283) hide show

package/README.md +4 -0
package/dist/api.js +1 -1
package/dist/api.js.map +1 -1
package/dist/custom-elements.json +508 -145
package/dist/docs/affix/affix.md +2 -2
package/dist/docs/affix/styling.md +1 -0
package/dist/docs/alert/alert.md +2 -2
package/dist/docs/alert/styling.md +1 -0
package/dist/docs/attention/attention.md +2 -0
package/dist/docs/attention/styling.md +1 -0
package/dist/docs/badge/badge.md +2 -0
package/dist/docs/badge/styling.md +1 -0
package/dist/docs/box/box.md +22 -40
package/dist/docs/box/examples.md +20 -38
package/dist/docs/box/styling.md +1 -0
package/dist/docs/breadcrumbs/breadcrumbs.md +8 -2
package/dist/docs/breadcrumbs/examples.md +7 -1
package/dist/docs/breadcrumbs/styling.md +1 -0
package/dist/docs/button/accessibility.md +42 -0
package/dist/docs/button/api.md +63 -39
package/dist/docs/button/button.md +395 -42
package/dist/docs/button/examples.md +126 -0
package/dist/docs/button/styling.md +72 -0
package/dist/docs/button/usage.md +89 -0
package/dist/docs/card/accessibility.md +74 -0
package/dist/docs/card/api.md +9 -3
package/dist/docs/card/card.md +236 -5
package/dist/docs/card/examples.md +75 -0
package/dist/docs/card/styling.md +1 -0
package/dist/docs/card/usage.md +76 -0
package/dist/docs/checkbox/api.md +128 -0
package/dist/docs/checkbox/checkbox.md +134 -0
package/dist/docs/checkbox-group/accessibility.md +71 -0
package/dist/docs/checkbox-group/api.md +79 -0
package/dist/docs/checkbox-group/checkbox-group.md +492 -0
package/dist/docs/checkbox-group/examples.md +105 -0
package/dist/docs/checkbox-group/styling.md +132 -0
package/dist/docs/checkbox-group/usage.md +95 -0
package/dist/docs/combobox/accessibility.md +71 -0
package/dist/docs/combobox/api.md +60 -30
package/dist/docs/combobox/combobox.md +205 -32
package/dist/docs/combobox/examples.md +44 -0
package/dist/docs/combobox/styling.md +1 -0
package/dist/docs/combobox/usage.md +28 -0
package/dist/docs/datepicker/accessibility.md +25 -0
package/dist/docs/datepicker/api.md +22 -14
package/dist/docs/datepicker/datepicker.md +208 -16
package/dist/docs/datepicker/examples.md +75 -0
package/dist/docs/datepicker/styling.md +1 -0
package/dist/docs/datepicker/usage.md +84 -0
package/dist/docs/expandable/api.md +20 -32
package/dist/docs/expandable/examples.md +54 -0
package/dist/docs/expandable/expandable.md +74 -32
package/dist/docs/expandable/styling.md +1 -0
package/dist/docs/icon/accessibility.md +5 -0
package/dist/docs/icon/api.md +43 -0
package/dist/docs/icon/examples.md +45 -0
package/dist/docs/icon/icon.md +115 -0
package/dist/docs/icon/styling.md +1 -0
package/dist/docs/icon/usage.md +11 -0
package/dist/docs/index.md +46 -0
package/dist/docs/link/api.md +18 -22
package/dist/docs/link/examples.md +75 -0
package/dist/docs/link/link.md +113 -24
package/dist/docs/link/styling.md +1 -0
package/dist/docs/link/usage.md +18 -0
package/dist/docs/modal/api.md +51 -0
package/dist/docs/modal/examples.md +67 -0
package/dist/docs/modal/modal.md +240 -0
package/dist/docs/modal/styling.md +1 -0
package/dist/docs/modal/usage.md +110 -0
package/dist/docs/modal-footer/api.md +11 -0
package/dist/docs/modal-footer/modal-footer.md +17 -0
package/dist/docs/modal-header/api.md +42 -0
package/dist/docs/modal-header/modal-header.md +48 -0
package/dist/docs/page-indicator/api.md +6 -6
package/dist/docs/page-indicator/examples.md +8 -0
package/dist/docs/page-indicator/page-indicator.md +25 -6
package/dist/docs/page-indicator/styling.md +1 -0
package/dist/docs/page-indicator/usage.md +8 -0
package/dist/docs/pagination/api.md +12 -10
package/dist/docs/pagination/examples.md +20 -0
package/dist/docs/pagination/pagination.md +52 -12
package/dist/docs/pagination/styling.md +1 -0
package/dist/docs/pagination/usage.md +18 -0
package/dist/docs/pill/accessibility.md +2 -0
package/dist/docs/pill/api.md +10 -26
package/dist/docs/pill/examples.md +23 -0
package/dist/docs/pill/pill.md +45 -28
package/dist/docs/pill/styling.md +1 -0
package/dist/docs/pill/usage.md +8 -0
package/dist/docs/radio/radio.md +1 -7
package/dist/docs/select/select.md +2 -0
package/dist/docs/select/styling.md +1 -0
package/dist/docs/slider/slider.md +2 -0
package/dist/docs/slider/styling.md +1 -0
package/dist/docs/slider-thumb/slider-thumb.md +2 -0
package/dist/docs/slider-thumb/styling.md +1 -0
package/dist/docs/step-indicator/step-indicator.md +2 -0
package/dist/docs/step-indicator/styling.md +1 -0
package/dist/docs/switch/styling.md +1 -0
package/dist/docs/switch/switch.md +2 -0
package/dist/docs/tabs/styling.md +1 -0
package/dist/docs/tabs/tabs.md +2 -0
package/dist/docs/textarea/styling.md +1 -0
package/dist/docs/textarea/textarea.md +2 -0
package/dist/docs/textfield/styling.md +1 -0
package/dist/docs/textfield/textfield.md +2 -0
package/dist/index.d.ts +950 -602
package/dist/packages/affix/affix.hydration.test.js +1 -1
package/dist/packages/affix/affix.js +4 -4
package/dist/packages/affix/affix.js.map +4 -4
package/dist/packages/alert/alert.hydration.test.js +1 -1
package/dist/packages/alert/alert.js +3 -3
package/dist/packages/alert/alert.js.map +3 -3
package/dist/packages/attention/attention.hydration.test.js +1 -1
package/dist/packages/attention/attention.js +397 -444
package/dist/packages/attention/attention.js.map +4 -4
package/dist/packages/attention/attention.test.js +1 -1
package/dist/packages/badge/badge.hydration.test.js +1 -1
package/dist/packages/box/box.hydration.test.js +1 -1
package/dist/packages/box/box.js +1 -1
package/dist/packages/box/box.js.map +1 -1
package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +3 -2
package/dist/packages/breadcrumbs/breadcrumbs.js +4 -4
package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
package/dist/packages/button/button.d.ts +54 -37
package/dist/packages/button/button.hydration.test.js +1 -1
package/dist/packages/button/button.js +385 -432
package/dist/packages/button/button.js.map +4 -4
package/dist/packages/button/button.react.stories.d.ts +2 -2
package/dist/packages/button/button.stories.d.ts +29 -0
package/dist/packages/button/button.stories.js +176 -2
package/dist/packages/button/react.d.ts +1 -1
package/dist/packages/button/styles.d.ts +22 -1
package/dist/packages/button/styles.js +390 -1
package/dist/packages/card/card.d.ts +9 -6
package/dist/packages/card/card.hydration.test.js +1 -1
package/dist/packages/card/card.js +3 -3
package/dist/packages/card/card.js.map +4 -4
package/dist/packages/checkbox/checkbox.d.ts +45 -14
package/dist/packages/checkbox/checkbox.hydration.test.js +1 -1
package/dist/packages/checkbox/checkbox.js +3 -3
package/dist/packages/checkbox/checkbox.js.map +3 -3
package/dist/packages/checkbox/checkbox.react.stories.d.ts +1 -1
package/dist/packages/checkbox/checkbox.stories.d.ts +2 -2
package/dist/packages/checkbox/checkbox.test.js +1 -1
package/dist/packages/checkbox/react.d.ts +2 -2
package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +1 -1
package/dist/packages/checkbox-group/checkbox-group.d.ts +35 -8
package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +1 -1
package/dist/packages/checkbox-group/checkbox-group.js +6 -6
package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
package/dist/packages/checkbox-group/react.d.ts +3 -3
package/dist/packages/combobox/combobox.a11y.test.js +24 -0
package/dist/packages/combobox/combobox.d.ts +65 -45
package/dist/packages/combobox/combobox.hydration.test.js +39 -1
package/dist/packages/combobox/combobox.js +21 -21
package/dist/packages/combobox/combobox.js.map +4 -4
package/dist/packages/combobox/combobox.stories.js +28 -15
package/dist/packages/combobox/combobox.test.js +110 -0
package/dist/packages/datepicker/DatePicker.test.js +1 -1
package/dist/packages/datepicker/datepicker.d.ts +22 -30
package/dist/packages/datepicker/datepicker.hydration.test.js +1 -1
package/dist/packages/datepicker/datepicker.js +49 -49
package/dist/packages/datepicker/datepicker.js.map +4 -4
package/dist/packages/datepicker/datepicker.test.js +1 -1
package/dist/packages/expandable/expandable.d.ts +11 -32
package/dist/packages/expandable/expandable.hydration.test.js +1 -1
package/dist/packages/expandable/expandable.js +11 -11
package/dist/packages/expandable/expandable.js.map +3 -3
package/dist/packages/expandable/expandable.react.stories.d.ts +2 -2
package/dist/packages/expandable/react.d.ts +1 -1
package/dist/packages/icon/icon.d.ts +16 -4
package/dist/packages/icon/icon.hydration.test.js +1 -1
package/dist/packages/icon/icon.js +2 -2
package/dist/packages/icon/icon.js.map +3 -3
package/dist/packages/icon/icon.react.stories.d.ts +1 -1
package/dist/packages/icon/react.d.ts +2 -2
package/dist/packages/link/link.d.ts +15 -16
package/dist/packages/link/link.hydration.test.js +1 -1
package/dist/packages/link/link.js +420 -190
package/dist/packages/link/link.js.map +4 -4
package/dist/packages/link/link.test.js +1 -1
package/dist/packages/link/styles.d.ts +5 -0
package/dist/packages/link/styles.js +80 -0
package/dist/packages/modal/index.d.ts +4 -4
package/dist/packages/modal/index.js +4 -4
package/dist/packages/modal/modal.d.ts +22 -12
package/dist/packages/modal/modal.hydration.test.js +1 -1
package/dist/packages/modal/modal.js +5 -5
package/dist/packages/modal/modal.js.map +3 -3
package/dist/packages/modal/modal.react.stories.d.ts +3 -3
package/dist/packages/modal/modal.stories.d.ts +2 -1
package/dist/packages/modal/modal.stories.js +85 -3
package/dist/packages/modal/react.d.ts +2 -2
package/dist/packages/modal-footer/modal-footer.d.ts +5 -3
package/dist/packages/modal-footer/modal-footer.js +4 -4
package/dist/packages/modal-footer/modal-footer.js.map +3 -3
package/dist/packages/modal-footer/react.d.ts +1 -1
package/dist/packages/modal-header/modal-header.d.ts +21 -11
package/dist/packages/modal-header/modal-header.js +11 -9
package/dist/packages/modal-header/modal-header.js.map +4 -4
package/dist/packages/modal-header/react.d.ts +2 -2
package/dist/packages/page-indicator/page-indicator.d.ts +9 -14
package/dist/packages/page-indicator/page-indicator.hydration.test.js +1 -1
package/dist/packages/page-indicator/page-indicator.js +5 -5
package/dist/packages/page-indicator/page-indicator.js.map +4 -4
package/dist/packages/pagination/pagination.d.ts +11 -11
package/dist/packages/pagination/pagination.hydration.test.js +1 -1
package/dist/packages/pagination/pagination.js +4 -4
package/dist/packages/pagination/pagination.js.map +4 -4
package/dist/packages/pagination/pagination.test.js +1 -1
package/dist/packages/pill/pill.d.ts +14 -29
package/dist/packages/pill/pill.hydration.test.js +1 -1
package/dist/packages/pill/pill.js +3 -3
package/dist/packages/pill/pill.js.map +4 -4
package/dist/packages/pill/pill.react.stories.d.ts +2 -2
package/dist/packages/pill/react.d.ts +1 -1
package/dist/packages/radio/radio.hydration.test.js +1 -1
package/dist/packages/radio/radio.js +3 -3
package/dist/packages/radio/radio.js.map +3 -3
package/dist/packages/radio/radio.test.js +1 -1
package/dist/packages/radio-group/radio-group.a11y.test.js +7 -3
package/dist/packages/radio-group/radio-group.hydration.test.js +6 -2
package/dist/packages/radio-group/radio-group.js +11 -11
package/dist/packages/radio-group/radio-group.js.map +4 -4
package/dist/packages/select/select.a11y.test.js +6 -2
package/dist/packages/select/select.hydration.test.js +1 -1
package/dist/packages/select/select.js +7 -7
package/dist/packages/select/select.js.map +4 -4
package/dist/packages/select/select.test.js +4 -2
package/dist/packages/slider/slider.hydration.test.js +7 -2
package/dist/packages/slider/slider.js +5 -5
package/dist/packages/slider/slider.js.map +4 -4
package/dist/packages/slider/slider.react.stories.js +2 -2
package/dist/packages/slider/slider.test.js +1 -1
package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +1 -1
package/dist/packages/slider-thumb/slider-thumb.js +20 -20
package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
package/dist/packages/step/step.hydration.test.js +1 -1
package/dist/packages/step/step.js +8 -8
package/dist/packages/step/step.js.map +4 -4
package/dist/packages/step-indicator/step-indicator.hydration.test.js +1 -1
package/dist/packages/switch/switch.a11y.test.js +1 -1
package/dist/packages/switch/switch.hydration.test.js +1 -1
package/dist/packages/switch/switch.js +1 -1
package/dist/packages/switch/switch.js.map +1 -1
package/dist/packages/tab/tab.hydration.test.js +1 -1
package/dist/packages/tab/tab.js +10 -10
package/dist/packages/tab/tab.js.map +2 -2
package/dist/packages/tab-panel/tab-panel.hydration.test.js +1 -1
package/dist/packages/tab-panel/tab-panel.js +3 -3
package/dist/packages/tab-panel/tab-panel.js.map +2 -2
package/dist/packages/tabs/tabs.a11y.test.js +2 -2
package/dist/packages/tabs/tabs.hydration.test.js +1 -1
package/dist/packages/tabs/tabs.js +1 -1
package/dist/packages/tabs/tabs.js.map +2 -2
package/dist/packages/tabs/tabs.test.js +4 -4
package/dist/packages/textarea/textarea.hydration.test.js +1 -1
package/dist/packages/textarea/textarea.js +4 -4
package/dist/packages/textarea/textarea.js.map +3 -3
package/dist/packages/textarea/textarea.test.js +1 -1
package/dist/packages/textfield/textfield.hydration.test.js +1 -1
package/dist/packages/textfield/textfield.js +1 -1
package/dist/packages/textfield/textfield.js.map +1 -1
package/dist/packages/textfield/textfield.test.js +1 -1
package/dist/packages/toast/toast.js +6 -6
package/dist/packages/toast/toast.js.map +4 -4
package/dist/packages/toast/toast.stories.d.ts +1 -5
package/dist/packages/toast/toast.stories.js +0 -17
package/dist/packages/toast-container/toast-container.js +2 -2
package/dist/packages/toast-container/toast-container.js.map +2 -2
package/dist/web-types.json +509 -172
package/eik/index.js +2536 -0
package/package.json +18 -12
package/dist/docs/radio/examples.md +0 -1
package/dist/docs/radio/usage.md +0 -1
package/dist/packages/button/styles/w-button.styles.d.ts +0 -1
package/dist/packages/button/styles/w-button.styles.js +0 -282
package/dist/packages/link/styles/w-link.styles.d.ts +0 -1
package/dist/packages/link/styles/w-link.styles.js +0 -213
/package/dist/docs/{radio → modal}/accessibility.md +0 -0

package/dist/custom-elements.json CHANGED Viewed

@@ -9,7 +9,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "WIcon",
+          "name": "WarpIcon",
           "members": [
             {
               "kind": "field",
@@ -25,11 +25,15 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'small' | 'medium' | 'large' | string"
+                "text": "'small' | 'medium' | 'large' | PixelValue"
               },
-              "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
+              "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
+              "default": "\"medium\"",
               "attribute": "size",
-              "reflects": true
+              "reflects": true,
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large' | `${number}px`"
+              }
             },
             {
               "kind": "field",
@@ -37,7 +41,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Locale used in CDN URL",
+              "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
               "attribute": "locale",
               "reflects": true
             },
@@ -94,17 +98,21 @@
             {
               "name": "size",
               "type": {
-                "text": "'small' | 'medium' | 'large' | string"
+                "text": "'small' | 'medium' | 'large' | PixelValue"
               },
-              "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
-              "fieldName": "size"
+              "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
+              "default": "\"medium\"",
+              "fieldName": "size",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large' | `${number}px`"
+              }
             },
             {
               "name": "locale",
               "type": {
                 "text": "string"
               },
-              "description": "Locale used in CDN URL",
+              "description": "Locale used for `<title>` text.\n\nReads the `lang` attribute from `<html>`, falls back to 'en'.",
               "fieldName": "locale"
             }
           ],
@@ -116,9 +124,23 @@
           "customElement": true,
           "modulePath": "packages/icon/icon.ts",
           "definitionPath": "packages/icon/icon.ts"
+        },
+        {
+          "kind": "variable",
+          "name": "WIcon",
+          "default": "WarpIcon",
+          "deprecated": "Exported for backwards compatibility. Use WarpIcon."
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "WarpIcon",
+          "declaration": {
+            "name": "WarpIcon",
+            "module": "packages/icon/icon.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "WIcon",
@@ -131,7 +153,7 @@
           "kind": "custom-element-definition",
           "name": "w-icon",
           "declaration": {
-            "name": "WIcon",
+            "name": "WarpIcon",
             "module": "packages/icon/icon.ts"
           }
         }
@@ -942,15 +964,6 @@
           "description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)",
           "name": "WarpLink",
           "members": [
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
-            },
             {
               "kind": "field",
               "name": "autofocus",
@@ -958,6 +971,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Focus the link after it is rendered",
               "attribute": "autofocus",
               "reflects": true
             },
@@ -967,6 +981,7 @@
               "type": {
                 "text": "ButtonVariant"
               },
+              "description": "Visual style for the link/button.",
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
@@ -980,6 +995,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Render a smaller version",
               "attribute": "small",
               "reflects": true
             },
@@ -989,6 +1005,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The URL the link points to",
               "attribute": "href",
               "reflects": true
             },
@@ -999,6 +1016,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Applies disabled styling, but you need to disable clicks on your own.\n\nThe component renders an `<a>` element; `disabled` affects styling, but does not inherently prevent navigation. If you need to fully disable interaction, omit `href` and/or prevent default click behavior.",
               "attribute": "disabled",
               "reflects": true
             },
@@ -1008,6 +1026,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Where to display the linked URL (e.g. `_blank`)",
               "attribute": "target",
               "reflects": true
             },
@@ -1017,6 +1036,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Relationship of the linked URL.\n\nIf `target=\"_blank\"` and `rel` is not provided, the component uses `noopener`.",
               "attribute": "rel",
               "reflects": true
             },
@@ -1027,6 +1047,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Makes the link take up the full width of its parent",
               "attribute": "full-width",
               "reflects": true
             }
@@ -1038,6 +1059,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Focus the link after it is rendered",
               "fieldName": "autofocus"
             },
             {
@@ -1045,6 +1067,7 @@
               "type": {
                 "text": "ButtonVariant"
               },
+              "description": "Visual style for the link/button.",
               "fieldName": "variant",
               "parsedType": {
                 "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
@@ -1056,6 +1079,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Render a smaller version",
               "fieldName": "small"
             },
             {
@@ -1063,6 +1087,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The URL the link points to",
               "fieldName": "href"
             },
             {
@@ -1071,6 +1096,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Applies disabled styling, but you need to disable clicks on your own.\n\nThe component renders an `<a>` element; `disabled` affects styling, but does not inherently prevent navigation. If you need to fully disable interaction, omit `href` and/or prevent default click behavior.",
               "fieldName": "disabled"
             },
             {
@@ -1078,6 +1104,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Where to display the linked URL (e.g. `_blank`)",
               "fieldName": "target"
             },
             {
@@ -1085,6 +1112,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Relationship of the linked URL.\n\nIf `target=\"_blank\"` and `rel` is not provided, the component uses `noopener`.",
               "fieldName": "rel"
             },
             {
@@ -1093,6 +1121,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Makes the link take up the full width of its parent",
               "fieldName": "fullWidth"
             }
           ],
@@ -1131,7 +1160,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Buttons are used to perform actions, widh different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)",
+          "description": "Performs an action or renders a link with button styling.\nUse button variants to match action priority, risk, and context.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)",
           "name": "WarpButton",
           "members": [
             {
@@ -1141,7 +1170,8 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
+              "description": "Shadow root configuration.\nDelegates focus from the host to the internal control."
             },
             {
               "kind": "field",
@@ -1149,6 +1179,7 @@
               "type": {
                 "text": "ButtonType"
               },
+              "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
               "attribute": "type",
               "reflects": true,
               "parsedType": {
@@ -1162,6 +1193,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Focuses the button when it is first rendered.\nApplies only when the component renders a native button. Link buttons with `href` do not autofocus through this component.",
               "attribute": "autofocus",
               "reflects": true
             },
@@ -1171,6 +1203,7 @@
               "type": {
                 "text": "ButtonVariant"
               },
+              "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
@@ -1184,6 +1217,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Deprecated quiet visual treatment flag\nUse `variant=\"quiet\"` instead.",
               "deprecated": "Use `variant=\"quiet\"` instead",
               "attribute": "quiet",
               "reflects": true
@@ -1195,6 +1229,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Marks the button as icon-only.\nUse this when the button has no visible text. Include accessible text in the slotted content so the internal button has a name.",
               "attribute": "icon-only",
               "reflects": true
             },
@@ -1205,6 +1240,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Renders the compact button size.\nUse this in dense layouts where the default button size is too large.",
               "attribute": "small",
               "reflects": true
             },
@@ -1215,6 +1251,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the loading state.\nUse after the user has triggered an action and the action is in progress.",
               "attribute": "loading",
               "reflects": true
             },
@@ -1224,6 +1261,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
               "attribute": "href",
               "reflects": true
             },
@@ -1233,6 +1271,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
               "attribute": "target",
               "reflects": true
             },
@@ -1243,6 +1282,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Visually disables the button.\nDisabled buttons are discouraged because they can hide the reason an action is unavailable.",
               "attribute": "disabled",
               "reflects": true
             },
@@ -1252,6 +1292,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
               "attribute": "rel",
               "reflects": true
             },
@@ -1262,6 +1303,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Makes the button fill its parent width.\nUseful in narrow layouts where the button should span the available inline space.",
               "attribute": "full-width",
               "reflects": true
             },
@@ -1271,6 +1313,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
               "deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
               "attribute": "button-class",
               "reflects": true
@@ -1281,6 +1324,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Form control name.\nUsed when the button participates in form handling.",
               "attribute": "name",
               "reflects": true
             },
@@ -1290,9 +1334,44 @@
               "type": {
                 "text": "string"
               },
+              "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
               "attribute": "value",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "commandfor",
+              "type": {
+                "text": "string"
+              },
+              "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
+              "attribute": "commandfor"
+            },
+            {
+              "kind": "field",
+              "name": "command",
+              "type": {
+                "text": "string"
+              },
+              "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
+              "attribute": "command"
+            },
+            {
+              "kind": "field",
+              "name": "buttonEl",
+              "type": {
+                "text": "HTMLButtonElement | null"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "ariaValueTextLoading",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#initialValue",
@@ -1302,6 +1381,25 @@
               },
               "default": "null"
             },
+            {
+              "kind": "method",
+              "name": "closestWithId",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Traverse up the shadow roots looking for the ID to support use inside other Lit components."
+            },
             {
               "kind": "method",
               "name": "resetFormControl",
@@ -1313,10 +1411,6 @@
               "type": {
                 "text": "resetFormControl() => void"
               }
-            },
-            {
-              "kind": "field",
-              "name": "ariaValueTextLoading"
             }
           ],
           "attributes": [
@@ -1325,6 +1419,7 @@
               "type": {
                 "text": "ButtonType"
               },
+              "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
               "fieldName": "type",
               "parsedType": {
                 "text": "'button' | 'submit' | 'reset'"
@@ -1336,6 +1431,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Focuses the button when it is first rendered.\nApplies only when the component renders a native button. Link buttons with `href` do not autofocus through this component.",
               "fieldName": "autofocus"
             },
             {
@@ -1343,6 +1439,7 @@
               "type": {
                 "text": "ButtonVariant"
               },
+              "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
               "fieldName": "variant",
               "parsedType": {
                 "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
@@ -1354,6 +1451,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Deprecated quiet visual treatment flag\nUse `variant=\"quiet\"` instead.",
               "deprecated": "Use `variant=\"quiet\"` instead",
               "fieldName": "quiet"
             },
@@ -1363,6 +1461,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Marks the button as icon-only.\nUse this when the button has no visible text. Include accessible text in the slotted content so the internal button has a name.",
               "fieldName": "iconOnly"
             },
             {
@@ -1371,6 +1470,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Renders the compact button size.\nUse this in dense layouts where the default button size is too large.",
               "fieldName": "small"
             },
             {
@@ -1379,6 +1479,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Shows the loading state.\nUse after the user has triggered an action and the action is in progress.",
               "fieldName": "loading"
             },
             {
@@ -1386,6 +1487,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
               "fieldName": "href"
             },
             {
@@ -1393,6 +1495,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
               "fieldName": "target"
             },
             {
@@ -1401,6 +1504,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Visually disables the button.\nDisabled buttons are discouraged because they can hide the reason an action is unavailable.",
               "fieldName": "disabled"
             },
             {
@@ -1408,6 +1512,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
               "fieldName": "rel"
             },
             {
@@ -1416,6 +1521,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Makes the button fill its parent width.\nUseful in narrow layouts where the button should span the available inline space.",
               "fieldName": "fullWidth"
             },
             {
@@ -1423,6 +1529,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
               "deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
               "fieldName": "buttonClass"
             },
@@ -1431,6 +1538,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Form control name.\nUsed when the button participates in form handling.",
               "fieldName": "name"
             },
             {
@@ -1438,7 +1546,24 @@
               "type": {
                 "text": "string"
               },
+              "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
               "fieldName": "value"
+            },
+            {
+              "name": "commandfor",
+              "type": {
+                "text": "string"
+              },
+              "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
+              "fieldName": "commandfor"
+            },
+            {
+              "name": "command",
+              "type": {
+                "text": "string"
+              },
+              "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
+              "fieldName": "command"
             }
           ],
           "mixins": [
@@ -2139,6 +2264,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the card is visually selected.\n\nUse this when the card represents a selected item or choice. This only controls the visual selected state; update it from your application state when the selection changes.",
               "attribute": "selected",
               "reflects": true
             },
@@ -2149,6 +2275,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the card uses the flat visual treatment.\n\nFlat cards use a bordered surface instead of the default elevated surface. Use this for denser layouts or when the card sits inside another surface.",
               "attribute": "flat"
             },
             {
@@ -2158,6 +2285,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the whole card is interactive.\n\nWhen set, the card becomes keyboard focusable and Enter or Space triggers a click on the card. Use this only when the whole card has one action or represents one selectable choice.",
               "attribute": "clickable"
             },
             {
@@ -2187,6 +2315,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the card is visually selected.\n\nUse this when the card represents a selected item or choice. This only controls the visual selected state; update it from your application state when the selection changes.",
               "fieldName": "selected"
             },
             {
@@ -2195,6 +2324,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the card uses the flat visual treatment.\n\nFlat cards use a bordered surface instead of the default elevated surface. Use this for denser layouts or when the card sits inside another surface.",
               "fieldName": "flat"
             },
             {
@@ -2203,6 +2333,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the whole card is interactive.\n\nWhen set, the card becomes keyboard focusable and Enter or Space triggers a click on the card. Use this only when the whole card has one action or represents one selectable choice.",
               "fieldName": "clickable"
             }
           ],
@@ -2242,7 +2373,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "WCheckbox",
+          "name": "WarpCheckbox",
           "members": [
             {
               "kind": "field",
@@ -2263,7 +2394,7 @@
             {
               "kind": "field",
               "name": "name",
-              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "description": "The name of the checkbox.\n\nWhen the checkbox is checked and belongs to a form, this name is submitted with the checkbox value. If the checkbox is inside a `w-checkbox-group` with a name, the group name is used when the checkbox does not have its own name.",
               "type": {
                 "text": "string | undefined"
               },
@@ -2285,7 +2416,7 @@
                 "text": "string | null"
               },
               "default": "null",
-              "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+              "description": "The value submitted when the checkbox is checked.\n\nIf no value attribute is set, the checkbox defaults to `on`. Unchecked and disabled checkboxes do not submit a value.",
               "attribute": "value",
               "reflects": true
             },
@@ -2296,7 +2427,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the checkbox in an indeterminate state.",
+              "description": "Whether the checkbox is visually indeterminate.\n\nUse this for parent options that represent a mixed set of child selections. Clicking the checkbox clears the indeterminate state and sets the checkbox to checked.",
               "attribute": "indeterminate",
               "reflects": true
             },
@@ -2307,7 +2438,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the checkbox in a checked state (reflected to attribute).",
+              "description": "Whether the checkbox is checked.\n\nChecked checkboxes submit their value with form data. The property is reflected to the `checked` attribute.",
               "attribute": "checked",
               "reflects": true
             },
@@ -2318,7 +2449,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the checkbox.",
+              "description": "Whether the checkbox is disabled.\n\nDisabled checkboxes cannot be focused, changed, or submitted with form data.",
               "attribute": "disabled",
               "reflects": true
             },
@@ -2329,7 +2460,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the checkbox a required field.",
+              "description": "Whether the checkbox must be checked before form submission.\n\nA required checkbox is invalid until it is checked. For requiring at least one option in a set, use `required` on `w-checkbox-group`.",
               "attribute": "required",
               "reflects": true
             },
@@ -2340,10 +2471,28 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the checkbox in an invalid state.",
+              "description": "Whether the checkbox is visually invalid.\n\nUse this to show an externally managed validation error. Required validation also sets the invalid state after the user interacts with the checkbox or tries to submit the form.",
               "attribute": "invalid",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_groupInvalid",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "private",
+              "description": "Internal invalid state managed by parent checkbox-group.\nNon-reflecting to avoid DOM changes during hydration."
+            },
+            {
+              "kind": "field",
+              "name": "_groupName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private",
+              "description": "Internal name managed by parent checkbox-group.\nNon-reflecting to avoid DOM changes during hydration."
+            },
             {
               "kind": "field",
               "name": "#defaultChecked",
@@ -2494,7 +2643,7 @@
           "attributes": [
             {
               "name": "name",
-              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "description": "The name of the checkbox.\n\nWhen the checkbox is checked and belongs to a form, this name is submitted with the checkbox value. If the checkbox is inside a `w-checkbox-group` with a name, the group name is used when the checkbox does not have its own name.",
               "type": {
                 "text": "string | undefined"
               },
@@ -2506,7 +2655,7 @@
                 "text": "string | null"
               },
               "default": "null",
-              "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+              "description": "The value submitted when the checkbox is checked.\n\nIf no value attribute is set, the checkbox defaults to `on`. Unchecked and disabled checkboxes do not submit a value.",
               "fieldName": "value"
             },
             {
@@ -2515,7 +2664,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the checkbox in an indeterminate state.",
+              "description": "Whether the checkbox is visually indeterminate.\n\nUse this for parent options that represent a mixed set of child selections. Clicking the checkbox clears the indeterminate state and sets the checkbox to checked.",
               "fieldName": "indeterminate"
             },
             {
@@ -2524,7 +2673,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the checkbox in a checked state (reflected to attribute).",
+              "description": "Whether the checkbox is checked.\n\nChecked checkboxes submit their value with form data. The property is reflected to the `checked` attribute.",
               "fieldName": "checked"
             },
             {
@@ -2533,7 +2682,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the checkbox.",
+              "description": "Whether the checkbox is disabled.\n\nDisabled checkboxes cannot be focused, changed, or submitted with form data.",
               "fieldName": "disabled"
             },
             {
@@ -2542,7 +2691,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the checkbox a required field.",
+              "description": "Whether the checkbox must be checked before form submission.\n\nA required checkbox is invalid until it is checked. For requiring at least one option in a set, use `required` on `w-checkbox-group`.",
               "fieldName": "required"
             },
             {
@@ -2551,7 +2700,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the checkbox in an invalid state.",
+              "description": "Whether the checkbox is visually invalid.\n\nUse this to show an externally managed validation error. Required validation also sets the invalid state after the user interacts with the checkbox or tries to submit the form.",
               "fieldName": "invalid"
             }
           ],
@@ -2565,13 +2714,31 @@
             "name": "LitElement",
             "package": "lit"
           },
+          "parent": {
+            "name": "w-checkbox-group",
+            "description": ""
+          },
           "tagName": "w-checkbox",
           "customElement": true,
           "modulePath": "packages/checkbox/checkbox.ts",
           "definitionPath": "packages/checkbox/checkbox.ts"
+        },
+        {
+          "kind": "variable",
+          "name": "WCheckbox",
+          "default": "WarpCheckbox",
+          "deprecated": "Use WarpCheckbox"
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "WarpCheckbox",
+          "declaration": {
+            "name": "WarpCheckbox",
+            "module": "packages/checkbox/checkbox.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "WCheckbox",
@@ -2584,7 +2751,7 @@
           "kind": "custom-element-definition",
           "name": "w-checkbox",
           "declaration": {
-            "name": "WCheckbox",
+            "name": "WarpCheckbox",
             "module": "packages/checkbox/checkbox.ts"
           }
         }
@@ -2597,7 +2764,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "WCheckboxGroup",
+          "name": "WarpCheckboxGroup",
           "members": [
             {
               "kind": "field",
@@ -2614,7 +2781,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The group label displayed above the checkboxes.",
+              "description": "The group label displayed above the checkboxes.\n\nUse this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies.",
               "attribute": "label",
               "reflects": true
             },
@@ -2624,7 +2791,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The name applied to child checkboxes when they do not provide one.",
+              "description": "The name applied to child checkboxes when they do not provide one.\n\nUse this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`.",
               "attribute": "name",
               "reflects": true
             },
@@ -2635,7 +2802,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to show optional text next to the label.",
+              "description": "Whether to show optional text next to the label.\n\nUse this to indicate that selecting an option from the group is not required.",
               "attribute": "optional",
               "reflects": true
             },
@@ -2645,6 +2812,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Help text displayed below the checkbox group.\n\nUse this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message.",
               "attribute": "help-text",
               "reflects": true
             },
@@ -2655,7 +2823,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the checkbox group required.",
+              "description": "Whether at least one checkbox in the group must be selected.\n\nRequired validation is managed by the group. The individual checkboxes provide the submitted form values.",
               "attribute": "required",
               "reflects": true
             },
@@ -2666,7 +2834,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Marks the checkbox group as invalid.",
+              "description": "Whether the checkbox group is visually invalid.\n\nUse this to show an externally managed validation error for the group. The invalid state is also shared with child checkboxes for consistent styling and accessibility state.",
               "attribute": "invalid",
               "reflects": true
             },
@@ -2927,7 +3095,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The group label displayed above the checkboxes.",
+              "description": "The group label displayed above the checkboxes.\n\nUse this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies.",
               "fieldName": "label"
             },
             {
@@ -2935,7 +3103,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The name applied to child checkboxes when they do not provide one.",
+              "description": "The name applied to child checkboxes when they do not provide one.\n\nUse this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`.",
               "fieldName": "name"
             },
             {
@@ -2944,7 +3112,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to show optional text next to the label.",
+              "description": "Whether to show optional text next to the label.\n\nUse this to indicate that selecting an option from the group is not required.",
               "fieldName": "optional"
             },
             {
@@ -2952,6 +3120,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Help text displayed below the checkbox group.\n\nUse this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message.",
               "fieldName": "helpText"
             },
             {
@@ -2960,7 +3129,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the checkbox group required.",
+              "description": "Whether at least one checkbox in the group must be selected.\n\nRequired validation is managed by the group. The individual checkboxes provide the submitted form values.",
               "fieldName": "required"
             },
             {
@@ -2969,7 +3138,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Marks the checkbox group as invalid.",
+              "description": "Whether the checkbox group is visually invalid.\n\nUse this to show an externally managed validation error for the group. The invalid state is also shared with child checkboxes for consistent styling and accessibility state.",
               "fieldName": "invalid"
             }
           ],
@@ -2987,9 +3156,23 @@
           "customElement": true,
           "modulePath": "packages/checkbox-group/checkbox-group.ts",
           "definitionPath": "packages/checkbox-group/checkbox-group.ts"
+        },
+        {
+          "kind": "variable",
+          "name": "WCheckboxGroup",
+          "default": "WarpCheckboxGroup",
+          "deprecated": "Use WarpCheckboxGroup"
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "WarpCheckboxGroup",
+          "declaration": {
+            "name": "WarpCheckboxGroup",
+            "module": "packages/checkbox-group/checkbox-group.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "WCheckboxGroup",
@@ -3002,7 +3185,7 @@
           "kind": "custom-element-definition",
           "name": "w-checkbox-group",
           "declaration": {
-            "name": "WCheckboxGroup",
+            "name": "WarpCheckboxGroup",
             "module": "packages/checkbox-group/checkbox-group.ts"
           }
         }
@@ -3024,7 +3207,7 @@
                 "text": "ComboboxOption[]"
               },
               "default": "[]",
-              "description": "The available options to select from",
+              "description": "The available options to select from.\n\nUse this for framework usage, application state, or remote search results. When `options` contains entries, it is used instead of child `<option>` elements.",
               "attribute": "options"
             },
             {
@@ -3034,7 +3217,7 @@
                 "text": "string | undefined"
               },
               "default": "''",
-              "description": "Label above input",
+              "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
               "attribute": "label",
               "reflects": true
             },
@@ -3045,7 +3228,7 @@
                 "text": "string | undefined"
               },
               "default": "''",
-              "description": "Input placeholder",
+              "description": "Placeholder text displayed when the input is empty.\n\nUse this as a short hint for the expected input. Do not use placeholder text as a replacement for a label.",
               "attribute": "placeholder",
               "reflects": true
             },
@@ -3056,7 +3239,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The input value",
+              "description": "The selected or typed value.\n\nWhen an option is selected, this is set to the option value. The displayed text may differ when the option has a separate label.",
               "attribute": "value",
               "reflects": true
             },
@@ -3067,7 +3250,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the popover opens when focus is on the text field",
+              "description": "Whether the option list opens when the input receives focus.\n\nUse this when users should see available options before they start typing.",
               "attribute": "open-on-focus",
               "reflects": true
             },
@@ -3078,7 +3261,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Select active option on blur",
+              "description": "Whether the active option is selected when the input loses focus.\n\nWhen enabled, the combobox selects the keyboard-highlighted option, or an option whose value exactly matches the current input value, on blur.",
               "attribute": "select-on-blur",
               "reflects": true
             },
@@ -3089,7 +3272,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the matching text segments in the options should be highlighted",
+              "description": "Whether matching text segments in options are highlighted.\n\nUse this to visually emphasize the part of each option that matches the current input value.",
               "attribute": "match-text-segments",
               "reflects": true
             },
@@ -3100,7 +3283,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disable client-side static filtering",
+              "description": "Whether built-in client-side filtering is disabled.\n\nUse this for remote search or externally filtered results. When disabled, all entries in `options` are rendered as provided.",
               "attribute": "disable-static-filtering",
               "reflects": true
             },
@@ -3111,7 +3294,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Renders the input field in an invalid state",
+              "description": "Whether the combobox is visually invalid.\n\nUse this to show an externally managed validation error. Pair it with `help-text` to explain how to fix the error.",
               "attribute": "invalid",
               "reflects": true
             },
@@ -3122,7 +3305,7 @@
                 "text": "string | undefined"
               },
               "default": "''",
-              "description": "The content to display as the help text",
+              "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
               "attribute": "help-text",
               "reflects": true
             },
@@ -3133,7 +3316,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the element is disabled",
+              "description": "Whether the combobox is disabled.\n\nDisabled comboboxes cannot be focused, changed, or submitted with form data.",
               "attribute": "disabled",
               "reflects": true
             },
@@ -3144,7 +3327,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the element is required",
+              "description": "Whether the combobox is required before form submission.\n\nUse this when the user must provide a value before submitting the form.",
               "attribute": "required",
               "reflects": true
             },
@@ -3155,7 +3338,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to show optional text",
+              "description": "Whether to show optional text next to the label.\n\nUse this to indicate that the combobox is not required.",
               "attribute": "optional",
               "reflects": true
             },
@@ -3166,7 +3349,7 @@
                 "text": "string | undefined"
               },
               "default": "''",
-              "description": "Name attribute for form submission",
+              "description": "The name submitted with the combobox value.\n\nUse this when the combobox belongs to a form and its value should be included in form data.",
               "attribute": "name",
               "reflects": true
             },
@@ -3177,7 +3360,7 @@
                 "text": "string | undefined"
               },
               "default": "'off'",
-              "description": "Autocomplete attribute for the input field",
+              "description": "The autocomplete attribute passed to the internal input.\n\nDefaults to `off`. Set this when browser autocomplete should be enabled or scoped to a specific autocomplete token.",
               "attribute": "autocomplete",
               "reflects": true
             },
@@ -3190,6 +3373,14 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "#lightDomObserver",
+              "privacy": "private",
+              "type": {
+                "text": "MutationObserver | undefined"
+              }
+            },
             {
               "kind": "method",
               "name": "resetFormControl",
@@ -3220,6 +3411,12 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_sourceOptions",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "_navigationLabelOrDisplayValue",
@@ -3259,6 +3456,16 @@
               ],
               "description": "Generate options with unique IDs and match information"
             },
+            {
+              "kind": "method",
+              "name": "#getOptionNodes",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#syncOptionsFromLightDom",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_getAriaText",
@@ -3437,7 +3644,7 @@
                 "text": "ComboboxOption[]"
               },
               "default": "[]",
-              "description": "The available options to select from",
+              "description": "The available options to select from.\n\nUse this for framework usage, application state, or remote search results. When `options` contains entries, it is used instead of child `<option>` elements.",
               "fieldName": "options"
             },
             {
@@ -3446,7 +3653,7 @@
                 "text": "string | undefined"
               },
               "default": "''",
-              "description": "Label above input",
+              "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
               "fieldName": "label"
             },
             {
@@ -3455,7 +3662,7 @@
                 "text": "string | undefined"
               },
               "default": "''",
-              "description": "Input placeholder",
+              "description": "Placeholder text displayed when the input is empty.\n\nUse this as a short hint for the expected input. Do not use placeholder text as a replacement for a label.",
               "fieldName": "placeholder"
             },
             {
@@ -3464,7 +3671,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The input value",
+              "description": "The selected or typed value.\n\nWhen an option is selected, this is set to the option value. The displayed text may differ when the option has a separate label.",
               "fieldName": "value"
             },
             {
@@ -3473,7 +3680,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the popover opens when focus is on the text field",
+              "description": "Whether the option list opens when the input receives focus.\n\nUse this when users should see available options before they start typing.",
               "fieldName": "openOnFocus"
             },
             {
@@ -3482,7 +3689,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Select active option on blur",
+              "description": "Whether the active option is selected when the input loses focus.\n\nWhen enabled, the combobox selects the keyboard-highlighted option, or an option whose value exactly matches the current input value, on blur.",
               "fieldName": "selectOnBlur"
             },
             {
@@ -3491,7 +3698,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the matching text segments in the options should be highlighted",
+              "description": "Whether matching text segments in options are highlighted.\n\nUse this to visually emphasize the part of each option that matches the current input value.",
               "fieldName": "matchTextSegments"
             },
             {
@@ -3500,7 +3707,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disable client-side static filtering",
+              "description": "Whether built-in client-side filtering is disabled.\n\nUse this for remote search or externally filtered results. When disabled, all entries in `options` are rendered as provided.",
               "fieldName": "disableStaticFiltering"
             },
             {
@@ -3509,7 +3716,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Renders the input field in an invalid state",
+              "description": "Whether the combobox is visually invalid.\n\nUse this to show an externally managed validation error. Pair it with `help-text` to explain how to fix the error.",
               "fieldName": "invalid"
             },
             {
@@ -3518,7 +3725,7 @@
                 "text": "string | undefined"
               },
               "default": "''",
-              "description": "The content to display as the help text",
+              "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
               "fieldName": "helpText"
             },
             {
@@ -3527,7 +3734,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the element is disabled",
+              "description": "Whether the combobox is disabled.\n\nDisabled comboboxes cannot be focused, changed, or submitted with form data.",
               "fieldName": "disabled"
             },
             {
@@ -3536,7 +3743,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the element is required",
+              "description": "Whether the combobox is required before form submission.\n\nUse this when the user must provide a value before submitting the form.",
               "fieldName": "required"
             },
             {
@@ -3545,7 +3752,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to show optional text",
+              "description": "Whether to show optional text next to the label.\n\nUse this to indicate that the combobox is not required.",
               "fieldName": "optional"
             },
             {
@@ -3554,7 +3761,7 @@
                 "text": "string | undefined"
               },
               "default": "''",
-              "description": "Name attribute for form submission",
+              "description": "The name submitted with the combobox value.\n\nUse this when the combobox belongs to a form and its value should be included in form data.",
               "fieldName": "name"
             },
             {
@@ -3563,7 +3770,7 @@
                 "text": "string | undefined"
               },
               "default": "'off'",
-              "description": "Autocomplete attribute for the input field",
+              "description": "The autocomplete attribute passed to the internal input.\n\nDefaults to `off`. Set this when browser autocomplete should be enabled or scoped to a specific autocomplete token.",
               "fieldName": "autocomplete"
             }
           ],
@@ -3626,6 +3833,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
               "attribute": "label",
               "reflects": true
             },
@@ -3635,7 +3843,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Takes precedence over the `<html>` lang attribute.",
+              "description": "The locale used for calendar labels and date formatting.\n\nThis takes precedence over the `<html>` `lang` attribute. Supported built-in locales are `en`, `nb`, `sv`, `da`, and `fi`.",
               "attribute": "lang",
               "reflects": true
             },
@@ -3645,6 +3853,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The name submitted with the date value.\n\nUse this when the datepicker belongs to a form and its value should be included in form data.",
               "attribute": "name",
               "reflects": true
             },
@@ -3654,6 +3863,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The selected date value.\n\nUse an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.",
               "attribute": "value",
               "reflects": true
             },
@@ -3664,7 +3874,7 @@
                 "text": "string"
               },
               "default": "'MMMM yyyy'",
-              "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "description": "The date format used in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "attribute": "header-format"
             },
             {
@@ -3674,7 +3884,7 @@
                 "text": "string"
               },
               "default": "'EEEEEE'",
-              "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "description": "The weekday format shown above the calendar grid.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "attribute": "weekday-format"
             },
             {
@@ -3683,7 +3893,7 @@
               "type": {
                 "text": "(day: Date) => boolean"
               },
-              "description": "Lets you control if a date in the calendar should be disabled.\n\nThis needs to be set on the element instance in JavaScript, not as an HTML attribute."
+              "description": "Function used to disable dates in the calendar.\n\nSet this on the element instance in JavaScript, not as an HTML attribute. Disabled dates cannot be selected from the calendar."
             },
             {
               "kind": "field",
@@ -3692,7 +3902,7 @@
                 "text": "string"
               },
               "default": "'PPPP'",
-              "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "description": "The date format used for calendar day accessible names.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "attribute": "day-format"
             },
             {
@@ -3899,6 +4109,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
               "fieldName": "label"
             },
             {
@@ -3906,7 +4117,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Takes precedence over the `<html>` lang attribute.",
+              "description": "The locale used for calendar labels and date formatting.\n\nThis takes precedence over the `<html>` `lang` attribute. Supported built-in locales are `en`, `nb`, `sv`, `da`, and `fi`.",
               "fieldName": "lang"
             },
             {
@@ -3914,6 +4125,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The name submitted with the date value.\n\nUse this when the datepicker belongs to a form and its value should be included in form data.",
               "fieldName": "name"
             },
             {
@@ -3921,6 +4133,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The selected date value.\n\nUse an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.",
               "fieldName": "value"
             },
             {
@@ -3929,7 +4142,7 @@
                 "text": "string"
               },
               "default": "'MMMM yyyy'",
-              "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "description": "The date format used in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "fieldName": "headerFormat"
             },
             {
@@ -3938,7 +4151,7 @@
                 "text": "string"
               },
               "default": "'EEEEEE'",
-              "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "description": "The weekday format shown above the calendar grid.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "fieldName": "weekdayFormat"
             },
             {
@@ -3947,7 +4160,7 @@
                 "text": "string"
               },
               "default": "'PPPP'",
-              "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "description": "The date format used for calendar day accessible names.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "fieldName": "dayFormat"
             }
           ],
@@ -3992,7 +4205,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Expandable is a layout component used for creating expandable content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-expandable--docs)",
+          "description": "Expandable is a layout component used for creating expandable content areas on a page.",
           "name": "WarpExpandable",
           "slots": [
             {
@@ -4008,6 +4221,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Controls component's expanded state",
               "attribute": "expanded",
               "reflects": true
             },
@@ -4017,6 +4231,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Component title. Used to display the title value which is always present regardless of whether the component is open or closed.",
               "attribute": "title"
             },
             {
@@ -4026,6 +4241,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Will make the expandable a Box",
               "attribute": "box"
             },
             {
@@ -4035,6 +4251,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Will make the expandable full-width on the sm breakpoint size",
               "attribute": "bleed"
             },
             {
@@ -4043,6 +4260,7 @@
               "type": {
                 "text": "string"
               },
+              "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
               "attribute": "button-class"
             },
             {
@@ -4051,6 +4269,7 @@
               "type": {
                 "text": "string"
               },
+              "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
               "attribute": "content-class"
             },
             {
@@ -4060,6 +4279,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Controls chevron visibility",
               "attribute": "no-chevron"
             },
             {
@@ -4069,6 +4289,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Will animate the expansion/collapse",
               "attribute": "animated"
             },
             {
@@ -4077,6 +4298,7 @@
               "type": {
                 "text": "number"
               },
+              "description": "Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.",
               "attribute": "heading-level"
             },
             {
@@ -4085,6 +4307,7 @@
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "true",
               "attribute": "_hasTitle"
             },
@@ -4094,6 +4317,7 @@
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false",
               "attribute": "_showChevronUp"
             },
@@ -4141,6 +4365,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Controls component's expanded state",
               "fieldName": "expanded"
             },
             {
@@ -4148,6 +4373,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Component title. Used to display the title value which is always present regardless of whether the component is open or closed.",
               "fieldName": "title"
             },
             {
@@ -4156,6 +4382,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Will make the expandable a Box",
               "fieldName": "box"
             },
             {
@@ -4164,6 +4391,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Will make the expandable full-width on the sm breakpoint size",
               "fieldName": "bleed"
             },
             {
@@ -4171,6 +4399,7 @@
               "type": {
                 "text": "string"
               },
+              "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
               "fieldName": "buttonClass"
             },
             {
@@ -4178,6 +4407,7 @@
               "type": {
                 "text": "string"
               },
+              "deprecated": "Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.",
               "fieldName": "contentClass"
             },
             {
@@ -4186,6 +4416,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Controls chevron visibility",
               "fieldName": "noChevron"
             },
             {
@@ -4194,6 +4425,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Will animate the expansion/collapse",
               "fieldName": "animated"
             },
             {
@@ -4201,6 +4433,7 @@
               "type": {
                 "text": "number"
               },
+              "description": "Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.",
               "fieldName": "headingLevel"
             },
             {
@@ -4255,8 +4488,8 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Modals (or dialogs) display important information that users need to acknowledge.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
-          "name": "ModalMain",
+          "description": "Modals (or dialogs) display important information that users need to acknowledge.",
+          "name": "WarpModal",
           "slots": [
             {
               "description": "Typically where you would use the `w-modal-header` component.",
@@ -4279,6 +4512,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
               "attribute": "show"
             },
             {
@@ -4296,6 +4530,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Ignores clicks to the backdrop when set",
               "attribute": "ignore-backdrop-clicks"
             },
             {
@@ -4303,21 +4538,33 @@
               "name": "dialogEl",
               "type": {
                 "text": "HTMLDialogElement"
-              }
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
               "name": "dialogInnerEl",
               "type": {
                 "text": "HTMLElement"
-              }
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
               "name": "contentEl",
               "type": {
                 "text": "HTMLElement"
-              }
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_isClosing",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "method",
@@ -4336,19 +4583,18 @@
             {
               "kind": "method",
               "name": "handleListeners",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "verb",
                   "default": "'addEventListener'"
                 }
-              ],
-              "type": {
-                "text": "handleListeners(verb = 'addEventListener') => void"
-              }
+              ]
             },
             {
               "kind": "method",
               "name": "eventPreventer",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "evt",
@@ -4356,14 +4602,12 @@
                     "text": "Event"
                   }
                 }
-              ],
-              "type": {
-                "text": "eventPreventer(evt: Event) => void"
-              }
+              ]
             },
             {
               "kind": "method",
               "name": "closeOnBackdropClick",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "evt",
@@ -4371,14 +4615,12 @@
                     "text": "MouseEvent"
                   }
                 }
-              ],
-              "type": {
-                "text": "closeOnBackdropClick(evt: MouseEvent) => void"
-              }
+              ]
             },
             {
               "kind": "method",
               "name": "interceptEscape",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "evt",
@@ -4386,17 +4628,12 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ],
-              "type": {
-                "text": "interceptEscape(evt: KeyboardEvent) => void"
-              }
+              ]
             },
             {
               "kind": "method",
               "name": "modifyBorderRadius",
-              "type": {
-                "text": "modifyBorderRadius() => void"
-              }
+              "privacy": "private"
             }
           ],
           "events": [
@@ -4420,6 +4657,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
               "fieldName": "show"
             },
             {
@@ -4435,6 +4673,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Ignores clicks to the backdrop when set",
               "fieldName": "ignoreBackdropClicks"
             }
           ],
@@ -4452,9 +4691,23 @@
           "customElement": true,
           "modulePath": "packages/modal/modal.ts",
           "definitionPath": "packages/modal/modal.ts"
+        },
+        {
+          "kind": "variable",
+          "name": "ModalMain",
+          "default": "WarpModal",
+          "deprecated": "Exported for backwards compatibility. Use WarpModal."
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "WarpModal",
+          "declaration": {
+            "name": "WarpModal",
+            "module": "packages/modal/modal.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "ModalMain",
@@ -4467,7 +4720,7 @@
           "kind": "custom-element-definition",
           "name": "w-modal",
           "declaration": {
-            "name": "ModalMain",
+            "name": "WarpModal",
             "module": "packages/modal/modal.ts"
           }
         }
@@ -4479,8 +4732,8 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The footer section of a modal, typically where you place actions.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
-          "name": "ModalFooter",
+          "description": "The footer section of a modal, typically where you place actions.",
+          "name": "WarpModalFooter",
           "members": [],
           "mixins": [
             {
@@ -4496,13 +4749,31 @@
             "name": "LitElement",
             "package": "lit"
           },
+          "parent": {
+            "name": "w-modal",
+            "description": ""
+          },
           "tagName": "w-modal-footer",
           "customElement": true,
           "modulePath": "packages/modal-footer/modal-footer.ts",
           "definitionPath": "packages/modal-footer/modal-footer.ts"
+        },
+        {
+          "kind": "variable",
+          "name": "ModalFooter",
+          "default": "WarpModalFooter",
+          "deprecated": "Exported for backwards compatibility. Use WarpModalFooter."
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "WarpModalFooter",
+          "declaration": {
+            "name": "WarpModalFooter",
+            "module": "packages/modal-footer/modal-footer.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "ModalFooter",
@@ -4515,7 +4786,7 @@
           "kind": "custom-element-definition",
           "name": "w-modal-footer",
           "declaration": {
-            "name": "ModalFooter",
+            "name": "WarpModalFooter",
             "module": "packages/modal-footer/modal-footer.ts"
           }
         }
@@ -4527,8 +4798,8 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The header section of a modal, typically where you place the title and a close button.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
-          "name": "ModalHeader",
+          "description": "The header section of a modal, typically where you place the title and a close button.",
+          "name": "WarpModalHeader",
           "slots": [
             {
               "description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
@@ -4542,6 +4813,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "A short but descriptive title for the modal",
               "attribute": "title"
             },
             {
@@ -4551,6 +4823,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the modal header should have a back button",
               "attribute": "back"
             },
             {
@@ -4560,48 +4833,61 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Lets you hide the close button in the header",
               "attribute": "no-close"
             },
+            {
+              "kind": "field",
+              "name": "_hasTopContent",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "titleEl",
               "type": {
                 "text": "HTMLElement"
-              }
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
               "name": "titleClasses",
+              "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
               "name": "backButton",
+              "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
               "name": "closeButton",
+              "privacy": "private",
               "readonly": true
             },
             {
               "kind": "method",
               "name": "emitBack",
-              "type": {
-                "text": "emitBack() => void"
-              }
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "handleTopSlotChange",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "slotEvent"
+                  "name": "slotEvent",
+                  "type": {
+                    "text": "Event"
+                  }
                 }
-              ],
-              "type": {
-                "text": "handleTopSlotChange(slotEvent) => void"
-              }
+              ]
             }
           ],
           "events": [
@@ -4618,6 +4904,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "A short but descriptive title for the modal",
               "fieldName": "title"
             },
             {
@@ -4626,6 +4913,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the modal header should have a back button",
               "fieldName": "back"
             },
             {
@@ -4634,6 +4922,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Lets you hide the close button in the header",
               "fieldName": "noClose"
             }
           ],
@@ -4647,13 +4936,31 @@
             "name": "LitElement",
             "package": "lit"
           },
+          "parent": {
+            "name": "w-modal",
+            "description": ""
+          },
           "tagName": "w-modal-header",
           "customElement": true,
           "modulePath": "packages/modal-header/modal-header.ts",
           "definitionPath": "packages/modal-header/modal-header.ts"
+        },
+        {
+          "kind": "variable",
+          "name": "ModalHeader",
+          "default": "WarpModalHeader",
+          "deprecated": "Exported for backwards compatibility. Use WarpModalHeader."
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "WarpModalHeader",
+          "declaration": {
+            "name": "WarpModalHeader",
+            "module": "packages/modal-header/modal-header.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "ModalHeader",
@@ -4666,7 +4973,7 @@
           "kind": "custom-element-definition",
           "name": "w-modal-header",
           "declaration": {
-            "name": "ModalHeader",
+            "name": "WarpModalHeader",
             "module": "packages/modal-header/modal-header.ts"
           }
         }
@@ -4678,7 +4985,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A page indicator component that displays a series of dots representing pages.\nOne dot is highlighted to indicate the currently selected page.",
+          "description": "A page indicator component that displays a series of dots representing pages.\n\nOne dot is highlighted to indicate the currently selected page.",
           "name": "WarpPageIndicator",
           "members": [
             {
@@ -4687,7 +4994,8 @@
               "type": {
                 "text": "number"
               },
-              "description": "Currently selected page (1-based index, clamped to valid range)",
+              "description": "Currently selected page (1-based index)",
+              "default": "1",
               "attribute": "selected-page",
               "reflects": true
             },
@@ -4697,7 +5005,8 @@
               "type": {
                 "text": "number"
               },
-              "description": "Total number of pages (minimum 1)",
+              "description": "Total number of pages",
+              "default": "1",
               "attribute": "page-count",
               "reflects": true
             },
@@ -4728,7 +5037,8 @@
               "type": {
                 "text": "number"
               },
-              "description": "Currently selected page (1-based index, clamped to valid range)",
+              "description": "Currently selected page (1-based index)",
+              "default": "1",
               "fieldName": "selectedPage"
             },
             {
@@ -4736,7 +5046,8 @@
               "type": {
                 "text": "number"
               },
-              "description": "Total number of pages (minimum 1)",
+              "description": "Total number of pages",
+              "default": "1",
               "fieldName": "pageCount"
             }
           ],
@@ -4775,7 +5086,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
+          "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.",
           "name": "WarpPagination",
           "members": [
             {
@@ -4784,6 +5095,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
               "attribute": "base-url",
               "reflects": true
             },
@@ -4793,6 +5105,7 @@
               "type": {
                 "text": "number"
               },
+              "description": "The total number of pages.",
               "attribute": "pages",
               "reflects": true
             },
@@ -4802,6 +5115,8 @@
               "type": {
                 "text": "number"
               },
+              "description": "The currently active page number.",
+              "default": "1",
               "attribute": "current-page",
               "reflects": true
             },
@@ -4811,6 +5126,8 @@
               "type": {
                 "text": "number"
               },
+              "description": "The maximum number of page numbers visible.",
+              "default": "7",
               "attribute": "visible-pages",
               "reflects": true
             },
@@ -4834,7 +5151,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
+              "description": "Triggered when a link in the pagination is clicked. Contains the page number in `string` form."
             }
           ],
           "attributes": [
@@ -4843,6 +5160,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
               "fieldName": "baseUrl"
             },
             {
@@ -4850,6 +5168,7 @@
               "type": {
                 "text": "number"
               },
+              "description": "The total number of pages.",
               "fieldName": "pages"
             },
             {
@@ -4857,6 +5176,8 @@
               "type": {
                 "text": "number"
               },
+              "description": "The currently active page number.",
+              "default": "1",
               "fieldName": "currentPageNumber"
             },
             {
@@ -4864,6 +5185,8 @@
               "type": {
                 "text": "number"
               },
+              "description": "The maximum number of page numbers visible.",
+              "default": "7",
               "fieldName": "visiblePages"
             }
           ],
@@ -4902,7 +5225,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-pill--docs)",
+          "description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.",
           "name": "WarpPill",
           "members": [
             {
@@ -4912,6 +5235,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the pill should be removable via a close button.",
               "attribute": "can-close"
             },
             {
@@ -4921,6 +5245,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the pill should be rendered as a suggestion.",
               "attribute": "suggestion"
             },
             {
@@ -4938,6 +5263,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Label read by screen readers when targeting the pill.",
               "attribute": "open-aria-label"
             },
             {
@@ -4955,15 +5281,46 @@
               "type": {
                 "text": "string"
               },
+              "description": "Label read by screen readers when targeting the close button.",
               "attribute": "close-aria-label"
             },
             {
               "kind": "field",
-              "name": "openFilterSrText"
+              "name": "openFilterSrText",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "removeFilterSrText",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "removeFilterSrText"
+              "name": "_labelClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_closeClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_onClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onClose",
+              "privacy": "private"
             }
           ],
           "events": [
@@ -4971,13 +5328,15 @@
               "name": "w-pill-click",
               "type": {
                 "text": "CustomEvent"
-              }
+              },
+              "description": "Fires when the pill itself is clicked."
             },
             {
               "name": "w-pill-close",
               "type": {
                 "text": "CustomEvent"
-              }
+              },
+              "description": "Fires when the pill's close button is clicked."
             }
           ],
           "attributes": [
@@ -4987,6 +5346,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the pill should be removable via a close button.",
               "fieldName": "canClose"
             },
             {
@@ -4995,6 +5355,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the pill should be rendered as a suggestion.",
               "fieldName": "suggestion"
             },
             {
@@ -5010,6 +5371,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Label read by screen readers when targeting the pill.",
               "fieldName": "openAriaLabel"
             },
             {
@@ -5025,6 +5387,7 @@
               "type": {
                 "text": "string"
               },
+              "description": "Label read by screen readers when targeting the close button.",
               "fieldName": "closeAriaLabel"
             }
           ],