@rei/cedar 13.5.1 → 13.5.3

package/dist/component-docgen.json

@@ -1,4 +1,40 @@
 {
+  "CdrAccordionGroup": {
+    "displayName": "CdrAccordionGroup",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "unwrap",
+        "description": "A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.",
+        "tags": {},
+        "values": [
+          "@xs",
+          "@sm",
+          "@md",
+          "@lg",
+          "true"
+        ],
+        "type": {
+          "name": "string|boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/accordion/CdrAccordionGroup.vue"
+    ]
+  },
   "CdrAccordion": {
     "displayName": "CdrAccordion",
     "description": "Vertically-stacked list that allows users to expand and collapse additional content",
@@ -125,42 +161,6 @@
       "./src/components/accordion/CdrAccordion.vue"
     ]
   },
-  "CdrAccordionGroup": {
-    "displayName": "CdrAccordionGroup",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "unwrap",
-        "description": "A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.",
-        "tags": {},
-        "values": [
-          "@xs",
-          "@sm",
-          "@md",
-          "@lg",
-          "true"
-        ],
-        "type": {
-          "name": "string|boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/accordion/CdrAccordionGroup.vue"
-    ]
-  },
   "CdrBreadcrumb": {
     "displayName": "CdrBreadcrumb",
     "description": "Navigation used to reveal a page's location within the site hierarchy",
@@ -216,7 +216,28 @@
     "events": [
       {
         "name": "navigate",
-        "description": "Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation."
+        "description": "Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation.",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "breadcrumb",
+            "description": "The breadcrumb data object"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "breadcrumb",
+            "description": "The breadcrumb data object"
+          }
+        ]
       }
     ],
     "slots": [
@@ -302,15 +323,15 @@
       "./src/components/banner/CdrBanner.vue"
     ]
   },
-  "CdrButton": {
-    "displayName": "CdrButton",
-    "description": "Initiates an action, such as completing a task or submitting information",
+  "CdrCaption": {
+    "displayName": "CdrCaption",
+    "description": "Provides context and credit for an asset such as an image, video, or chart",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "tag",
-        "description": "Renders CdrButton as a <button> or <a> element. When using the value of <a>, this element renders as an anchor link.",
+        "name": "summary",
+        "description": "Sets the string content for the description body of the caption.",
         "tags": {
           "demoIgnore": [
             {
@@ -319,21 +340,13 @@
             }
           ]
         },
-        "values": [
-          "button",
-          "a"
-        ],
         "type": {
           "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'button'"
         }
       },
       {
-        "name": "type",
-        "description": "Sets the button type",
+        "name": "credit",
+        "description": "Sets the string content for attribution.",
         "tags": {
           "demoIgnore": [
             {
@@ -342,123 +355,41 @@
             }
           ]
         },
-        "values": [
-          "button",
-          "submit",
-          "reset"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'button'"
-        }
-      },
-      {
-        "name": "modifier",
-        "description": "Modifies the style variant for this component",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "primary",
-          "secondary",
-          "sale",
-          "dark",
-          "link"
-        ],
         "type": {
           "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'primary'"
         }
-      },
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/caption/CdrCaption.vue"
+    ]
+  },
+  "CdrCard": {
+    "displayName": "CdrCard",
+    "description": "Related, interactive containers linking to a single subject or destination",
+    "tags": {},
+    "exportName": "default",
+    "props": [
       {
-        "name": "size",
-        "description": "Sets the button size; values can target responsive breakpoints. Example: `large@sm`.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "small",
-          "medium",
-          "large"
-        ],
+        "name": "tag",
+        "description": "Sets valid HTML container element tag.",
         "type": {
           "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": "'medium'"
-        }
-      },
-      {
-        "name": "fullWidth",
-        "description": "Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.",
-        "type": {
-          "name": "string|boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "iconOnly",
-        "description": "Renders an 'icon-only' button. When this value is true, it will override the size and 'responsiveSize' props. Can be used in conjunction with 'with-background'",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "withBackground",
-        "description": "Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
+          "value": "'article'"
         }
       }
     ],
     "slots": [
-      {
-        "name": "icon-left",
-        "description": "Icon to the left of text content"
-      },
-      {
-        "name": "icon",
-        "description": "Icon for icon-only button"
-      },
       {
         "name": "default",
-        "description": "Readable text of the button. Leave empty if icon-only"
-      },
-      {
-        "name": "icon-right",
-        "description": "Icon to the right of text content"
+        "description": "CdrCard content"
       }
     ],
     "sourceFiles": [
-      "./src/components/button/CdrButton.vue"
+      "./src/components/card/CdrCard.vue"
     ]
   },
   "CdrCheckbox": {
@@ -624,15 +555,15 @@
       "./src/components/checkbox/CdrCheckbox.vue"
     ]
   },
-  "CdrCaption": {
-    "displayName": "CdrCaption",
-    "description": "Provides context and credit for an asset such as an image, video, or chart",
+  "CdrButton": {
+    "displayName": "CdrButton",
+    "description": "Initiates an action, such as completing a task or submitting information",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "summary",
-        "description": "Sets the string content for the description body of the caption.",
+        "name": "tag",
+        "description": "Renders CdrButton as a <button> or <a> element. When using the value of <a>, this element renders as an anchor link.",
         "tags": {
           "demoIgnore": [
             {
@@ -641,13 +572,21 @@
             }
           ]
         },
+        "values": [
+          "button",
+          "a"
+        ],
         "type": {
           "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'button'"
         }
       },
       {
-        "name": "credit",
-        "description": "Sets the string content for attribution.",
+        "name": "type",
+        "description": "Sets the button type",
         "tags": {
           "demoIgnore": [
             {
@@ -656,41 +595,123 @@
             }
           ]
         },
+        "values": [
+          "button",
+          "submit",
+          "reset"
+        ],
         "type": {
           "name": "string"
-        }
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/caption/CdrCaption.vue"
-    ]
-  },
-  "CdrCard": {
-    "displayName": "CdrCard",
-    "description": "Related, interactive containers linking to a single subject or destination",
-    "tags": {},
-    "exportName": "default",
-    "props": [
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'button'"
+        }
+      },
       {
-        "name": "tag",
-        "description": "Sets valid HTML container element tag.",
+        "name": "modifier",
+        "description": "Modifies the style variant for this component",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "primary",
+          "secondary",
+          "sale",
+          "dark",
+          "link"
+        ],
         "type": {
           "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": "'article'"
+          "value": "'primary'"
+        }
+      },
+      {
+        "name": "size",
+        "description": "Sets the button size; values can target responsive breakpoints. Example: `large@sm`.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "small",
+          "medium",
+          "large"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
+        }
+      },
+      {
+        "name": "fullWidth",
+        "description": "Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.",
+        "type": {
+          "name": "string|boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "iconOnly",
+        "description": "Renders an 'icon-only' button. When this value is true, it will override the size and 'responsiveSize' props. Can be used in conjunction with 'with-background'",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "withBackground",
+        "description": "Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       }
     ],
     "slots": [
+      {
+        "name": "icon-left",
+        "description": "Icon to the left of text content"
+      },
+      {
+        "name": "icon",
+        "description": "Icon for icon-only button"
+      },
       {
         "name": "default",
-        "description": "CdrCard content"
+        "description": "Readable text of the button. Leave empty if icon-only"
+      },
+      {
+        "name": "icon-right",
+        "description": "Icon to the right of text content"
       }
     ],
     "sourceFiles": [
-      "./src/components/card/CdrCard.vue"
+      "./src/components/button/CdrButton.vue"
     ]
   },
   "CdrChip": {
@@ -829,168 +850,122 @@
       "./src/components/formError/CdrFormError.vue"
     ]
   },
-  "CdrFormGroup": {
-    "displayName": "CdrFormGroup",
-    "description": "Groups related input elements together",
-    "tags": {},
+  "CdrIcon": {
+    "displayName": "CdrIcon",
+    "description": "Communicates meaning through graphics representing simple and complex ideas",
+    "tags": {
+      "demoComponentNames": [
+        {
+          "description": "icon-account-profile, icon-camera",
+          "title": "demoComponentNames"
+        }
+      ]
+    },
     "exportName": "default",
     "props": [
       {
-        "name": "id",
+        "name": "use",
+        "description": "Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).",
         "type": {
           "name": "string"
         }
       },
       {
-        "name": "label",
+        "name": "inheritColor",
+        "description": "Sets icon fill to \"inherit\" so as to use parent/ancestor fill color.",
         "type": {
-          "name": "string"
+          "name": "boolean"
         },
-        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "''"
+          "value": false
         }
       },
       {
-        "name": "error",
+        "name": "size",
         "type": {
-          "name": "boolean|string"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "required",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "optional",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "disabled",
-        "type": {
-          "name": "boolean"
+          "value": "'medium'"
         }
       }
     ],
     "slots": [
-      {
-        "name": "label"
-      },
       {
         "name": "default"
-      },
-      {
-        "name": "error"
       }
     ],
     "sourceFiles": [
-      "./src/components/formGroup/CdrFormGroup.vue"
+      "./src/components/icon/CdrIcon.vue"
     ]
   },
-  "CdrGrid": {
-    "displayName": "CdrGrid",
-    "description": "Simple wrapper for working with CSS grid",
+  "CdrFormGroup": {
+    "displayName": "CdrFormGroup",
+    "description": "Groups related input elements together",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "gutter",
-        "description": "Defines gutter size. Also accepts responsive values with `@breakpoint`: \"none@md\"",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "none",
-          "small",
-          "medium",
-          "large"
-        ],
+        "name": "id",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "label",
         "type": {
           "name": "string"
         },
+        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'medium@xs medium@sm large@md large@lg'"
+          "value": "''"
         }
       },
       {
-        "name": "tag",
-        "description": "Sets the HTML tag for the grid element",
+        "name": "error",
         "type": {
-          "name": "string"
+          "name": "boolean|string"
         },
         "defaultValue": {
           "func": false,
-          "value": "'div'"
+          "value": false
         }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrGrid content (grid child elements)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/grid/CdrGrid.vue"
-    ]
-  },
-  "CdrIcon": {
-    "displayName": "CdrIcon",
-    "description": "Communicates meaning through graphics representing simple and complex ideas",
-    "tags": {},
-    "exportName": "default",
-    "props": [
+      },
       {
-        "name": "use",
-        "description": "Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).",
+        "name": "required",
         "type": {
-          "name": "string"
+          "name": "boolean"
         }
       },
       {
-        "name": "inheritColor",
-        "description": "Sets icon fill to \"inherit\" so as to use parent/ancestor fill color.",
+        "name": "optional",
         "type": {
           "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
         }
       },
       {
-        "name": "size",
+        "name": "disabled",
         "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
+          "name": "boolean"
         }
       }
     ],
     "slots": [
+      {
+        "name": "label"
+      },
       {
         "name": "default"
+      },
+      {
+        "name": "error"
       }
     ],
     "sourceFiles": [
-      "./src/components/icon/CdrIcon.vue"
+      "./src/components/formGroup/CdrFormGroup.vue"
     ]
   },
   "CdrImg": {
@@ -1128,14 +1103,135 @@
       "./src/components/image/CdrImg.vue"
     ]
   },
-  "CdrInput": {
-    "displayName": "CdrInput",
-    "description": "Allows for data entry, editing, and search",
-    "tags": {},
+  "CdrLabelStandalone": {
+    "displayName": "CdrLabelStandalone",
     "exportName": "default",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "id",
+        "name": "forId",
+        "type": {
+          "name": "string"
+        },
+        "required": true
+      },
+      {
+        "name": "label",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "disabled",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "required",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "optional",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "hideLabel",
+        "type": {
+          "name": "boolean"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "helper"
+      },
+      {
+        "name": "default"
+      },
+      {
+        "name": "info-action"
+      },
+      {
+        "name": "info"
+      },
+      {
+        "name": "helper-text-bottom"
+      },
+      {
+        "name": "error"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/labelStandalone/CdrLabelStandalone.vue"
+    ]
+  },
+  "CdrGrid": {
+    "displayName": "CdrGrid",
+    "description": "Simple wrapper for working with CSS grid",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "gutter",
+        "description": "Defines gutter size. Also accepts responsive values with `@breakpoint`: \"none@md\"",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "none",
+          "small",
+          "medium",
+          "large"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium@xs medium@sm large@md large@lg'"
+        }
+      },
+      {
+        "name": "tag",
+        "description": "Sets the HTML tag for the grid element",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'div'"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrGrid content (grid child elements)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/grid/CdrGrid.vue"
+    ]
+  },
+  "CdrInput": {
+    "displayName": "CdrInput",
+    "description": "Allows for data entry, editing, and search",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "id",
         "description": "Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be randomly generated.",
         "type": {
           "name": "string"
@@ -1359,72 +1455,102 @@
       "./src/components/input/CdrInput.vue"
     ]
   },
-  "CdrLabelStandalone": {
-    "displayName": "CdrLabelStandalone",
-    "exportName": "default",
-    "description": "",
+  "CdrLink": {
+    "displayName": "CdrLink",
+    "description": "Clickable text elements used for navigating to other pages or sections",
     "tags": {},
+    "exportName": "default",
     "props": [
       {
-        "name": "forId",
+        "name": "tag",
+        "description": "Sets valid HTML element tag",
+        "tags": {},
+        "values": [
+          "a",
+          "button"
+        ],
         "type": {
           "name": "string"
         },
-        "required": true
+        "defaultValue": {
+          "func": false,
+          "value": "'a'"
+        }
       },
       {
-        "name": "label",
+        "name": "href",
+        "description": "Sets value for anchors href property. Requires tag prop value to be `a`.",
         "type": {
           "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'#'"
         }
       },
       {
-        "name": "disabled",
+        "name": "inheritColor",
+        "description": "Sets color and fill",
         "type": {
           "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       },
       {
-        "name": "required",
+        "name": "modifier",
+        "description": "Modifies the style variant for this component.",
+        "tags": {},
+        "values": [
+          "standalone"
+        ],
         "type": {
-          "name": "boolean"
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "''"
         }
       },
       {
-        "name": "optional",
+        "name": "target",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
         "type": {
-          "name": "boolean"
+          "name": "string"
         }
       },
       {
-        "name": "hideLabel",
+        "name": "rel",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
         "type": {
-          "name": "boolean"
+          "name": "string"
         }
       }
     ],
     "slots": [
       {
-        "name": "helper"
-      },
-      {
-        "name": "default"
-      },
-      {
-        "name": "info-action"
-      },
-      {
-        "name": "info"
-      },
-      {
-        "name": "helper-text-bottom"
-      },
-      {
-        "name": "error"
+        "name": "default",
+        "description": "Readable text of the link"
       }
     ],
     "sourceFiles": [
-      "./src/components/labelStandalone/CdrLabelStandalone.vue"
+      "./src/components/link/CdrLink.vue"
     ]
   },
   "CdrLabelWrapper": {
@@ -1482,102 +1608,123 @@
       "./src/components/labelWrapper/CdrLabelWrapper.vue"
     ]
   },
-  "CdrLink": {
-    "displayName": "CdrLink",
-    "description": "Clickable text elements used for navigating to other pages or sections",
+  "CdrPopover": {
+    "displayName": "CdrPopover",
+    "description": "Small overlay used to display contextual information",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "tag",
-        "description": "Sets valid HTML element tag",
-        "tags": {},
+        "name": "position",
+        "description": "Sets the position where the popover will render relative to the trigger element.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
         "values": [
-          "a",
-          "button"
+          "top",
+          "bottom",
+          "left",
+          "right"
         ],
         "type": {
           "name": "string"
         },
+        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'a'"
+          "value": "'top'"
         }
       },
       {
-        "name": "href",
-        "description": "Sets value for anchors href property. Requires tag prop value to be `a`.",
+        "name": "autoPosition",
+        "description": "If set to `true`, popover will attempt to dynamically set it's position to\nensure it renders within the visible browser window.\nIf `false` the popover will always render in the provided `position`.",
         "type": {
-          "name": "string"
+          "name": "boolean"
         },
+        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'#'"
+          "value": true
         }
       },
       {
-        "name": "inheritColor",
-        "description": "Sets color and fill",
+        "name": "label",
+        "description": "Sets the title for the popover content. Can also be provided via the `title` slot.",
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
+        "required": false
       },
       {
-        "name": "modifier",
-        "description": "Modifies the style variant for this component.",
-        "tags": {},
-        "values": [
-          "standalone"
-        ],
+        "name": "id",
+        "description": "ID for the popover element, required for accessibility",
         "type": {
           "name": "string"
         },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
+        "required": true
       },
       {
-        "name": "target",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
+        "name": "contentClass",
+        "description": "Add custom class to the popover content wrapper. Allows for overriding size, styling, etc.",
         "type": {
           "name": "string"
-        }
+        },
+        "required": false
       },
       {
-        "name": "rel",
+        "name": "open",
+        "description": "Used to programmatically control the popover state. Does not need to be set if you are using the `trigger` slot.",
         "tags": {
-          "ignore": [
+          "demoIgnore": [
             {
-              "description": true,
-              "title": "ignore"
+              "description": "true",
+              "title": "demoIgnore"
             }
           ]
         },
         "type": {
-          "name": "string"
+          "name": "boolean"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       }
     ],
+    "events": [
+      {
+        "name": "opened",
+        "description": "Emits when popover is opened"
+      },
+      {
+        "name": "closed",
+        "description": "Emits when popover is closed"
+      }
+    ],
     "slots": [
       {
-        "name": "default",
-        "description": "Readable text of the link"
+        "name": "trigger",
+        "description": " Slot for the element that triggers the popover."
+      },
+      {
+        "name": "title",
+        "description": "Sets the title for the popover. Can also be set with `label` prop"
+      },
+      {
+        "name": "default"
+      },
+      {
+        "name": "icon"
       }
     ],
     "sourceFiles": [
-      "./src/components/link/CdrLink.vue"
+      "./src/components/popover/CdrPopover.vue"
     ]
   },
   "CdrList": {
@@ -1638,143 +1785,74 @@
       "./src/components/list/CdrList.vue"
     ]
   },
-  "CdrModal": {
-    "displayName": "CdrModal",
-    "description": "Disruptive, action-blocking overlays used to display important information",
+  "CdrQuote": {
+    "displayName": "CdrQuote",
+    "description": "Short excerpt used to emphasize content or break up a large body of text",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "opened",
-        "description": "Toggles the state of the modal",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "boolean"
-        },
-        "required": true
-      },
-      {
-        "name": "label",
-        "description": "Sets `aria-label` and modal title text. Can also use title slot to set title.",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      },
-      {
-        "name": "showTitle",
-        "description": "Toggles the modal title text, which comes from `label` prop or `title` slot.",
-        "type": {
-          "name": "boolean"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "ariaDescribedby",
-        "description": "Text for aria-describedby attribute. Applied to modal content element",
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "null"
-        }
-      },
-      {
-        "name": "role",
-        "description": "Sets the `role` attribute on the modal content element",
+        "name": "tag",
+        "description": "Sets the semantic HTML element for the quote.",
         "tags": {},
         "values": [
-          "dialog",
-          "alertDialog"
+          "blockquote",
+          "aside",
+          "q",
+          "div"
         ],
         "type": {
           "name": "string"
         },
-        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'dialog'"
+          "value": "'blockquote'"
         }
       },
       {
-        "name": "id",
-        "description": "Sets unique `id` for modal",
+        "name": "modifier",
+        "description": "Modifies the style variant for the quote",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "true",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "pull"
+        ],
         "type": {
           "name": "string"
         },
-        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "null"
-        }
-      },
-      {
-        "name": "overlayClass",
-        "description": "Adds custom class to the `cdr-modal__overlay` div",
-        "type": {
-          "name": "string"
+          "value": "''"
         }
       },
       {
-        "name": "wrapperClass",
-        "description": "Adds custom class to the `cdr-modal__outerWrap` div",
+        "name": "summary",
+        "description": "Sets the quote body text.",
         "type": {
           "name": "string"
         }
       },
       {
-        "name": "contentClass",
-        "description": "Adds custom class to the `cdr-modal__innerWrap` div",
+        "name": "citation",
+        "description": "Sets the quote attribution text.",
         "type": {
           "name": "string"
         }
-      },
-      {
-        "name": "animationDuration",
-        "description": "Sets duration for modal's close animation",
-        "type": {
-          "name": "number"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "300"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "closed",
-        "description": "Fires when modal is closed"
       }
     ],
     "slots": [
-      {
-        "name": "modal",
-        "description": "Use to override the entire CdrModal content container."
-      },
-      {
-        "name": "title",
-        "description": "Use to override the default title"
-      },
       {
         "name": "default"
       }
     ],
     "sourceFiles": [
-      "./src/components/modal/CdrModal.vue"
+      "./src/components/quote/CdrQuote.vue"
     ]
   },
   "CdrPagination": {
@@ -1892,283 +1970,36 @@
       "./src/components/pagination/CdrPagination.vue"
     ]
   },
-  "CdrPopover": {
-    "displayName": "CdrPopover",
-    "description": "Small overlay used to display contextual information",
+  "CdrRadio": {
+    "displayName": "CdrRadio",
+    "description": "Permits the selection of only one option from a list of two or more",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "position",
-        "description": "Sets the position where the popover will render relative to the trigger element.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
+        "name": "labelClass",
+        "description": "Adds CSS class to the label for custom styles.",
         "type": {
           "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "'top'"
         }
       },
       {
-        "name": "autoPosition",
-        "description": "If set to `true`, popover will attempt to dynamically set it's position to\nensure it renders within the visible browser window.\nIf `false` the popover will always render in the provided `position`.",
+        "name": "inputClass",
+        "description": "Adds CSS class to the input for custom styles.",
         "type": {
-          "name": "boolean"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": true
+          "name": "string"
         }
       },
       {
-        "name": "label",
-        "description": "Sets the title for the popover content. Can also be provided via the `title` slot.",
+        "name": "contentClass",
+        "description": "Adds CSS class to the slot wrapper for custom styles.",
         "type": {
           "name": "string"
-        },
-        "required": false
+        }
       },
       {
-        "name": "id",
-        "description": "ID for the popover element, required for accessibility",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      },
-      {
-        "name": "contentClass",
-        "description": "Add custom class to the popover content wrapper. Allows for overriding size, styling, etc.",
-        "type": {
-          "name": "string"
-        },
-        "required": false
-      },
-      {
-        "name": "open",
-        "description": "Used to programmatically control the popover state. Does not need to be set if you are using the `trigger` slot.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "boolean"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "opened",
-        "description": "Emits when popover is opened"
-      },
-      {
-        "name": "closed",
-        "description": "Emits when popover is closed"
-      }
-    ],
-    "slots": [
-      {
-        "name": "trigger",
-        "description": " Slot for the element that triggers the popover."
-      },
-      {
-        "name": "title",
-        "description": "Sets the title for the popover. Can also be set with `label` prop"
-      },
-      {
-        "name": "default"
-      },
-      {
-        "name": "icon"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/popover/CdrPopover.vue"
-    ]
-  },
-  "CdrPopup": {
-    "displayName": "CdrPopup",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "opened",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "position",
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "'top'"
-        }
-      },
-      {
-        "name": "autoPosition",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "contentClass",
-        "type": {
-          "name": "string"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "closed"
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/popup/CdrPopup.vue"
-    ]
-  },
-  "CdrQuote": {
-    "displayName": "CdrQuote",
-    "description": "Short excerpt used to emphasize content or break up a large body of text",
-    "tags": {},
-    "exportName": "default",
-    "props": [
-      {
-        "name": "tag",
-        "description": "Sets the semantic HTML element for the quote.",
-        "tags": {},
-        "values": [
-          "blockquote",
-          "aside",
-          "q",
-          "div"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'blockquote'"
-        }
-      },
-      {
-        "name": "modifier",
-        "description": "Modifies the style variant for the quote",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "true",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "pull"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
-      },
-      {
-        "name": "summary",
-        "description": "Sets the quote body text.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "citation",
-        "description": "Sets the quote attribution text.",
-        "type": {
-          "name": "string"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/quote/CdrQuote.vue"
-    ]
-  },
-  "CdrRadio": {
-    "displayName": "CdrRadio",
-    "description": "Permits the selection of only one option from a list of two or more",
-    "tags": {},
-    "exportName": "default",
-    "props": [
-      {
-        "name": "labelClass",
-        "description": "Adds CSS class to the label for custom styles.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "inputClass",
-        "description": "Adds CSS class to the input for custom styles.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "contentClass",
-        "description": "Adds CSS class to the slot wrapper for custom styles.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "name",
-        "description": "Sets the name of the radio button.",
+        "name": "name",
+        "description": "Sets the name of the radio button.",
         "type": {
           "name": "string"
         },
@@ -2284,130 +2115,201 @@
       "./src/components/radio/CdrRadio.vue"
     ]
   },
-  "CdrSkeleton": {
-    "displayName": "CdrSkeleton",
-    "description": "Visually communicates content is in the process of loading",
+  "CdrModal": {
+    "displayName": "CdrModal",
+    "description": "Disruptive, action-blocking overlays used to display important information",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "motion",
-        "description": "Toggle animation on/off.\nWhen `true`, animated gradient will be used while loading.\nWhen `false` a static background color will be used.\nAutomatically disabled if `prefers-reduced-motion` is set by user.",
+        "name": "opened",
+        "description": "Toggles the state of the modal",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "boolean"
+        },
+        "required": true
+      },
+      {
+        "name": "label",
+        "description": "Sets `aria-label` and modal title text. Can also use title slot to set title.",
+        "type": {
+          "name": "string"
+        },
+        "required": true
+      },
+      {
+        "name": "showTitle",
+        "description": "Toggles the modal title text, which comes from `label` prop or `title` slot.",
         "type": {
           "name": "boolean"
         },
+        "required": false,
         "defaultValue": {
           "func": false,
           "value": true
         }
+      },
+      {
+        "name": "ariaDescribedby",
+        "description": "Text for aria-describedby attribute. Applied to modal content element",
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "null"
+        }
+      },
+      {
+        "name": "role",
+        "description": "Sets the `role` attribute on the modal content element",
+        "tags": {},
+        "values": [
+          "dialog",
+          "alertDialog"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "'dialog'"
+        }
+      },
+      {
+        "name": "id",
+        "description": "Sets unique `id` for modal",
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "null"
+        }
+      },
+      {
+        "name": "overlayClass",
+        "description": "Adds custom class to the `cdr-modal__overlay` div",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "wrapperClass",
+        "description": "Adds custom class to the `cdr-modal__outerWrap` div",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "contentClass",
+        "description": "Adds custom class to the `cdr-modal__innerWrap` div",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "animationDuration",
+        "description": "Sets duration for modal's close animation",
+        "type": {
+          "name": "number"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "300"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "closed",
+        "description": "Fires when modal is closed"
       }
     ],
     "slots": [
       {
-        "name": "default",
-        "description": "CdrSkeleton content (CdrSkeletonBone components)"
+        "name": "modal",
+        "description": "Use to override the entire CdrModal content container."
+      },
+      {
+        "name": "title",
+        "description": "Use to override the default title"
+      },
+      {
+        "name": "default"
       }
     ],
     "sourceFiles": [
-      "./src/components/skeleton/CdrSkeleton.vue"
+      "./src/components/modal/CdrModal.vue"
     ]
   },
-  "CdrSwitch": {
-    "displayName": "CdrSwitch",
-    "description": "Permits selection from two opposing options",
-    "tags": {},
+  "CdrPopup": {
+    "displayName": "CdrPopup",
     "exportName": "default",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "id",
-        "description": "Sets a custom ID for the switch. If this value is not set, it will be auto-generated.",
+        "name": "opened",
         "type": {
-          "name": "string"
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       },
       {
-        "name": "size",
-        "description": "Sets the size of the switch",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "medium",
-          "large"
-        ],
+        "name": "position",
         "type": {
           "name": "string"
         },
+        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'medium'"
+          "value": "'top'"
         }
       },
       {
-        "name": "fullWidth",
-        "description": "Sets the label and switch to expand to the full width of its container with `space-between`",
+        "name": "autoPosition",
         "type": {
           "name": "boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": true
         }
       },
       {
-        "name": "modelValue",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
+        "name": "contentClass",
         "type": {
-          "name": "boolean"
-        },
-        "required": true
+          "name": "string"
+        }
       }
     ],
     "events": [
       {
-        "name": "update:modelValue",
-        "description": "Event emitted by v-model on switch",
-        "properties": [
-          {
-            "type": {
-              "names": [
-                "mixed"
-              ]
-            },
-            "name": "modelValue"
-          }
-        ],
-        "tags": [
-          {
-            "title": "param",
-            "type": {
-              "name": "mixed"
-            },
-            "name": "modelValue"
-          }
-        ]
+        "name": "closed"
       }
     ],
     "slots": [
       {
-        "name": "default",
-        "description": "The label for the switch"
+        "name": "default"
       }
     ],
     "sourceFiles": [
-      "./src/components/switch/CdrSwitch.vue"
+      "./src/components/popup/CdrPopup.vue"
     ]
   },
   "CdrRating": {
@@ -2487,44 +2389,6 @@
       "./src/components/rating/CdrRating.vue"
     ]
   },
-  "CdrSkeletonBone": {
-    "displayName": "CdrSkeletonBone",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "type",
-        "description": "Sets the type of content placeholder",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "default",
-          "heading",
-          "line",
-          "rectangle",
-          "square"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "'default'"
-        }
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/skeleton/CdrSkeletonBone.vue"
-    ]
-  },
   "CdrSelect": {
     "displayName": "CdrSelect",
     "description": "Allows the selection of one or more options from a dropdown list",
@@ -2730,6 +2594,94 @@
       "./src/components/select/CdrSelect.vue"
     ]
   },
+  "CdrSkeletonBone": {
+    "displayName": "CdrSkeletonBone",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "type",
+        "description": "Sets the type of content placeholder",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "default",
+          "heading",
+          "line",
+          "rectangle",
+          "square"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "'default'"
+        }
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/skeleton/CdrSkeletonBone.vue"
+    ]
+  },
+  "CdrTabPanel": {
+    "displayName": "CdrTabPanel",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "id",
+        "description": "Sets reference identifier for tab content. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `aria-labelledby` property.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "name",
+        "description": "Sets tab display name. Required and must be unique for each tab. If `id` is not provided, this value will be used as the reference identifier.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "ariaLabelledby",
+        "description": "Sets reference identifier for tab header. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `id` property.",
+        "type": {
+          "name": "string"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "tab-change",
+        "description": "Emits when active tab is changed",
+        "tags": [
+          {
+            "title": "params",
+            "content": "state, panelId"
+          }
+        ]
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrTabPanel content"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/tabs/CdrTabPanel.vue"
+    ]
+  },
   "CdrTable": {
     "displayName": "CdrTable",
     "description": "Organizes structured data for users to easily scan, compare, and analyze",
@@ -2826,42 +2778,118 @@
       "./src/components/table/CdrTable.vue"
     ]
   },
-  "CdrTabPanel": {
-    "displayName": "CdrTabPanel",
+  "CdrSkeleton": {
+    "displayName": "CdrSkeleton",
+    "description": "Visually communicates content is in the process of loading",
+    "tags": {},
     "exportName": "default",
-    "description": "",
+    "props": [
+      {
+        "name": "motion",
+        "description": "Toggle animation on/off.\nWhen `true`, animated gradient will be used while loading.\nWhen `false` a static background color will be used.\nAutomatically disabled if `prefers-reduced-motion` is set by user.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrSkeleton content (CdrSkeletonBone components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/skeleton/CdrSkeleton.vue"
+    ]
+  },
+  "CdrSwitch": {
+    "displayName": "CdrSwitch",
+    "description": "Permits selection from two opposing options",
     "tags": {},
+    "exportName": "default",
     "props": [
       {
         "name": "id",
-        "description": "Sets reference identifier for tab content. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `aria-labelledby` property.",
+        "description": "Sets a custom ID for the switch. If this value is not set, it will be auto-generated.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "size",
+        "description": "Sets the size of the switch",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "medium",
+          "large"
+        ],
         "type": {
           "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
         }
       },
       {
-        "name": "name",
-        "description": "Sets tab display name. Required and must be unique for each tab. If `id` is not provided, this value will be used as the reference identifier.",
+        "name": "fullWidth",
+        "description": "Sets the label and switch to expand to the full width of its container with `space-between`",
         "type": {
-          "name": "string"
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       },
       {
-        "name": "ariaLabelledby",
-        "description": "Sets reference identifier for tab header. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `id` property.",
+        "name": "modelValue",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
         "type": {
-          "name": "string"
-        }
+          "name": "boolean"
+        },
+        "required": true
       }
     ],
     "events": [
       {
-        "name": "tab-change",
-        "description": "Emits when active tab is changed",
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on switch",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
         "tags": [
           {
-            "title": "params",
-            "content": "state, panelId"
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
           }
         ]
       }
@@ -2869,39 +2897,11 @@
     "slots": [
       {
         "name": "default",
-        "description": "CdrTabPanel content"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/tabs/CdrTabPanel.vue"
-    ]
-  },
-  "CdrText": {
-    "displayName": "CdrText",
-    "description": "Text container used for any text element such as paragraphs, headings, and lists",
-    "tags": {},
-    "exportName": "default",
-    "props": [
-      {
-        "name": "tag",
-        "description": "Sets the HTML tag (p, span, h1, h2, etc)",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'p'"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrText content"
+        "description": "The label for the switch"
       }
     ],
     "sourceFiles": [
-      "./src/components/text/CdrText.vue"
+      "./src/components/switch/CdrSwitch.vue"
     ]
   },
   "CdrTabs": {
@@ -2986,6 +2986,86 @@
       "./src/components/tabs/CdrTabs.vue"
     ]
   },
+  "CdrToggleGroup": {
+    "displayName": "CdrToggleGroup",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string|number|boolean|object|array"
+        },
+        "required": true
+      },
+      {
+        "name": "size",
+        "description": "Sets toggle button size",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "medium",
+          "large"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrToggleGroup content (CdrToggleButton components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/toggleButton/CdrToggleGroup.vue"
+    ]
+  },
   "CdrToast": {
     "displayName": "CdrToast",
     "description": "Non-modal dialog used to communicate the status of a task or process",
@@ -3087,109 +3167,57 @@
       "./src/components/toast/CdrToast.vue"
     ]
   },
-  "CdrToggleButton": {
-    "displayName": "CdrToggleButton",
-    "description": "Permits switching two or more options on and off",
+  "CdrText": {
+    "displayName": "CdrText",
+    "description": "Text container used for any text element such as paragraphs, headings, and lists",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "toggleValue",
-        "description": "Sets the value and aria-label for the toggle button. Display can be overridden using default slot",
+        "name": "tag",
+        "description": "Sets the HTML tag (p, span, h1, h2, etc)",
         "type": {
           "name": "string"
         },
-        "required": true
+        "defaultValue": {
+          "func": false,
+          "value": "'p'"
+        }
       }
     ],
     "slots": [
       {
         "name": "default",
-        "description": "CdrToggleButton label content"
+        "description": "CdrText content"
       }
     ],
     "sourceFiles": [
-      "./src/components/toggleButton/CdrToggleButton.vue"
+      "./src/components/text/CdrText.vue"
     ]
   },
-  "CdrToggleGroup": {
-    "displayName": "CdrToggleGroup",
-    "exportName": "default",
-    "description": "",
+  "CdrToggleButton": {
+    "displayName": "CdrToggleButton",
+    "description": "Permits switching two or more options on and off",
     "tags": {},
+    "exportName": "default",
     "props": [
       {
-        "name": "modelValue",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string|number|boolean|object|array"
-        },
-        "required": true
-      },
-      {
-        "name": "size",
-        "description": "Sets toggle button size",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "medium",
-          "large"
-        ],
+        "name": "toggleValue",
+        "description": "Sets the value and aria-label for the toggle button. Display can be overridden using default slot",
         "type": {
           "name": "string"
         },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "update:modelValue",
-        "description": "Event emitted by v-model",
-        "properties": [
-          {
-            "type": {
-              "names": [
-                "mixed"
-              ]
-            },
-            "name": "modelValue"
-          }
-        ],
-        "tags": [
-          {
-            "title": "param",
-            "type": {
-              "name": "mixed"
-            },
-            "name": "modelValue"
-          }
-        ]
+        "required": true
       }
     ],
     "slots": [
       {
         "name": "default",
-        "description": "CdrToggleGroup content (CdrToggleButton components)"
+        "description": "CdrToggleButton label content"
       }
     ],
     "sourceFiles": [
-      "./src/components/toggleButton/CdrToggleGroup.vue"
+      "./src/components/toggleButton/CdrToggleButton.vue"
     ]
   },
   "CdrTooltip": {