@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-05-22T16:26:35",
+  "timestamp": "2026-05-27T22:43:49",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.0",
@@ -4240,10 +4240,6 @@
         {
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
-        },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
         }
       ],
       "usage": {},
@@ -4321,14 +4317,21 @@
           "name": "hue",
           "type": "\"bold\" | \"subtle\" | undefined",
           "complexType": {
-            "original": "'bold' | 'subtle'",
+            "original": "IonBadgeHue",
             "resolved": "\"bold\" | \"subtle\" | undefined",
-            "references": {}
+            "references": {
+              "IonBadgeHue": {
+                "location": "import",
+                "path": "./badge.interfaces",
+                "id": "src/components/badge/badge.interfaces.ts::IonBadgeHue",
+                "referenceLocation": "IonBadgeHue"
+              }
+            }
           },
           "mutable": false,
           "attr": "hue",
           "reflectToAttr": false,
-          "docs": "Set to `\"bold\"` for a badge with vibrant, bold colors or to `\"subtle\"` for\na badge with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
+          "docs": "Set to `\"bold\"` for a badge with vibrant, bold colors or to `\"subtle\"` for\na badge with muted, subtle colors.\n\nDefaults to `\"bold\"` if both the hue property and theme config are unset.",
           "docsTags": [],
           "values": [
             {
@@ -4371,23 +4374,36 @@
         },
         {
           "name": "shape",
-          "type": "\"round | rectangular\" | \"soft\" | undefined",
+          "type": "\"crisp\" | \"rectangular\" | \"round\" | \"soft\" | undefined",
           "complexType": {
-            "original": "'soft' | 'round | rectangular'",
-            "resolved": "\"round | rectangular\" | \"soft\" | undefined",
-            "references": {}
+            "original": "IonBadgeShape",
+            "resolved": "\"crisp\" | \"rectangular\" | \"round\" | \"soft\" | undefined",
+            "references": {
+              "IonBadgeShape": {
+                "location": "import",
+                "path": "./badge.interfaces",
+                "id": "src/components/badge/badge.interfaces.ts::IonBadgeShape",
+                "referenceLocation": "IonBadgeShape"
+              }
+            }
           },
           "mutable": false,
           "attr": "shape",
           "reflectToAttr": false,
-          "docs": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+          "docs": "Set to `\"crisp\"` for a badge with even slightly rounded corners,\n`\"soft\"` for a badge with slightly rounded corners,\n`\"round\"` for a badge with fully rounded corners,\nor `\"rectangular\"` for a badge without rounded corners.\n\nDefaults to `\"soft\"` if both the shape property and theme config are unset.",
           "docsTags": [],
           "values": [
             {
-              "type": "\"round"
+              "value": "crisp",
+              "type": "string"
+            },
+            {
+              "value": "rectangular",
+              "type": "string"
             },
             {
-              "type": "rectangular\""
+              "value": "round",
+              "type": "string"
             },
             {
               "value": "soft",
@@ -4406,14 +4422,21 @@
           "name": "size",
           "type": "\"large\" | \"medium\" | \"small\" | undefined",
           "complexType": {
-            "original": "'small' | 'medium' | 'large'",
+            "original": "IonBadgeSize",
             "resolved": "\"large\" | \"medium\" | \"small\" | undefined",
-            "references": {}
+            "references": {
+              "IonBadgeSize": {
+                "location": "import",
+                "path": "./badge.interfaces",
+                "id": "src/components/badge/badge.interfaces.ts::IonBadgeSize",
+                "referenceLocation": "IonBadgeSize"
+              }
+            }
           },
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "Set to `\"small\"` for a small badge.\nSet to `\"medium\"` for a medium badge.\nSet to `\"large\"` for a large badge, when it is empty (no text or icon).\n\nDefaults to `\"small\"` for the `ionic` theme, undefined for all other themes.",
+          "docs": "Set to `\"small\"` for a smaller size.\nSet to `\"medium\"` for a medium size.\nSet to `\"large\"` for a larger size.\n\nDefaults to `\"small\"` if both the size property and theme config are unset.",
           "docsTags": [],
           "values": [
             {
@@ -4437,38 +4460,20 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "vertical",
           "type": "\"bottom\" | \"top\" | undefined",
           "complexType": {
-            "original": "'top' | 'bottom'",
+            "original": "IonBadgeVerticalPosition",
             "resolved": "\"bottom\" | \"top\" | undefined",
-            "references": {}
+            "references": {
+              "IonBadgeVerticalPosition": {
+                "location": "import",
+                "path": "./badge.interfaces",
+                "id": "src/components/badge/badge.interfaces.ts::IonBadgeVerticalPosition",
+                "referenceLocation": "IonBadgeVerticalPosition"
+              }
+            }
           },
           "mutable": false,
           "attr": "vertical",
@@ -4499,112 +4504,354 @@
       "listeners": [],
       "styles": [
         {
-          "name": "--background",
+          "name": "--ion-badge-font-family",
           "annotation": "prop",
-          "docs": "Background of the badge",
-          "mode": "ionic"
+          "docs": "the font family of the badge text Bold"
         },
         {
-          "name": "--background",
+          "name": "--ion-badge-hue-bold-default-background",
           "annotation": "prop",
-          "docs": "Background of the badge",
-          "mode": "ios"
+          "docs": "Background color of the `bold` hue in default state"
         },
         {
-          "name": "--background",
+          "name": "--ion-badge-hue-bold-default-color",
           "annotation": "prop",
-          "docs": "Background of the badge",
-          "mode": "md"
+          "docs": "Text color of the `bold` hue in default state"
         },
         {
-          "name": "--color",
+          "name": "--ion-badge-hue-bold-semantic-default-background",
           "annotation": "prop",
-          "docs": "Text color of the badge",
-          "mode": "ionic"
+          "docs": "Background color of the `bold` hue when a semantic color is applied"
         },
         {
-          "name": "--color",
+          "name": "--ion-badge-hue-bold-semantic-default-color",
           "annotation": "prop",
-          "docs": "Text color of the badge",
-          "mode": "ios"
+          "docs": "Text color of the `bold` hue when a semantic color is applied Subtle"
         },
         {
-          "name": "--color",
+          "name": "--ion-badge-hue-subtle-default-background",
           "annotation": "prop",
-          "docs": "Text color of the badge",
-          "mode": "md"
+          "docs": "Background color of the `subtle` hue in default state"
         },
         {
-          "name": "--padding-bottom",
+          "name": "--ion-badge-hue-subtle-default-color",
           "annotation": "prop",
-          "docs": "Bottom padding of the badge",
-          "mode": "ionic"
+          "docs": "Text color of the `subtle` hue in default state"
         },
         {
-          "name": "--padding-bottom",
+          "name": "--ion-badge-hue-subtle-semantic-default-background",
           "annotation": "prop",
-          "docs": "Bottom padding of the badge",
-          "mode": "ios"
+          "docs": "Background color of the `subtle` hue when a semantic color is applied"
         },
         {
-          "name": "--padding-bottom",
+          "name": "--ion-badge-hue-subtle-semantic-default-color",
           "annotation": "prop",
-          "docs": "Bottom padding of the badge",
-          "mode": "md"
+          "docs": "Text color of the `subtle` hue when a semantic color is applied Shapes"
         },
         {
-          "name": "--padding-end",
+          "name": "--ion-badge-shape-crisp-border-radius",
           "annotation": "prop",
-          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge",
-          "mode": "ionic"
+          "docs": "Border radius of the `crisp` shape"
         },
         {
-          "name": "--padding-end",
+          "name": "--ion-badge-shape-rectangular-border-radius",
           "annotation": "prop",
-          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge",
-          "mode": "ios"
+          "docs": "Border radius of the `rectangular` shape Sizes: Content (with text or an icon)"
         },
         {
-          "name": "--padding-end",
+          "name": "--ion-badge-shape-round-border-radius",
           "annotation": "prop",
-          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge",
-          "mode": "md"
+          "docs": "Border radius of the `round` shape"
         },
         {
-          "name": "--padding-start",
+          "name": "--ion-badge-shape-soft-border-radius",
           "annotation": "prop",
-          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge",
-          "mode": "ionic"
+          "docs": "Border radius of the `soft` shape"
         },
         {
-          "name": "--padding-start",
+          "name": "--ion-badge-size-large-content-font-size",
           "annotation": "prop",
-          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge",
-          "mode": "ios"
+          "docs": "Font size of the `large` size when badge has content"
         },
         {
-          "name": "--padding-start",
+          "name": "--ion-badge-size-large-content-font-weight",
           "annotation": "prop",
-          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge",
-          "mode": "md"
+          "docs": "Font weight of the `large` size when badge has content"
         },
         {
-          "name": "--padding-top",
+          "name": "--ion-badge-size-large-content-height",
           "annotation": "prop",
-          "docs": "Top padding of the badge",
-          "mode": "ionic"
+          "docs": "Height of the `large` size when badge has content"
         },
         {
-          "name": "--padding-top",
+          "name": "--ion-badge-size-large-content-icon-height",
           "annotation": "prop",
-          "docs": "Top padding of the badge",
-          "mode": "ios"
+          "docs": "Height of the slotted `ion-icon` of the `large` size Sizes: Dot (empty with no text or icon)"
         },
         {
-          "name": "--padding-top",
+          "name": "--ion-badge-size-large-content-icon-width",
           "annotation": "prop",
-          "docs": "Top padding of the badge",
-          "mode": "md"
+          "docs": "Width of the slotted `ion-icon` of the `large` size"
+        },
+        {
+          "name": "--ion-badge-size-large-content-letter-spacing",
+          "annotation": "prop",
+          "docs": "Letter spacing of the `large` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-large-content-line-height",
+          "annotation": "prop",
+          "docs": "Line height of the `large` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-large-content-min-height",
+          "annotation": "prop",
+          "docs": "Minimum height of the `large` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-large-content-min-width",
+          "annotation": "prop",
+          "docs": "Minimum width of the `large` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-large-content-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the `large` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-large-content-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, left padding if direction is right-to-left of the `large` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-large-content-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, right padding if direction is right-to-left of the `large` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-large-content-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the `large` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-large-dot-height",
+          "annotation": "prop",
+          "docs": "Height of the `large` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-large-dot-min-width",
+          "annotation": "prop",
+          "docs": "Minimum width of the `large` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-large-dot-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the `large` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-large-dot-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, left padding if direction is right-to-left of the `large` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-large-dot-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, right padding if direction is right-to-left of the `large` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-large-dot-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the `large` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-font-size",
+          "annotation": "prop",
+          "docs": "Font size of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-font-weight",
+          "annotation": "prop",
+          "docs": "Font weight of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-height",
+          "annotation": "prop",
+          "docs": "Height of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-icon-height",
+          "annotation": "prop",
+          "docs": "Height of the slotted `ion-icon` of the `medium` size"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-icon-width",
+          "annotation": "prop",
+          "docs": "Width of the slotted `ion-icon` of the `medium` size"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-letter-spacing",
+          "annotation": "prop",
+          "docs": "Letter spacing of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-line-height",
+          "annotation": "prop",
+          "docs": "Line height of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-min-height",
+          "annotation": "prop",
+          "docs": "Minimum height of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-min-width",
+          "annotation": "prop",
+          "docs": "Minimum width of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, left padding if direction is right-to-left of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, right padding if direction is right-to-left of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-content-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the `medium` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-medium-dot-height",
+          "annotation": "prop",
+          "docs": "Height of the `medium` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-medium-dot-min-width",
+          "annotation": "prop",
+          "docs": "Minimum width of the `medium` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-medium-dot-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the `medium` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-medium-dot-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, left padding if direction is right-to-left of the `medium` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-medium-dot-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, right padding if direction is right-to-left of the `medium` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-medium-dot-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the `medium` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-small-content-font-size",
+          "annotation": "prop",
+          "docs": "Font size of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-font-weight",
+          "annotation": "prop",
+          "docs": "Font weight of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-height",
+          "annotation": "prop",
+          "docs": "Height of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-icon-height",
+          "annotation": "prop",
+          "docs": "Height of the slotted `ion-icon` of the `small` size"
+        },
+        {
+          "name": "--ion-badge-size-small-content-icon-width",
+          "annotation": "prop",
+          "docs": "Width of the slotted `ion-icon` of the `small` size"
+        },
+        {
+          "name": "--ion-badge-size-small-content-letter-spacing",
+          "annotation": "prop",
+          "docs": "Letter spacing of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-line-height",
+          "annotation": "prop",
+          "docs": "Line height of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-min-height",
+          "annotation": "prop",
+          "docs": "Minimum height of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-min-width",
+          "annotation": "prop",
+          "docs": "Minimum width of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, left padding if direction is right-to-left of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, right padding if direction is right-to-left of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-content-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the `small` size when badge has content"
+        },
+        {
+          "name": "--ion-badge-size-small-dot-height",
+          "annotation": "prop",
+          "docs": "Height of the `small` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-small-dot-min-width",
+          "annotation": "prop",
+          "docs": "Minimum width of the `small` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-small-dot-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the `small` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-small-dot-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, left padding if direction is right-to-left of the `small` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-small-dot-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, right padding if direction is right-to-left of the `small` size when badge is empty"
+        },
+        {
+          "name": "--ion-badge-size-small-dot-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the `small` size when badge is empty"
         }
       ],
       "slots": [],
@@ -8665,10 +8912,6 @@
         {
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
-        },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
         }
       ],
       "usage": {},
@@ -8771,25 +9014,64 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "fill",
+          "type": "\"outline\" | \"solid\" | undefined",
+          "complexType": {
+            "original": "IonChipFill",
+            "resolved": "\"outline\" | \"solid\" | undefined",
+            "references": {
+              "IonChipFill": {
+                "location": "import",
+                "path": "./chip.interfaces",
+                "id": "src/components/chip/chip.interfaces.ts::IonChipFill",
+                "referenceLocation": "IonChipFill"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "fill",
+          "reflectToAttr": false,
+          "docs": "The fill for the chip.\n\nSet to `\"outline\"` for a chip with a border and background.\nSet to `\"solid\"` for a chip with a background.\n\nDefaults to `\"solid\"` if both the fill property and theme config are unset.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "outline",
+              "type": "string"
+            },
+            {
+              "value": "solid",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "hue",
           "type": "\"bold\" | \"subtle\" | undefined",
           "complexType": {
-            "original": "'bold' | 'subtle'",
+            "original": "IonChipHue",
             "resolved": "\"bold\" | \"subtle\" | undefined",
-            "references": {}
+            "references": {
+              "IonChipHue": {
+                "location": "import",
+                "path": "./chip.interfaces",
+                "id": "src/components/chip/chip.interfaces.ts::IonChipHue",
+                "referenceLocation": "IonChipHue"
+              }
+            }
           },
           "mutable": false,
           "attr": "hue",
           "reflectToAttr": false,
-          "docs": "Set to `\"bold\"` for a chip with vibrant, bold colors or to `\"subtle\"` for\na chip with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'subtle'"
-            }
-          ],
-          "default": "'subtle'",
+          "docs": "Set to `\"bold\"` for a chip with vibrant, bold colors or to `\"subtle\"` for\na chip with muted, subtle colors.\n\nDefaults to `\"subtle\"` if both the hue property and theme config are unset.",
+          "docsTags": [],
           "values": [
             {
               "value": "bold",
@@ -8842,12 +9124,17 @@
           "reflectToAttr": false,
           "docs": "Display an outline style button.",
           "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "- Use fill=\"outline\" instead"
+            },
             {
               "name": "default",
               "text": "false"
             }
           ],
           "default": "false",
+          "deprecation": "- Use fill=\"outline\" instead",
           "values": [
             {
               "type": "boolean"
@@ -8862,14 +9149,21 @@
           "name": "shape",
           "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
           "complexType": {
-            "original": "'soft' | 'round' | 'rectangular'",
+            "original": "IonChipShape",
             "resolved": "\"rectangular\" | \"round\" | \"soft\" | undefined",
-            "references": {}
+            "references": {
+              "IonChipShape": {
+                "location": "import",
+                "path": "./chip.interfaces",
+                "id": "src/components/chip/chip.interfaces.ts::IonChipShape",
+                "referenceLocation": "IonChipShape"
+              }
+            }
           },
           "mutable": false,
           "attr": "shape",
           "reflectToAttr": false,
-          "docs": "Set to `\"soft\"` for a chip with slightly rounded corners, `\"round\"` for a chip with fully\nrounded corners, or `\"rectangular\"` for a chip without rounded corners.\nDefaults to `\"round\"` for the `\"ionic\"` theme and `\"soft\"` for all other themes.",
+          "docs": "Set to `\"soft\"` for a chip with slightly rounded corners,\n`\"round\"` for a chip with fully rounded corners,\nor `\"rectangular\"` for a chip without rounded corners.\n\nDefaults to `\"round\"` if both the shape property and theme config are unset.",
           "docsTags": [],
           "values": [
             {
@@ -8897,14 +9191,21 @@
           "name": "size",
           "type": "\"large\" | \"small\" | undefined",
           "complexType": {
-            "original": "'small' | 'large'",
+            "original": "IonChipSize",
             "resolved": "\"large\" | \"small\" | undefined",
-            "references": {}
+            "references": {
+              "IonChipSize": {
+                "location": "import",
+                "path": "./chip.interfaces",
+                "id": "src/components/chip/chip.interfaces.ts::IonChipSize",
+                "referenceLocation": "IonChipSize"
+              }
+            }
           },
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "Set to `\"small\"` for a chip with less height and padding.\n\nDefaults to `\"large\"` for the ionic theme, and  undefined for all other themes.",
+          "docs": "Set to `\"small\"` for a chip with less height and padding,\nor `\"large\"` for a chip with more height and padding.\n\nDefaults to `\"large\"` if both the size property and theme config are unset.",
           "docsTags": [],
           "values": [
             {
@@ -8923,31 +9224,6 @@
           "required": false,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
         }
       ],
       "methods": [],
@@ -8955,70 +9231,479 @@
       "listeners": [],
       "styles": [
         {
-          "name": "--background",
+          "name": "--ion-chip-avatar-height",
           "annotation": "prop",
-          "docs": "Background of the chip",
-          "mode": "ionic"
+          "docs": "Height of the slotted `ion-avatar`"
         },
         {
-          "name": "--background",
+          "name": "--ion-chip-avatar-leading-margin-bottom",
           "annotation": "prop",
-          "docs": "Background of the chip",
-          "mode": "ios"
+          "docs": "Bottom margin of the slotted `ion-avatar` when it is the first child"
         },
         {
-          "name": "--background",
+          "name": "--ion-chip-avatar-leading-margin-end",
           "annotation": "prop",
-          "docs": "Background of the chip",
-          "mode": "md"
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted `ion-avatar` when it is the first child"
         },
         {
-          "name": "--border-radius",
+          "name": "--ion-chip-avatar-leading-margin-start",
           "annotation": "prop",
-          "docs": "Border radius of the chip",
-          "mode": "ionic"
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted `ion-avatar` when it is the first child"
         },
         {
-          "name": "--border-radius",
+          "name": "--ion-chip-avatar-leading-margin-top",
           "annotation": "prop",
-          "docs": "Border radius of the chip",
-          "mode": "ios"
+          "docs": "Top margin of the slotted `ion-avatar` when it is the first child"
         },
         {
-          "name": "--border-radius",
+          "name": "--ion-chip-avatar-trailing-margin-bottom",
           "annotation": "prop",
-          "docs": "Border radius of the chip",
-          "mode": "md"
+          "docs": "Bottom margin of the slotted `ion-avatar` when it is the last child"
         },
         {
-          "name": "--color",
+          "name": "--ion-chip-avatar-trailing-margin-end",
           "annotation": "prop",
-          "docs": "Color of the chip",
-          "mode": "ionic"
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted `ion-avatar` when it is the last child"
         },
         {
-          "name": "--color",
+          "name": "--ion-chip-avatar-trailing-margin-start",
           "annotation": "prop",
-          "docs": "Color of the chip",
-          "mode": "ios"
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted `ion-avatar` when it is the last child"
         },
         {
-          "name": "--color",
+          "name": "--ion-chip-avatar-trailing-margin-top",
           "annotation": "prop",
-          "docs": "Color of the chip",
-          "mode": "md"
+          "docs": "Top margin of the slotted `ion-avatar` when it is the last child"
         },
         {
-          "name": "--focus-ring-color",
+          "name": "--ion-chip-avatar-width",
           "annotation": "prop",
-          "docs": "Color of the focus ring",
-          "mode": "ionic"
+          "docs": "Width of the slotted `ion-avatar`"
         },
         {
-          "name": "--focus-ring-width",
+          "name": "--ion-chip-font-weight",
           "annotation": "prop",
-          "docs": "Width of the focus ring",
-          "mode": "ionic"
+          "docs": "Font weight of the chip"
+        },
+        {
+          "name": "--ion-chip-gap",
+          "annotation": "prop",
+          "docs": "Gap between slotted elements in the chip Sizes"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-activated-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `outline` fill combination in the activated state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-default-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-default-border-color",
+          "annotation": "prop",
+          "docs": "Border color of the `bold` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-default-border-style",
+          "annotation": "prop",
+          "docs": "Border style of the `bold` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-default-border-width",
+          "annotation": "prop",
+          "docs": "Border width of the `bold` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-default-color",
+          "annotation": "prop",
+          "docs": "Color of the `bold` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-focus-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `outline` fill combination in the focus state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-hover-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `outline` fill combination in the hover state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-semantic-activated-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `outline` fill combination when a semantic color is applied and in the activated state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `outline` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-semantic-default-border-color",
+          "annotation": "prop",
+          "docs": "Border color of the `bold` hue and `outline` fill combination when a semantic color is applied Subtle Solid"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-semantic-default-border-style",
+          "annotation": "prop",
+          "docs": "Border style of the `bold` hue and `outline` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-semantic-default-border-width",
+          "annotation": "prop",
+          "docs": "Border width of the `bold` hue and `outline` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-semantic-default-color",
+          "annotation": "prop",
+          "docs": "Color of the `bold` hue and `outline` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-semantic-focus-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `outline` fill combination when a semantic color is applied and in the focus state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-outline-semantic-hover-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `outline` fill combination when a semantic color is applied and in the hover state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-activated-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `solid` fill combination in the activated state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-default-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `solid` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-default-color",
+          "annotation": "prop",
+          "docs": "Color of the `bold` hue and `solid` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-focus-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `solid` fill combination in the focus state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-hover-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `solid` fill combination in the hover state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-semantic-activated-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `solid` fill combination when a semantic color is applied and in the activated state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `solid` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-semantic-default-color",
+          "annotation": "prop",
+          "docs": "Color of the `bold` hue and `solid` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-semantic-focus-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `solid` fill combination when a semantic color is applied and in the focus state"
+        },
+        {
+          "name": "--ion-chip-hue-bold-solid-semantic-hover-background",
+          "annotation": "prop",
+          "docs": "Background color of the `bold` hue and `solid` fill combination when a semantic color is applied and in the hover state Bold Outline"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-activated-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `outline` fill combination in the activated state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-default-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-default-border-color",
+          "annotation": "prop",
+          "docs": "Border color of the `subtle` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-default-border-style",
+          "annotation": "prop",
+          "docs": "Border style of the `subtle` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-default-border-width",
+          "annotation": "prop",
+          "docs": "Border width of the `subtle` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-default-color",
+          "annotation": "prop",
+          "docs": "Color of the `subtle` hue and `outline` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-focus-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `outline` fill combination in the focus state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-hover-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `outline` fill combination in the hover state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-semantic-activated-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `outline` fill combination when a semantic color is applied and in the activated state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `outline` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-semantic-default-border-color",
+          "annotation": "prop",
+          "docs": "Border color of the `subtle` hue and `outline` fill combination when a semantic color is applied States"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-semantic-default-border-style",
+          "annotation": "prop",
+          "docs": "Border style of the `subtle` hue and `outline` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-semantic-default-border-width",
+          "annotation": "prop",
+          "docs": "Border width of the `subtle` hue and `outline` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-semantic-default-color",
+          "annotation": "prop",
+          "docs": "Color of the `subtle` hue and `outline` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-semantic-focus-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `outline` fill combination when a semantic color is applied and in the focus state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-outline-semantic-hover-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `outline` fill combination when a semantic color is applied and in the hover state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-activated-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `solid` fill combination in the activated state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-default-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `solid` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-default-color",
+          "annotation": "prop",
+          "docs": "Color of the `subtle` hue and `solid` fill combination in the default state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-focus-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `solid` fill combination in the focus state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-hover-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `solid` fill combination in the hover state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-semantic-activated-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `solid` fill combination when a semantic color is applied and in the activated state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `solid` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-semantic-default-color",
+          "annotation": "prop",
+          "docs": "Color of the `subtle` hue and `solid` fill combination when a semantic color is applied"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-semantic-focus-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `solid` fill combination when a semantic color is applied and in the focus state"
+        },
+        {
+          "name": "--ion-chip-hue-subtle-solid-semantic-hover-background",
+          "annotation": "prop",
+          "docs": "Background color of the `subtle` hue and `solid` fill combination when a semantic color is applied and in the hover state Subtle Outline"
+        },
+        {
+          "name": "--ion-chip-icon-color",
+          "annotation": "prop",
+          "docs": "Color of the slotted `ion-icon`"
+        },
+        {
+          "name": "--ion-chip-icon-font-size",
+          "annotation": "prop",
+          "docs": "Font size of the slotted `ion-icon`"
+        },
+        {
+          "name": "--ion-chip-icon-leading-margin-bottom",
+          "annotation": "prop",
+          "docs": "Bottom margin of the slotted `ion-icon` when it is the first child"
+        },
+        {
+          "name": "--ion-chip-icon-leading-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted `ion-icon` when it is the first child"
+        },
+        {
+          "name": "--ion-chip-icon-leading-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted `ion-icon` when it is the first child"
+        },
+        {
+          "name": "--ion-chip-icon-leading-margin-top",
+          "annotation": "prop",
+          "docs": "Top margin of the slotted `ion-icon` when it is the first child"
+        },
+        {
+          "name": "--ion-chip-icon-trailing-margin-bottom",
+          "annotation": "prop",
+          "docs": "Bottom margin of the slotted `ion-icon` when it is the last child"
+        },
+        {
+          "name": "--ion-chip-icon-trailing-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted `ion-icon` when it is the last child"
+        },
+        {
+          "name": "--ion-chip-icon-trailing-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted `ion-icon` when it is the last child Slotted Avatar"
+        },
+        {
+          "name": "--ion-chip-icon-trailing-margin-top",
+          "annotation": "prop",
+          "docs": "Top margin of the slotted `ion-icon` when it is the last child"
+        },
+        {
+          "name": "--ion-chip-letter-spacing",
+          "annotation": "prop",
+          "docs": "Letter spacing of the chip"
+        },
+        {
+          "name": "--ion-chip-line-height",
+          "annotation": "prop",
+          "docs": "Line height of the chip"
+        },
+        {
+          "name": "--ion-chip-margin-bottom",
+          "annotation": "prop",
+          "docs": "Bottom margin of the chip"
+        },
+        {
+          "name": "--ion-chip-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the chip"
+        },
+        {
+          "name": "--ion-chip-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the chip"
+        },
+        {
+          "name": "--ion-chip-margin-top",
+          "annotation": "prop",
+          "docs": "Top margin of the chip"
+        },
+        {
+          "name": "--ion-chip-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the chip"
+        },
+        {
+          "name": "--ion-chip-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the chip"
+        },
+        {
+          "name": "--ion-chip-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the chip"
+        },
+        {
+          "name": "--ion-chip-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the chip"
+        },
+        {
+          "name": "--ion-chip-shape-rectangular-border-radius",
+          "annotation": "prop",
+          "docs": "Border radius of the `rectangular` chip shape Bold Solid"
+        },
+        {
+          "name": "--ion-chip-shape-round-border-radius",
+          "annotation": "prop",
+          "docs": "Border radius of the `round` chip shape"
+        },
+        {
+          "name": "--ion-chip-shape-soft-border-radius",
+          "annotation": "prop",
+          "docs": "Border radius of the `soft` chip shape"
+        },
+        {
+          "name": "--ion-chip-size-large-font-size",
+          "annotation": "prop",
+          "docs": "Font size of the `large` chip size Shapes"
+        },
+        {
+          "name": "--ion-chip-size-large-min-height",
+          "annotation": "prop",
+          "docs": "Minimum height of the `large` chip size"
+        },
+        {
+          "name": "--ion-chip-size-small-font-size",
+          "annotation": "prop",
+          "docs": "Font size of the `small` chip size"
+        },
+        {
+          "name": "--ion-chip-size-small-min-height",
+          "annotation": "prop",
+          "docs": "Minimum height of the `small` chip size"
+        },
+        {
+          "name": "--ion-chip-state-disabled-opacity",
+          "annotation": "prop",
+          "docs": "Opacity of the chip when it is disabled Slotted Icon"
+        },
+        {
+          "name": "--ion-chip-state-focus-ring-color",
+          "annotation": "prop",
+          "docs": "Color of the focus ring"
+        },
+        {
+          "name": "--ion-chip-state-focus-ring-style",
+          "annotation": "prop",
+          "docs": "Style of the focus ring"
+        },
+        {
+          "name": "--ion-chip-state-focus-ring-width",
+          "annotation": "prop",
+          "docs": "Width of the focus ring"
         }
       ],
       "slots": [],
@@ -10019,10 +10704,6 @@
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
         },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
-        },
         {
           "name": "slot",
           "text": "- Content is placed in the scrollable area if provided without a slot."
@@ -10307,31 +10988,6 @@
           "required": false,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
         }
       ],
       "methods": [
@@ -10585,8 +11241,8 @@
             "references": {
               "ScrollDetail": {
                 "location": "import",
-                "path": "./content-interface",
-                "id": "src/components/content/content-interface.ts::ScrollDetail",
+                "path": "./content.interfaces",
+                "id": "src/components/content/content.interfaces.ts::ScrollDetail",
                 "referenceLocation": "ScrollDetail"
               }
             }
@@ -10606,8 +11262,8 @@
             "references": {
               "ScrollBaseDetail": {
                 "location": "import",
-                "path": "./content-interface",
-                "id": "src/components/content/content-interface.ts::ScrollBaseDetail",
+                "path": "./content.interfaces",
+                "id": "src/components/content/content.interfaces.ts::ScrollBaseDetail",
                 "referenceLocation": "ScrollBaseDetail"
               }
             }
@@ -10627,8 +11283,8 @@
             "references": {
               "ScrollBaseDetail": {
                 "location": "import",
-                "path": "./content-interface",
-                "id": "src/components/content/content-interface.ts::ScrollBaseDetail",
+                "path": "./content.interfaces",
+                "id": "src/components/content/content.interfaces.ts::ScrollBaseDetail",
                 "referenceLocation": "ScrollBaseDetail"
               }
             }
@@ -10649,49 +11305,54 @@
       ],
       "styles": [
         {
-          "name": "--background",
+          "name": "--ion-content-default-background",
           "annotation": "prop",
           "docs": "Background of the content"
         },
         {
-          "name": "--color",
+          "name": "--ion-content-default-color",
           "annotation": "prop",
           "docs": "Color of the content"
         },
         {
-          "name": "--keyboard-offset",
-          "annotation": "prop",
-          "docs": "Keyboard offset of the content"
-        },
-        {
-          "name": "--offset-bottom",
+          "name": "--ion-content-font-family",
           "annotation": "prop",
-          "docs": "Offset bottom of the content"
+          "docs": "Font family of the content"
         },
         {
-          "name": "--offset-top",
+          "name": "--ion-content-overflow",
           "annotation": "prop",
-          "docs": "Offset top of the content"
+          "docs": "Overflow behavior of the scrollable area"
         },
         {
-          "name": "--padding-bottom",
+          "name": "--ion-content-padding-bottom",
           "annotation": "prop",
           "docs": "Bottom padding of the content"
         },
         {
-          "name": "--padding-end",
+          "name": "--ion-content-padding-end",
           "annotation": "prop",
           "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the content"
         },
         {
-          "name": "--padding-start",
+          "name": "--ion-content-padding-start",
           "annotation": "prop",
           "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the content"
         },
         {
-          "name": "--padding-top",
+          "name": "--ion-content-padding-top",
           "annotation": "prop",
           "docs": "Top padding of the content"
+        },
+        {
+          "name": "--ion-content-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background of the content when a semantic color is applied"
+        },
+        {
+          "name": "--ion-content-semantic-default-color",
+          "annotation": "prop",
+          "docs": "Color of the content when a semantic color is applied"
         }
       ],
       "slots": [
@@ -14225,9 +14886,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/gallery/gallery.tsx",
+      "filePath": "src/components/grid/grid.tsx",
       "encapsulation": "shadow",
-      "tag": "ion-gallery",
+      "tag": "ion-grid",
       "docs": "",
       "docsTags": [
         {
@@ -14237,131 +14898,32 @@
         {
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
-        },
-        {
-          "name": "slot",
-          "text": "- Content is placed in a responsive gallery layout."
         }
       ],
       "usage": {},
       "props": [
         {
-          "name": "columns",
-          "type": "GalleryBreakpoints<string | number> | number | string",
-          "complexType": {
-            "original": "GalleryColumns",
-            "resolved": "GalleryBreakpoints<string | number> | number | string",
-            "references": {
-              "GalleryColumns": {
-                "location": "import",
-                "path": "./gallery-interface",
-                "id": "src/components/gallery/gallery-interface.ts::GalleryColumns",
-                "referenceLocation": "GalleryColumns"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "columns",
-          "reflectToAttr": false,
-          "docs": "The number of columns to display. Can be set as a number or an object of\nbreakpoint values (e.g. `{ xs: 2, sm: 3, md: 4 }`).",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "DEFAULT_COLUMNS"
-            }
-          ],
-          "default": "DEFAULT_COLUMNS",
-          "values": [
-            {
-              "type": "GalleryBreakpoints<string"
-            },
-            {
-              "type": "number>"
-            },
-            {
-              "type": "number"
-            },
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "gap",
-          "type": "GalleryBreakpoints<string | number> | number | string",
-          "complexType": {
-            "original": "GalleryGap",
-            "resolved": "GalleryBreakpoints<string | number> | number | string",
-            "references": {
-              "GalleryGap": {
-                "location": "import",
-                "path": "./gallery-interface",
-                "id": "src/components/gallery/gallery-interface.ts::GalleryGap",
-                "referenceLocation": "GalleryGap"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "gap",
-          "reflectToAttr": false,
-          "docs": "The space between gallery items. Accepts valid CSS [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)\nvalues like `16px`, `1rem`, `20%`, math functions like `calc(10px + 20%)`,\nor numbers (treated as pixel values). Can also be set as a breakpoint map\n(e.g. `{ xs: '8px', sm: '1rem', md: '24px' }`). Does not accept\nspace-separated values or CSS keyword values like `inherit`, `auto`, etc.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "DEFAULT_GAP"
-            }
-          ],
-          "default": "DEFAULT_GAP",
-          "values": [
-            {
-              "type": "GalleryBreakpoints<string"
-            },
-            {
-              "type": "number>"
-            },
-            {
-              "type": "number"
-            },
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "layout",
-          "type": "\"masonry\" | \"uniform\"",
+          "name": "fixed",
+          "type": "boolean",
           "complexType": {
-            "original": "'uniform' | 'masonry'",
-            "resolved": "\"masonry\" | \"uniform\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "layout",
+          "attr": "fixed",
           "reflectToAttr": false,
-          "docs": "The visual layout of the gallery. When `uniform`, rows take up the height\nof the tallest item and are spaced evenly across the gallery. Additionally,\nitems will have an aspect ratio of 1/1, forcing them to be square unless a\nheight is explicitly set. When `masonry`, items will be positioned under each\nother with only the specified gap between them.",
+          "docs": "If `true`, the grid will have a fixed width based on the screen size.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'uniform'"
+              "text": "false"
             }
           ],
-          "default": "'uniform'",
+          "default": "false",
           "values": [
             {
-              "value": "masonry",
-              "type": "string"
-            },
-            {
-              "value": "uniform",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -14390,37 +14952,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "order",
-          "type": "\"best-fit\" | \"sequential\" | undefined",
-          "complexType": {
-            "original": "'sequential' | 'best-fit'",
-            "resolved": "\"best-fit\" | \"sequential\" | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "order",
-          "reflectToAttr": false,
-          "docs": "The order in which items are positioned. Only applies when layout is\n`masonry`. When `sequential`, items are positioned in the order they are\nplaced in the DOM. When `best-fit`, items are positioned under the column\nwith the most available space. Defaults to `sequential` when layout is\n`masonry` and `order` is not explicitly set.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "best-fit",
-              "type": "string"
-            },
-            {
-              "value": "sequential",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "theme",
           "type": "\"ios\" | \"md\" | \"ionic\"",
@@ -14449,20 +14980,70 @@
       ],
       "methods": [],
       "events": [],
-      "listeners": [
+      "listeners": [],
+      "styles": [
         {
-          "event": "load",
-          "capture": true,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [
+          "name": "--ion-grid-padding",
+          "annotation": "prop",
+          "docs": "Padding for the Grid"
+        },
         {
-          "name": "",
-          "docs": "Content is placed in a responsive gallery layout."
+          "name": "--ion-grid-padding-lg",
+          "annotation": "prop",
+          "docs": "Padding for the Grid on lg screens"
+        },
+        {
+          "name": "--ion-grid-padding-md",
+          "annotation": "prop",
+          "docs": "Padding for the Grid on md screens"
+        },
+        {
+          "name": "--ion-grid-padding-sm",
+          "annotation": "prop",
+          "docs": "Padding for the Grid on sm screens"
+        },
+        {
+          "name": "--ion-grid-padding-xl",
+          "annotation": "prop",
+          "docs": "Padding for the Grid on xl screens"
+        },
+        {
+          "name": "--ion-grid-padding-xs",
+          "annotation": "prop",
+          "docs": "Padding for the Grid on xs screens"
+        },
+        {
+          "name": "--ion-grid-width",
+          "annotation": "prop",
+          "docs": "Width of the fixed Grid"
+        },
+        {
+          "name": "--ion-grid-width-lg",
+          "annotation": "prop",
+          "docs": "Width of the fixed Grid on lg screens"
+        },
+        {
+          "name": "--ion-grid-width-md",
+          "annotation": "prop",
+          "docs": "Width of the fixed Grid on md screens"
+        },
+        {
+          "name": "--ion-grid-width-sm",
+          "annotation": "prop",
+          "docs": "Width of the fixed Grid on sm screens"
+        },
+        {
+          "name": "--ion-grid-width-xl",
+          "annotation": "prop",
+          "docs": "Width of the fixed Grid on xl screens"
+        },
+        {
+          "name": "--ion-grid-width-xs",
+          "annotation": "prop",
+          "docs": "Width of the fixed Grid on xs screens"
         }
       ],
+      "slots": [],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -14470,9 +15051,9 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/grid/grid.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-grid",
+      "filePath": "src/components/header/header.tsx",
+      "encapsulation": "none",
+      "tag": "ion-header",
       "docs": "",
       "docsTags": [
         {
@@ -14487,7 +15068,38 @@
       "usage": {},
       "props": [
         {
-          "name": "fixed",
+          "name": "collapse",
+          "type": "\"condense\" | \"fade\" | undefined",
+          "complexType": {
+            "original": "'condense' | 'fade'",
+            "resolved": "\"condense\" | \"fade\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "collapse",
+          "reflectToAttr": false,
+          "docs": "Describes the scroll effect that will be applied to the header.\nOnly applies when the theme is `\"ios\"`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "condense",
+              "type": "string"
+            },
+            {
+              "value": "fade",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "divider",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -14495,205 +15107,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "fixed",
+          "attr": "divider",
           "reflectToAttr": false,
-          "docs": "If `true`, the grid will have a fixed width based on the screen size.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "mode",
-          "type": "\"ios\" | \"md\"",
-          "mutable": false,
-          "attr": "mode",
-          "reflectToAttr": false,
-          "docs": "The mode determines the platform behaviors of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [
-        {
-          "name": "--ion-grid-padding",
-          "annotation": "prop",
-          "docs": "Padding for the Grid"
-        },
-        {
-          "name": "--ion-grid-padding-lg",
-          "annotation": "prop",
-          "docs": "Padding for the Grid on lg screens"
-        },
-        {
-          "name": "--ion-grid-padding-md",
-          "annotation": "prop",
-          "docs": "Padding for the Grid on md screens"
-        },
-        {
-          "name": "--ion-grid-padding-sm",
-          "annotation": "prop",
-          "docs": "Padding for the Grid on sm screens"
-        },
-        {
-          "name": "--ion-grid-padding-xl",
-          "annotation": "prop",
-          "docs": "Padding for the Grid on xl screens"
-        },
-        {
-          "name": "--ion-grid-padding-xs",
-          "annotation": "prop",
-          "docs": "Padding for the Grid on xs screens"
-        },
-        {
-          "name": "--ion-grid-width",
-          "annotation": "prop",
-          "docs": "Width of the fixed Grid"
-        },
-        {
-          "name": "--ion-grid-width-lg",
-          "annotation": "prop",
-          "docs": "Width of the fixed Grid on lg screens"
-        },
-        {
-          "name": "--ion-grid-width-md",
-          "annotation": "prop",
-          "docs": "Width of the fixed Grid on md screens"
-        },
-        {
-          "name": "--ion-grid-width-sm",
-          "annotation": "prop",
-          "docs": "Width of the fixed Grid on sm screens"
-        },
-        {
-          "name": "--ion-grid-width-xl",
-          "annotation": "prop",
-          "docs": "Width of the fixed Grid on xl screens"
-        },
-        {
-          "name": "--ion-grid-width-xs",
-          "annotation": "prop",
-          "docs": "Width of the fixed Grid on xs screens"
-        }
-      ],
-      "slots": [],
-      "parts": [],
-      "states": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/header/header.tsx",
-      "encapsulation": "none",
-      "tag": "ion-header",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
-        },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "collapse",
-          "type": "\"condense\" | \"fade\" | undefined",
-          "complexType": {
-            "original": "'condense' | 'fade'",
-            "resolved": "\"condense\" | \"fade\" | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "collapse",
-          "reflectToAttr": false,
-          "docs": "Describes the scroll effect that will be applied to the header.\nOnly applies when the theme is `\"ios\"`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "condense",
-              "type": "string"
-            },
-            {
-              "value": "fade",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "divider",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "divider",
-          "reflectToAttr": false,
-          "docs": "If `true`, the header will have a line at the bottom.\nTODO(ROU-10855): add support for this prop on ios/md themes",
+          "docs": "If `true`, the header will have a line at the bottom.\nTODO(ROU-10855): add support for this prop on ios/md themes",
           "docsTags": [
             {
               "name": "default",
@@ -19853,10 +20269,6 @@
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
         },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
-        },
         {
           "name": "slot",
           "text": "- Content is placed between the named slots if provided without a slot."
@@ -19998,31 +20410,6 @@
           "required": false,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
         }
       ],
       "methods": [],
@@ -20030,184 +20417,379 @@
       "listeners": [],
       "styles": [
         {
-          "name": "--background",
+          "name": "--ion-item-divider-avatar-end-slotted-margin-end",
           "annotation": "prop",
-          "docs": "Background of the item divider",
-          "mode": "ionic"
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar when it is in the end slot of the item divider Slotted Thumbnail"
         },
         {
-          "name": "--background",
+          "name": "--ion-item-divider-avatar-end-slotted-margin-start",
           "annotation": "prop",
-          "docs": "Background of the item divider",
-          "mode": "ios"
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar when it is in the end slot of the item divider"
         },
         {
-          "name": "--background",
+          "name": "--ion-item-divider-avatar-height",
           "annotation": "prop",
-          "docs": "Background of the item divider",
-          "mode": "md"
+          "docs": "Height of the slotted ion-avatar"
         },
         {
-          "name": "--color",
+          "name": "--ion-item-divider-avatar-margin-bottom",
           "annotation": "prop",
-          "docs": "Color of the item divider",
-          "mode": "ionic"
+          "docs": "Bottom margin of the slotted ion-avatar"
         },
         {
-          "name": "--color",
+          "name": "--ion-item-divider-avatar-margin-end",
           "annotation": "prop",
-          "docs": "Color of the item divider",
-          "mode": "ios"
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar"
         },
         {
-          "name": "--color",
+          "name": "--ion-item-divider-avatar-margin-start",
           "annotation": "prop",
-          "docs": "Color of the item divider",
-          "mode": "md"
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar"
         },
         {
-          "name": "--inner-padding-bottom",
+          "name": "--ion-item-divider-avatar-margin-top",
           "annotation": "prop",
-          "docs": "Bottom inner padding of the item divider",
-          "mode": "ionic"
+          "docs": "Top margin of the slotted ion-avatar"
         },
         {
-          "name": "--inner-padding-bottom",
+          "name": "--ion-item-divider-avatar-start-slotted-margin-end",
           "annotation": "prop",
-          "docs": "Bottom inner padding of the item divider",
-          "mode": "ios"
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar when it is in the start slot of the item divider"
         },
         {
-          "name": "--inner-padding-bottom",
+          "name": "--ion-item-divider-avatar-start-slotted-margin-start",
           "annotation": "prop",
-          "docs": "Bottom inner padding of the item divider",
-          "mode": "md"
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar when it is in the start slot of the item divider"
         },
         {
-          "name": "--inner-padding-end",
+          "name": "--ion-item-divider-avatar-width",
           "annotation": "prop",
-          "docs": "End inner padding of the item divider",
-          "mode": "ionic"
+          "docs": "Width of the slotted ion-avatar"
         },
         {
-          "name": "--inner-padding-end",
+          "name": "--ion-item-divider-background",
           "annotation": "prop",
-          "docs": "End inner padding of the item divider",
-          "mode": "ios"
+          "docs": "Background of the item divider"
         },
         {
-          "name": "--inner-padding-end",
+          "name": "--ion-item-divider-border-bottom",
           "annotation": "prop",
-          "docs": "End inner padding of the item divider",
-          "mode": "md"
+          "docs": "Border bottom of the item divider"
         },
         {
-          "name": "--inner-padding-start",
+          "name": "--ion-item-divider-color",
           "annotation": "prop",
-          "docs": "Start inner padding of the item divider",
-          "mode": "ionic"
+          "docs": "Color of the item divider"
         },
         {
-          "name": "--inner-padding-start",
+          "name": "--ion-item-divider-end-slotted-margin-end",
           "annotation": "prop",
-          "docs": "Start inner padding of the item divider",
-          "mode": "ios"
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted element when it is in the end slot of the item divider Slotted Label"
         },
         {
-          "name": "--inner-padding-start",
+          "name": "--ion-item-divider-end-slotted-margin-start",
           "annotation": "prop",
-          "docs": "Start inner padding of the item divider",
-          "mode": "md"
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted element when it is in the end slot of the item divider"
         },
         {
-          "name": "--inner-padding-top",
+          "name": "--ion-item-divider-font-size",
           "annotation": "prop",
-          "docs": "Top inner padding of the item divider",
-          "mode": "ionic"
+          "docs": "Font size of the item divider"
         },
         {
-          "name": "--inner-padding-top",
+          "name": "--ion-item-divider-font-weight",
           "annotation": "prop",
-          "docs": "Top inner padding of the item divider",
-          "mode": "ios"
+          "docs": "Font weight of the item divider"
         },
         {
-          "name": "--inner-padding-top",
+          "name": "--ion-item-divider-icon-default-color",
           "annotation": "prop",
-          "docs": "Top inner padding of the item divider",
-          "mode": "md"
+          "docs": "Color of the slotted ion-icon"
         },
         {
-          "name": "--padding-bottom",
+          "name": "--ion-item-divider-icon-end-slotted-margin-bottom",
           "annotation": "prop",
-          "docs": "Bottom padding of the item divider",
-          "mode": "ionic"
+          "docs": "Bottom margin of the slotted ion-icon when it is in the end slot of the item divider"
         },
         {
-          "name": "--padding-bottom",
+          "name": "--ion-item-divider-icon-end-slotted-margin-end",
           "annotation": "prop",
-          "docs": "Bottom padding of the item divider",
-          "mode": "ios"
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-icon when it is in the end slot of the item divider"
         },
         {
-          "name": "--padding-bottom",
+          "name": "--ion-item-divider-icon-end-slotted-margin-start",
           "annotation": "prop",
-          "docs": "Bottom padding of the item divider",
-          "mode": "md"
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-icon when it is in the end slot of the item divider Slotted Note"
         },
         {
-          "name": "--padding-end",
+          "name": "--ion-item-divider-icon-end-slotted-margin-top",
           "annotation": "prop",
-          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item divider",
-          "mode": "ionic"
+          "docs": "Top margin of the slotted ion-icon when it is in the end slot of the item divider"
         },
         {
-          "name": "--padding-end",
+          "name": "--ion-item-divider-icon-font-size",
           "annotation": "prop",
-          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item divider",
-          "mode": "ios"
+          "docs": "Font size of the slotted ion-icon"
         },
         {
-          "name": "--padding-end",
+          "name": "--ion-item-divider-icon-semantic-default-color",
           "annotation": "prop",
-          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item divider",
-          "mode": "md"
+          "docs": "Color of the slotted ion-icon when the item divider has a semantic color applied"
         },
         {
-          "name": "--padding-start",
+          "name": "--ion-item-divider-icon-start-slotted-margin-bottom",
           "annotation": "prop",
-          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item divider",
-          "mode": "ionic"
+          "docs": "Bottom margin of the slotted ion-icon when it is in the start slot of the item divider"
         },
         {
-          "name": "--padding-start",
+          "name": "--ion-item-divider-icon-start-slotted-margin-end",
           "annotation": "prop",
-          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item divider",
-          "mode": "ios"
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-icon when it is in the start slot of the item divider"
         },
         {
-          "name": "--padding-start",
+          "name": "--ion-item-divider-icon-start-slotted-margin-start",
           "annotation": "prop",
-          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item divider",
-          "mode": "md"
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-icon when it is in the start slot of the item divider"
         },
         {
-          "name": "--padding-top",
+          "name": "--ion-item-divider-icon-start-slotted-margin-top",
           "annotation": "prop",
-          "docs": "Top padding of the item divider",
-          "mode": "ionic"
+          "docs": "Top margin of the slotted ion-icon when it is in the start slot of the item divider"
         },
         {
-          "name": "--padding-top",
+          "name": "--ion-item-divider-inner-padding-bottom",
           "annotation": "prop",
-          "docs": "Top padding of the item divider",
-          "mode": "ios"
+          "docs": "Bottom inner padding of the item divider"
         },
         {
-          "name": "--padding-top",
+          "name": "--ion-item-divider-inner-padding-end",
           "annotation": "prop",
-          "docs": "Top padding of the item divider",
-          "mode": "md"
+          "docs": "Right inner padding if direction is left-to-right, and left inner padding if direction is right-to-left of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-inner-padding-start",
+          "annotation": "prop",
+          "docs": "Left inner padding if direction is left-to-right, and right inner padding if direction is right-to-left of the item divider ::slotted([slot=\"start\"])"
+        },
+        {
+          "name": "--ion-item-divider-inner-padding-top",
+          "annotation": "prop",
+          "docs": "Top inner padding of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-label-margin-bottom",
+          "annotation": "prop",
+          "docs": "Bottom margin of the slotted ion-label"
+        },
+        {
+          "name": "--ion-item-divider-label-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-label"
+        },
+        {
+          "name": "--ion-item-divider-label-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-label Slotted Icon"
+        },
+        {
+          "name": "--ion-item-divider-label-margin-top",
+          "annotation": "prop",
+          "docs": "Top margin of the slotted ion-label"
+        },
+        {
+          "name": "--ion-item-divider-min-height",
+          "annotation": "prop",
+          "docs": "Minimum height of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-note-align-self",
+          "annotation": "prop",
+          "docs": "Align self of the slotted ion-note"
+        },
+        {
+          "name": "--ion-item-divider-note-font-size",
+          "annotation": "prop",
+          "docs": "Font size of the slotted ion-note"
+        },
+        {
+          "name": "--ion-item-divider-note-margin-bottom",
+          "annotation": "prop",
+          "docs": "Bottom margin of the slotted ion-note"
+        },
+        {
+          "name": "--ion-item-divider-note-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-note"
+        },
+        {
+          "name": "--ion-item-divider-note-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-note"
+        },
+        {
+          "name": "--ion-item-divider-note-margin-top",
+          "annotation": "prop",
+          "docs": "Top margin of the slotted ion-note"
+        },
+        {
+          "name": "--ion-item-divider-note-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the slotted ion-note when it has a slot"
+        },
+        {
+          "name": "--ion-item-divider-note-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the slotted ion-note when it has a slot"
+        },
+        {
+          "name": "--ion-item-divider-note-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the slotted ion-note when it has a slot Slotted Avatar"
+        },
+        {
+          "name": "--ion-item-divider-note-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the slotted ion-note when it has a slot"
+        },
+        {
+          "name": "--ion-item-divider-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-color",
+          "annotation": "prop",
+          "docs": "Color of the slotted p"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-font-size",
+          "annotation": "prop",
+          "docs": "Font size of the slotted p"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-margin-bottom",
+          "annotation": "prop",
+          "docs": "Bottom margin of the slotted p"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted p"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted p"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-margin-top",
+          "annotation": "prop",
+          "docs": "Top margin of the slotted p"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-overflow",
+          "annotation": "prop",
+          "docs": "Overflow of the slotted p"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-text-overflow",
+          "annotation": "prop",
+          "docs": "Text overflow of the slotted p"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-trailing-margin-bottom",
+          "annotation": "prop",
+          "docs": "Bottom margin of the slotted p when it is the last child"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-trailing-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted p when it is the last child"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-trailing-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted p when it is the last child"
+        },
+        {
+          "name": "--ion-item-divider-paragraph-trailing-margin-top",
+          "annotation": "prop",
+          "docs": "Top margin of the slotted p when it is the last child"
+        },
+        {
+          "name": "--ion-item-divider-start-slotted-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted element when it is in the start slot of the item divider ::slotted([slot=\"end\"])"
+        },
+        {
+          "name": "--ion-item-divider-start-slotted-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted element when it is in the start slot of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-end-slotted-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail when it is in the end slot of the item divider Slotted Paragraph"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-end-slotted-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail when it is in the end slot of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-height",
+          "annotation": "prop",
+          "docs": "Height of the slotted ion-thumbnail"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-margin-bottom",
+          "annotation": "prop",
+          "docs": "Bottom margin of the slotted ion-thumbnail"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-margin-top",
+          "annotation": "prop",
+          "docs": "Top margin of the slotted ion-thumbnail"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-start-slotted-margin-end",
+          "annotation": "prop",
+          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail when it is in the start slot of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-start-slotted-margin-start",
+          "annotation": "prop",
+          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail when it is in the start slot of the item divider"
+        },
+        {
+          "name": "--ion-item-divider-thumbnail-width",
+          "annotation": "prop",
+          "docs": "Width of the slotted ion-thumbnail"
         }
       ],
       "slots": [
@@ -30439,10 +31021,6 @@
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
         },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
-        },
         {
           "name": "part",
           "text": "progress - The progress bar that shows the current value when `type` is `\"determinate\"` and slides back and forth when `type` is `\"indeterminate\"`."
@@ -30610,14 +31188,21 @@
           "name": "shape",
           "type": "\"rectangular\" | \"round\" | undefined",
           "complexType": {
-            "original": "'round' | 'rectangular'",
+            "original": "IonProgressBarShape",
             "resolved": "\"rectangular\" | \"round\" | undefined",
-            "references": {}
+            "references": {
+              "IonProgressBarShape": {
+                "location": "import",
+                "path": "./progress-bar.interfaces",
+                "id": "src/components/progress-bar/progress-bar.interfaces.ts::IonProgressBarShape",
+                "referenceLocation": "IonProgressBarShape"
+              }
+            }
           },
           "mutable": false,
           "attr": "shape",
           "reflectToAttr": false,
-          "docs": "Set to `\"round\"` for a progress bar with rounded corners, or `\"rectangular\"`\nfor a progress bar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+          "docs": "Set to `\"round\"` for a progress bar with rounded corners, or `\"rectangular\"`\nfor a progress bar without rounded corners.\n\nDefaults to `\"round\"` if both the shape property and theme config are unset.",
           "docsTags": [],
           "values": [
             {
@@ -30637,31 +31222,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "type",
           "type": "\"determinate\" | \"indeterminate\"",
@@ -30731,28 +31291,79 @@
       "listeners": [],
       "styles": [
         {
-          "name": "--background",
+          "name": "--ion-progress-bar-determinate-buffer-bar-default-background",
           "annotation": "prop",
-          "docs": "Background of the progress track, or the buffer bar if `buffer` is set",
-          "mode": "ios"
+          "docs": "Background of the track representing the buffered amount in a determinate progress bar"
         },
         {
-          "name": "--background",
+          "name": "--ion-progress-bar-determinate-buffer-bar-semantic-default-background",
           "annotation": "prop",
-          "docs": "Background of the progress track, or the buffer bar if `buffer` is set",
-          "mode": "md"
+          "docs": "Background of the track representing the buffered amount in a determinate progress bar when a semantic color is applied"
         },
         {
-          "name": "--progress-background",
+          "name": "--ion-progress-bar-determinate-buffer-bar-solid-default-background",
           "annotation": "prop",
-          "docs": "Background of the progress bar representing the current value",
-          "mode": "ios"
+          "docs": "Background of the track representing the buffered amount in a determinate progress bar when it's fully buffered"
         },
         {
-          "name": "--progress-background",
+          "name": "--ion-progress-bar-determinate-buffer-circles-default-background",
           "annotation": "prop",
-          "docs": "Background of the progress bar representing the current value",
-          "mode": "md"
+          "docs": "Background of the buffer circles in a determinate progress bar"
+        },
+        {
+          "name": "--ion-progress-bar-determinate-buffer-circles-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background of the buffer circles in a determinate progress bar when a semantic color is applied"
+        },
+        {
+          "name": "--ion-progress-bar-determinate-progress-default-background",
+          "annotation": "prop",
+          "docs": "Background of the filled progress indicator in a determinate progress bar"
+        },
+        {
+          "name": "--ion-progress-bar-determinate-progress-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background of the filled progress indicator in a determinate progress bar when a semantic color is applied"
+        },
+        {
+          "name": "--ion-progress-bar-height",
+          "annotation": "prop",
+          "docs": "Height of the progress bar"
+        },
+        {
+          "name": "--ion-progress-bar-indeterminate-buffer-bar-default-background",
+          "annotation": "prop",
+          "docs": "Background of the track representing the buffered amount in an indeterminate progress bar"
+        },
+        {
+          "name": "--ion-progress-bar-indeterminate-buffer-bar-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background of the track representing the buffered amount in an indeterminate progress bar when a semantic color is applied"
+        },
+        {
+          "name": "--ion-progress-bar-indeterminate-buffer-bar-solid-default-background",
+          "annotation": "prop",
+          "docs": "Background of the track representing the buffered amount in an indeterminate progress bar when it's fully buffered"
+        },
+        {
+          "name": "--ion-progress-bar-indeterminate-progress-default-background",
+          "annotation": "prop",
+          "docs": "Background of the filled progress indicator in an indeterminate progress bar"
+        },
+        {
+          "name": "--ion-progress-bar-indeterminate-progress-semantic-default-background",
+          "annotation": "prop",
+          "docs": "Background of the filled progress indicator in an indeterminate progress bar when a semantic color is applied"
+        },
+        {
+          "name": "--ion-progress-bar-shape-rectangular-border-radius",
+          "annotation": "prop",
+          "docs": "Border radius of the `rectangular` progress bar shape"
+        },
+        {
+          "name": "--ion-progress-bar-shape-round-border-radius",
+          "annotation": "prop",
+          "docs": "Border radius of the `round` progress bar shape"
         }
       ],
       "slots": [],
@@ -34398,7 +35009,7 @@
               },
               {
                 "name": "direction",
-                "type": "\"root\" | \"back\" | \"forward\"",
+                "type": "\"root\" | \"forward\" | \"back\"",
                 "docs": "The direction of the animation. Defaults to `\"forward\"`."
               },
               {
@@ -34436,7 +35047,7 @@
             },
             {
               "name": "direction",
-              "type": "\"root\" | \"back\" | \"forward\"",
+              "type": "\"root\" | \"forward\" | \"back\"",
               "docs": "The direction of the animation. Defaults to `\"forward\"`."
             },
             {
@@ -39916,10 +40527,6 @@
         {
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
-        },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
         }
       ],
       "usage": {},
@@ -40139,14 +40746,21 @@
           "name": "size",
           "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
           "complexType": {
-            "original": "'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
+            "original": "SpinnerSize",
             "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
-            "references": {}
+            "references": {
+              "SpinnerSize": {
+                "location": "import",
+                "path": "./spinner.interfaces",
+                "id": "src/components/spinner/spinner.interfaces.ts::SpinnerSize",
+                "referenceLocation": "SpinnerSize"
+              }
+            }
           },
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "Set to `\"xsmall\"` for the smallest size.\nSet to `\"small\"` for a smaller size.\nSet to `\"medium\"` for a medium size.\nSet to `\"large\"` for a large size.\nSet to `\"xlarge\"` for the largest size.\n\nDefaults to `\"xsmall\"` for the `ionic` theme, undefined for all other themes.",
+          "docs": "Set to `\"xsmall\"` for the smallest size.\nSet to `\"small\"` for a smaller size.\nSet to `\"medium\"` for a medium size.\nSet to `\"large\"` for a large size.\nSet to `\"xlarge\"` for the largest size.\n\nDefaults to `\"medium\"` if both the size property and theme config are unset.",
           "docsTags": [],
           "values": [
             {
@@ -40177,31 +40791,6 @@
           "required": false,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
         }
       ],
       "methods": [],
@@ -40209,22 +40798,94 @@
       "listeners": [],
       "styles": [
         {
-          "name": "--color",
+          "name": "--ion-spinner-circular-stroke-width",
           "annotation": "prop",
-          "docs": "Color of the spinner",
-          "mode": "ionic"
+          "docs": "Stroke width of the `circular` spinner Sizes"
         },
         {
-          "name": "--color",
+          "name": "--ion-spinner-color",
           "annotation": "prop",
-          "docs": "Color of the spinner",
-          "mode": "ios"
+          "docs": "Color of the spinner"
         },
         {
-          "name": "--color",
+          "name": "--ion-spinner-crescent-stroke-width",
           "annotation": "prop",
-          "docs": "Color of the spinner",
-          "mode": "md"
+          "docs": "Stroke width of the `crescent` spinner"
+        },
+        {
+          "name": "--ion-spinner-dots-stroke-width",
+          "annotation": "prop",
+          "docs": "Stroke width of the `dots` spinner"
+        },
+        {
+          "name": "--ion-spinner-lines-sharp-small-stroke-width",
+          "annotation": "prop",
+          "docs": "Stroke width of the `lines-sharp-small` spinner"
+        },
+        {
+          "name": "--ion-spinner-lines-sharp-stroke-width",
+          "annotation": "prop",
+          "docs": "Stroke width of the `lines-sharp` spinner"
+        },
+        {
+          "name": "--ion-spinner-lines-small-stroke-width",
+          "annotation": "prop",
+          "docs": "Stroke width of the `lines-small` spinner"
+        },
+        {
+          "name": "--ion-spinner-lines-stroke-width",
+          "annotation": "prop",
+          "docs": "Stroke width of the `lines` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-large-height",
+          "annotation": "prop",
+          "docs": "Height of the `large` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-large-width",
+          "annotation": "prop",
+          "docs": "Width of the `large` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-medium-height",
+          "annotation": "prop",
+          "docs": "Height of the `medium` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-medium-width",
+          "annotation": "prop",
+          "docs": "Width of the `medium` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-small-height",
+          "annotation": "prop",
+          "docs": "Height of the `small` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-small-width",
+          "annotation": "prop",
+          "docs": "Width of the `small` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-xlarge-height",
+          "annotation": "prop",
+          "docs": "Height of the `xlarge` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-xlarge-width",
+          "annotation": "prop",
+          "docs": "Width of the `xlarge` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-xsmall-height",
+          "annotation": "prop",
+          "docs": "Height of the `xsmall` spinner"
+        },
+        {
+          "name": "--ion-spinner-size-xsmall-width",
+          "annotation": "prop",
+          "docs": "Width of the `xsmall` spinner"
         }
       ],
       "slots": [],
@@ -40507,10 +41168,6 @@
         {
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
-        },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
         }
       ],
       "usage": {},
@@ -40600,31 +41257,6 @@
           "required": true,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
         }
       ],
       "methods": [
@@ -41596,10 +42228,6 @@
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
         },
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
-        },
         {
           "name": "slot",
           "text": "- Content is placed between the named slots if provided without a slot."
@@ -41635,31 +42263,6 @@
           ],
           "optional": true,
           "required": false
-        },
-        {
-          "name": "theme",
-          "type": "\"ios\" | \"md\" | \"ionic\"",
-          "mutable": false,
-          "attr": "theme",
-          "reflectToAttr": false,
-          "docs": "The theme determines the visual appearance of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "ionic",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
         }
       ],
       "methods": [
@@ -46616,6 +47219,26 @@
       "docstring": "",
       "path": "src/components/alert/alert-interface.ts"
     },
+    "src/components/badge/badge.interfaces.ts::IonBadgeHue": {
+      "declaration": "\"bold\" | \"subtle\"",
+      "docstring": "",
+      "path": "src/components/badge/badge.interfaces.ts"
+    },
+    "src/components/badge/badge.interfaces.ts::IonBadgeShape": {
+      "declaration": "\"round\" | \"crisp\" | \"soft\" | \"rectangular\"",
+      "docstring": "",
+      "path": "src/components/badge/badge.interfaces.ts"
+    },
+    "src/components/badge/badge.interfaces.ts::IonBadgeSize": {
+      "declaration": "\"small\" | \"medium\" | \"large\"",
+      "docstring": "",
+      "path": "src/components/badge/badge.interfaces.ts"
+    },
+    "src/components/badge/badge.interfaces.ts::IonBadgeVerticalPosition": {
+      "declaration": "\"top\" | \"bottom\"",
+      "docstring": "",
+      "path": "src/components/badge/badge.interfaces.ts"
+    },
     "src/components/breadcrumb/breadcrumb-interface.ts::BreadcrumbCollapsedClickEventDetail": {
       "declaration": "export interface BreadcrumbCollapsedClickEventDetail {\n  ionShadowTarget?: HTMLElement;\n  collapsedBreadcrumbs?: HTMLIonBreadcrumbElement[];\n}",
       "docstring": "",
@@ -46626,15 +47249,35 @@
       "docstring": "",
       "path": "src/components/checkbox/checkbox-interface.ts"
     },
-    "src/components/content/content-interface.ts::ScrollBaseDetail": {
+    "src/components/chip/chip.interfaces.ts::IonChipFill": {
+      "declaration": "export type IonChipFill = 'outline' | 'solid';",
+      "docstring": "",
+      "path": "src/components/chip/chip.interfaces.ts"
+    },
+    "src/components/chip/chip.interfaces.ts::IonChipHue": {
+      "declaration": "export type IonChipHue = 'bold' | 'subtle';",
+      "docstring": "",
+      "path": "src/components/chip/chip.interfaces.ts"
+    },
+    "src/components/chip/chip.interfaces.ts::IonChipShape": {
+      "declaration": "export type IonChipShape = 'soft' | 'round' | 'rectangular';",
+      "docstring": "",
+      "path": "src/components/chip/chip.interfaces.ts"
+    },
+    "src/components/chip/chip.interfaces.ts::IonChipSize": {
+      "declaration": "export type IonChipSize = 'small' | 'large';",
+      "docstring": "",
+      "path": "src/components/chip/chip.interfaces.ts"
+    },
+    "src/components/content/content.interfaces.ts::ScrollBaseDetail": {
       "declaration": "export interface ScrollBaseDetail {\n  isScrolling: boolean;\n}",
       "docstring": "",
-      "path": "src/components/content/content-interface.ts"
+      "path": "src/components/content/content.interfaces.ts"
     },
-    "src/components/content/content-interface.ts::ScrollDetail": {
+    "src/components/content/content.interfaces.ts::ScrollDetail": {
       "declaration": "export interface ScrollDetail extends GestureDetail, ScrollBaseDetail {\n  scrollTop: number;\n  scrollLeft: number;\n}",
       "docstring": "",
-      "path": "src/components/content/content-interface.ts"
+      "path": "src/components/content/content.interfaces.ts"
     },
     "src/components/datetime/datetime-interface.ts::FormatOptions": {
       "declaration": "export type FormatOptions =\n  | {\n      date: Intl.DateTimeFormatOptions;\n      time?: Intl.DateTimeFormatOptions;\n    }\n  | {\n      date?: Intl.DateTimeFormatOptions;\n      time: Intl.DateTimeFormatOptions;\n    };",
@@ -46691,16 +47334,6 @@
       "docstring": "",
       "path": "src/components/picker/picker-interfaces.ts"
     },
-    "src/components/gallery/gallery-interface.ts::GalleryColumns": {
-      "declaration": "export type GalleryColumns = GalleryBreakpoints | string | number;",
-      "docstring": "",
-      "path": "src/components/gallery/gallery-interface.ts"
-    },
-    "src/components/gallery/gallery-interface.ts::GalleryGap": {
-      "declaration": "export type GalleryGap = GalleryBreakpoints | string | number;",
-      "docstring": "",
-      "path": "src/components/gallery/gallery-interface.ts"
-    },
     "src/components/spinner/spinner-configs.ts::SpinnerTypes": {
       "declaration": "\"lines\" | \"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines-small\" | \"lines-sharp\" | \"lines-sharp-small\"",
       "docstring": "",
@@ -46871,6 +47504,11 @@
       "docstring": "",
       "path": "src/components/popover/popover-interface.ts"
     },
+    "src/components/progress-bar/progress-bar.interfaces.ts::IonProgressBarShape": {
+      "declaration": "\"round\" | \"rectangular\"",
+      "docstring": "",
+      "path": "src/components/progress-bar/progress-bar.interfaces.ts"
+    },
     "src/components/range/range-interface.ts::PinFormatter": {
       "declaration": "(value: number) => number | string",
       "docstring": "",
@@ -46996,6 +47634,11 @@
       "docstring": "",
       "path": "src/components/select-popover/select-popover-interface.ts"
     },
+    "src/components/spinner/spinner.interfaces.ts::SpinnerSize": {
+      "declaration": "export type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';",
+      "docstring": "",
+      "path": "src/components/spinner/spinner.interfaces.ts"
+    },
     "src/components/tab-bar/tab-bar-interface.ts::TabBarChangedEventDetail": {
       "declaration": "export interface TabBarChangedEventDetail {\n  tab?: string;\n}",
       "docstring": "",