@xplortech/apollo-core 1.0.0-beta.8 → 2.4.2

package/.typings/apollo-components.html-data.json

@@ -0,0 +1,4396 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "xpl-accordion",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "border-type",
+          "description": "set the border of the accordion\n none: there’s no border wrapping the header\n bottom:there’s a border below the header\n bordered: the header is wrapped by a white panel with a rounded border around it on every side",
+          "values": [
+            {
+              "name": "bordered"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "content-id",
+          "description": "An optional id of the content slot"
+        },
+        {
+          "name": "description",
+          "description": "if defined, a text field that displays under the header"
+        },
+        {
+          "name": "header",
+          "description": "Sets the text for the header of the accordion"
+        },
+        {
+          "name": "initial-expanded",
+          "description": "Set if the content is shown\n false: the accordion is collapsed (default)\n true: the accordion is expanded"
+        },
+        {
+          "name": "size",
+          "description": "Set the size of the header and icon size can be 1(default),2,3",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-application-shell",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "is-nav-open-at-startup",
+          "description": ""
+        },
+        {
+          "name": "nav-width",
+          "description": ""
+        },
+        {
+          "name": "with-subnav",
+          "description": ""
+        },
+        {
+          "name": "with-utility",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "xpl-avatar",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "Background color when there is no image src",
+          "values": [
+            {
+              "name": "green"
+            },
+            {
+              "name": "pink"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "yellow"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Sets a disabled state on the avatar when set to true"
+        },
+        {
+          "name": "href",
+          "description": "The URL if the avatar should be hyperlinked"
+        },
+        {
+          "name": "name",
+          "description": "Alt text for the image if there is an image src"
+        },
+        {
+          "name": "size",
+          "description": "Size of the avatar",
+          "values": [
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            }
+          ]
+        },
+        {
+          "name": "src",
+          "description": "The image URL"
+        },
+        {
+          "name": "status",
+          "description": "Color styles for the dot indicator to indicate varied states",
+          "values": [
+            {
+              "name": "active"
+            },
+            {
+              "name": "inactive"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "target",
+          "description": "Where to open the URL chosen for the `href` prop:\n`_self` (default), `_blank`, `_parent`, or `_top`"
+        }
+      ]
+    },
+    {
+      "name": "xpl-backdrop",
+      "description": {
+        "kind": "markdown",
+        "value": "This backdrop is used to add a transparent darker layer on top of the content area when the main nav is active."
+      },
+      "attributes": [
+        {
+          "name": "relative",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "xpl-badge",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "dot",
+          "description": "Whether badge shows a dot icon before the text"
+        },
+        {
+          "name": "variant",
+          "description": "Color styles to indicate varied states",
+          "values": [
+            {
+              "name": "error"
+            },
+            {
+              "name": "inactive"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-breadcrumb-item",
+      "description": {
+        "kind": "markdown",
+        "value": "The `<xpl-breadcrumb-item>` component has a role of `listitem`. This component should only be used in combination with `<xpl-breadcrumbs>`.\nThis component yields an unnamed slot. Only links and buttons (styled as links) should be used within this component."
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-breadcrumbs",
+      "description": {
+        "kind": "markdown",
+        "value": "The `xpl-breadcrumbs` component is a navigation group. It yields an unnamed slot that is rendered inside a `<ol></ol>` element.\n\nThis component can be used as a wrapper to `<xpl-breadcrumb-item>` components.\n\nThe number of items is not restricted, although per Apollo's design guidelines, a maximum of three items should be used.\nIn small screens (xs), only the 2 deepest items will be visible, even if 3 items are provided."
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-button",
+      "description": {
+        "kind": "markdown",
+        "value": "Buttons allow users to take an action.  Three sizes and three sentiments are available with leading and trailing icons. Hide an icon and the label for an icon-only button."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "whether button should be disabled"
+        },
+        {
+          "name": "form",
+          "description": ""
+        },
+        {
+          "name": "full-width",
+          "description": "whether button should render with full width"
+        },
+        {
+          "name": "icon-only",
+          "description": "whether button should render icon only"
+        },
+        {
+          "name": "link",
+          "description": "whether button should yield a slot for a link tag"
+        },
+        {
+          "name": "name",
+          "description": ""
+        },
+        {
+          "name": "size",
+          "description": "",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xs"
+            }
+          ]
+        },
+        {
+          "name": "state",
+          "description": "",
+          "values": [
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "description": "",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "subtle"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-button-row",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "primary",
+          "description": "The text for the primary button.",
+          "values": [
+            {
+              "name": "string"
+            }
+          ]
+        },
+        {
+          "name": "secondary",
+          "description": "The text for the secondary button. If left\nempty, will not render a secondary button.",
+          "values": [
+            {
+              "name": "string"
+            }
+          ]
+        },
+        {
+          "name": "tertiary",
+          "description": "The text for the tertiary button. If left\nempty, will not render a secondary button.",
+          "values": [
+            {
+              "name": "string"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-calendar",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "date-format",
+          "description": "Format of the date displayed in the calendar. Default is 'Y-m-d'."
+        },
+        {
+          "name": "default-date",
+          "description": "Default date to be displayed when the calendar is first loaded."
+        },
+        {
+          "name": "input-id",
+          "description": "Unique identifier for the calendar element."
+        },
+        {
+          "name": "max",
+          "description": "Maximum selectable date in the calendar."
+        },
+        {
+          "name": "min",
+          "description": "Minimum selectable date in the calendar."
+        },
+        {
+          "name": "mode",
+          "description": "Mode of the calendar, either 'single' for single date selection or 'range' for selecting a range of dates. Default is 'single'.",
+          "values": [
+            {
+              "name": "range"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-checkbox",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the input is checked"
+        },
+        {
+          "name": "data-id",
+          "description": "A custom data attribute for the checkbox"
+        },
+        {
+          "name": "description",
+          "description": "Description text for the field"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the input is disabled"
+        },
+        {
+          "name": "indeterminate",
+          "description": "A visual state for when the input has not been interacted with"
+        },
+        {
+          "name": "name",
+          "description": "The name attribute for the html input.\n(submitted in form as name/value pair)"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required"
+        },
+        {
+          "name": "styled",
+          "description": "Whether the input is contained in a box with a border and a background"
+        },
+        {
+          "name": "value",
+          "description": "The value attribute for the checkbox input.\n(submittted in form as name/value pair)"
+        }
+      ]
+    },
+    {
+      "name": "xpl-choicelist",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "description",
+          "description": "Descriptive text to be displayed above the choice-list."
+        },
+        {
+          "name": "heading",
+          "description": "The title text to be displayed above the choice-list."
+        },
+        {
+          "name": "multi",
+          "description": "Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons."
+        },
+        {
+          "name": "name",
+          "description": "The `name` to be associated with form data."
+        },
+        {
+          "name": "styled",
+          "description": "If `true`, will include borders around the list and between individual choices."
+        }
+      ]
+    },
+    {
+      "name": "xpl-content-area",
+      "description": {
+        "kind": "markdown",
+        "value": "The `<xpl-content-area>` sets up the area for the main content of the page. This component renders a `<main>` element with an unnamed `<slot>`, and should not be combined with another `<main>` in the same page."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "",
+          "values": [
+            {
+              "name": "full"
+            },
+            {
+              "name": "narrow"
+            },
+            {
+              "name": "wide"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-dashboard",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-data-card",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "detail",
+          "description": "An optional field that typically describes or modifies the small stat"
+        },
+        {
+          "name": "icon",
+          "description": "An optional icon leading the header.\nUses <xpl-icon /> components and should reinforce the understanding of the smallStat metric shown.",
+          "values": [
+            {
+              "name": "ai"
+            },
+            {
+              "name": "alarm-clock"
+            },
+            {
+              "name": "alert-circle"
+            },
+            {
+              "name": "alert-hex"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "apps"
+            },
+            {
+              "name": "archive"
+            },
+            {
+              "name": "arrow-down"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "arrow-right"
+            },
+            {
+              "name": "arrow-up"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "award"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "bell-slash"
+            },
+            {
+              "name": "bookmark"
+            },
+            {
+              "name": "bookmark-slash"
+            },
+            {
+              "name": "briefcase"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "calendar-month"
+            },
+            {
+              "name": "calendar-week"
+            },
+            {
+              "name": "camera"
+            },
+            {
+              "name": "cash-register"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "check-circle"
+            },
+            {
+              "name": "check-circle-fill"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevrons-down"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "chevrons-up"
+            },
+            {
+              "name": "circle-slash"
+            },
+            {
+              "name": "clipboard"
+            },
+            {
+              "name": "clock"
+            },
+            {
+              "name": "code-square"
+            },
+            {
+              "name": "comment"
+            },
+            {
+              "name": "comment-alt"
+            },
+            {
+              "name": "comment-check"
+            },
+            {
+              "name": "comment-closed"
+            },
+            {
+              "name": "comment-discussion"
+            },
+            {
+              "name": "comment-minus"
+            },
+            {
+              "name": "comment-plus"
+            },
+            {
+              "name": "comment-x"
+            },
+            {
+              "name": "compass"
+            },
+            {
+              "name": "credit-card"
+            },
+            {
+              "name": "dash"
+            },
+            {
+              "name": "dollar-bill"
+            },
+            {
+              "name": "dollar-sign"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "drag"
+            },
+            {
+              "name": "dumbbells"
+            },
+            {
+              "name": "duplicate"
+            },
+            {
+              "name": "edit"
+            },
+            {
+              "name": "expand"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-closed"
+            },
+            {
+              "name": "eye-droper"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "flag"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "gear"
+            },
+            {
+              "name": "gift"
+            },
+            {
+              "name": "globe"
+            },
+            {
+              "name": "graph"
+            },
+            {
+              "name": "graph-bar"
+            },
+            {
+              "name": "grid"
+            },
+            {
+              "name": "heart"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "kebab-horizontal"
+            },
+            {
+              "name": "kebab-vertical"
+            },
+            {
+              "name": "key"
+            },
+            {
+              "name": "law"
+            },
+            {
+              "name": "layers"
+            },
+            {
+              "name": "left-align"
+            },
+            {
+              "name": "light-bulb"
+            },
+            {
+              "name": "line"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "link-external"
+            },
+            {
+              "name": "list-ordered"
+            },
+            {
+              "name": "list-unordered"
+            },
+            {
+              "name": "loader"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "lock"
+            },
+            {
+              "name": "mail"
+            },
+            {
+              "name": "mail-check"
+            },
+            {
+              "name": "mail-closed"
+            },
+            {
+              "name": "mail-minus"
+            },
+            {
+              "name": "mail-plus"
+            },
+            {
+              "name": "mail-x"
+            },
+            {
+              "name": "map"
+            },
+            {
+              "name": "megaphone"
+            },
+            {
+              "name": "minus-circle"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "navigation"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "package"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "pencil"
+            },
+            {
+              "name": "people"
+            },
+            {
+              "name": "percent"
+            },
+            {
+              "name": "person"
+            },
+            {
+              "name": "person-add"
+            },
+            {
+              "name": "person-circle"
+            },
+            {
+              "name": "phone"
+            },
+            {
+              "name": "phone-minus"
+            },
+            {
+              "name": "phone-pause"
+            },
+            {
+              "name": "phone-plus"
+            },
+            {
+              "name": "phone-slash"
+            },
+            {
+              "name": "phone-x"
+            },
+            {
+              "name": "pie-chart"
+            },
+            {
+              "name": "pin"
+            },
+            {
+              "name": "pin-circle"
+            },
+            {
+              "name": "pin-circle-filled"
+            },
+            {
+              "name": "pin-filled"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "plus-circle"
+            },
+            {
+              "name": "printer"
+            },
+            {
+              "name": "question"
+            },
+            {
+              "name": "refresh-cw"
+            },
+            {
+              "name": "repeat"
+            },
+            {
+              "name": "right-align"
+            },
+            {
+              "name": "rocket"
+            },
+            {
+              "name": "rotate-ccw"
+            },
+            {
+              "name": "rotate-cw"
+            },
+            {
+              "name": "save"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "share"
+            },
+            {
+              "name": "shopping-bag"
+            },
+            {
+              "name": "shopping-cart"
+            },
+            {
+              "name": "sign-in"
+            },
+            {
+              "name": "sign-out"
+            },
+            {
+              "name": "signature"
+            },
+            {
+              "name": "sliders-h"
+            },
+            {
+              "name": "sliders-v"
+            },
+            {
+              "name": "sort"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "star-fill"
+            },
+            {
+              "name": "star-half-fill"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "tag"
+            },
+            {
+              "name": "three-bars"
+            },
+            {
+              "name": "time-reverse"
+            },
+            {
+              "name": "tools"
+            },
+            {
+              "name": "trashcan"
+            },
+            {
+              "name": "triangle-down"
+            },
+            {
+              "name": "triangle-left"
+            },
+            {
+              "name": "triangle-right"
+            },
+            {
+              "name": "triangle-up"
+            },
+            {
+              "name": "trophy"
+            },
+            {
+              "name": "unlock"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "video-camera"
+            },
+            {
+              "name": "x"
+            },
+            {
+              "name": "x-circle"
+            },
+            {
+              "name": "x-circle-fill"
+            },
+            {
+              "name": "zoom-in"
+            },
+            {
+              "name": "zoom-out"
+            }
+          ]
+        },
+        {
+          "name": "leading-icon",
+          "description": "Whether to display the icon or not."
+        },
+        {
+          "name": "link",
+          "description": "Whether the card is a link"
+        },
+        {
+          "name": "name",
+          "description": "Name Term"
+        },
+        {
+          "name": "short-stat",
+          "description": "Detail, stat, or value to be displayed\nin short format. Will be rendered when card is\nsmaller than 441px."
+        },
+        {
+          "name": "small-stat",
+          "description": "An Optional stat further enhancing the main metric of the card."
+        },
+        {
+          "name": "small-stat-icon",
+          "description": "An optional icon leading the small stat.\nUses <xpl-icon> components and should reinforce the understanding of the smallStat metric shown.",
+          "values": [
+            {
+              "name": "ai"
+            },
+            {
+              "name": "alarm-clock"
+            },
+            {
+              "name": "alert-circle"
+            },
+            {
+              "name": "alert-hex"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "apps"
+            },
+            {
+              "name": "archive"
+            },
+            {
+              "name": "arrow-down"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "arrow-right"
+            },
+            {
+              "name": "arrow-up"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "award"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "bell-slash"
+            },
+            {
+              "name": "bookmark"
+            },
+            {
+              "name": "bookmark-slash"
+            },
+            {
+              "name": "briefcase"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "calendar-month"
+            },
+            {
+              "name": "calendar-week"
+            },
+            {
+              "name": "camera"
+            },
+            {
+              "name": "cash-register"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "check-circle"
+            },
+            {
+              "name": "check-circle-fill"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevrons-down"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "chevrons-up"
+            },
+            {
+              "name": "circle-slash"
+            },
+            {
+              "name": "clipboard"
+            },
+            {
+              "name": "clock"
+            },
+            {
+              "name": "code-square"
+            },
+            {
+              "name": "comment"
+            },
+            {
+              "name": "comment-alt"
+            },
+            {
+              "name": "comment-check"
+            },
+            {
+              "name": "comment-closed"
+            },
+            {
+              "name": "comment-discussion"
+            },
+            {
+              "name": "comment-minus"
+            },
+            {
+              "name": "comment-plus"
+            },
+            {
+              "name": "comment-x"
+            },
+            {
+              "name": "compass"
+            },
+            {
+              "name": "credit-card"
+            },
+            {
+              "name": "dash"
+            },
+            {
+              "name": "dollar-bill"
+            },
+            {
+              "name": "dollar-sign"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "drag"
+            },
+            {
+              "name": "dumbbells"
+            },
+            {
+              "name": "duplicate"
+            },
+            {
+              "name": "edit"
+            },
+            {
+              "name": "expand"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-closed"
+            },
+            {
+              "name": "eye-droper"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "flag"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "gear"
+            },
+            {
+              "name": "gift"
+            },
+            {
+              "name": "globe"
+            },
+            {
+              "name": "graph"
+            },
+            {
+              "name": "graph-bar"
+            },
+            {
+              "name": "grid"
+            },
+            {
+              "name": "heart"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "kebab-horizontal"
+            },
+            {
+              "name": "kebab-vertical"
+            },
+            {
+              "name": "key"
+            },
+            {
+              "name": "law"
+            },
+            {
+              "name": "layers"
+            },
+            {
+              "name": "left-align"
+            },
+            {
+              "name": "light-bulb"
+            },
+            {
+              "name": "line"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "link-external"
+            },
+            {
+              "name": "list-ordered"
+            },
+            {
+              "name": "list-unordered"
+            },
+            {
+              "name": "loader"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "lock"
+            },
+            {
+              "name": "mail"
+            },
+            {
+              "name": "mail-check"
+            },
+            {
+              "name": "mail-closed"
+            },
+            {
+              "name": "mail-minus"
+            },
+            {
+              "name": "mail-plus"
+            },
+            {
+              "name": "mail-x"
+            },
+            {
+              "name": "map"
+            },
+            {
+              "name": "megaphone"
+            },
+            {
+              "name": "minus-circle"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "navigation"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "package"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "pencil"
+            },
+            {
+              "name": "people"
+            },
+            {
+              "name": "percent"
+            },
+            {
+              "name": "person"
+            },
+            {
+              "name": "person-add"
+            },
+            {
+              "name": "person-circle"
+            },
+            {
+              "name": "phone"
+            },
+            {
+              "name": "phone-minus"
+            },
+            {
+              "name": "phone-pause"
+            },
+            {
+              "name": "phone-plus"
+            },
+            {
+              "name": "phone-slash"
+            },
+            {
+              "name": "phone-x"
+            },
+            {
+              "name": "pie-chart"
+            },
+            {
+              "name": "pin"
+            },
+            {
+              "name": "pin-circle"
+            },
+            {
+              "name": "pin-circle-filled"
+            },
+            {
+              "name": "pin-filled"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "plus-circle"
+            },
+            {
+              "name": "printer"
+            },
+            {
+              "name": "question"
+            },
+            {
+              "name": "refresh-cw"
+            },
+            {
+              "name": "repeat"
+            },
+            {
+              "name": "right-align"
+            },
+            {
+              "name": "rocket"
+            },
+            {
+              "name": "rotate-ccw"
+            },
+            {
+              "name": "rotate-cw"
+            },
+            {
+              "name": "save"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "share"
+            },
+            {
+              "name": "shopping-bag"
+            },
+            {
+              "name": "shopping-cart"
+            },
+            {
+              "name": "sign-in"
+            },
+            {
+              "name": "sign-out"
+            },
+            {
+              "name": "signature"
+            },
+            {
+              "name": "sliders-h"
+            },
+            {
+              "name": "sliders-v"
+            },
+            {
+              "name": "sort"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "star-fill"
+            },
+            {
+              "name": "star-half-fill"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "tag"
+            },
+            {
+              "name": "three-bars"
+            },
+            {
+              "name": "time-reverse"
+            },
+            {
+              "name": "tools"
+            },
+            {
+              "name": "trashcan"
+            },
+            {
+              "name": "triangle-down"
+            },
+            {
+              "name": "triangle-left"
+            },
+            {
+              "name": "triangle-right"
+            },
+            {
+              "name": "triangle-up"
+            },
+            {
+              "name": "trophy"
+            },
+            {
+              "name": "unlock"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "video-camera"
+            },
+            {
+              "name": "x"
+            },
+            {
+              "name": "x-circle"
+            },
+            {
+              "name": "x-circle-fill"
+            },
+            {
+              "name": "zoom-in"
+            },
+            {
+              "name": "zoom-out"
+            }
+          ]
+        },
+        {
+          "name": "small-stat-variant",
+          "description": "set a variant that changes the color of the small stat based on the following rules:\n \n If trend is positive and greater than 0.5% color is green and up-right arrow is used \n\n If the trend is between -0.5% and 0.5% then its neutral the color is gray\n\n If the trend is negative less than -0.5% the color is red and down right arrow is used",
+          "values": [
+            {
+              "name": "negative"
+            },
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "positive"
+            }
+          ]
+        },
+        {
+          "name": "stat",
+          "description": "Detail, stat, or value to be displayed.\nWill be rendered when card is larger than 441px.\nWill also appear in the tooltip when shortStat\nis shown."
+        },
+        {
+          "name": "tooltip-text-small-stat",
+          "description": "An optional field for tooltip text of small stat"
+        },
+        {
+          "name": "tooltip-text-stat",
+          "description": "An optional field for tooltip text of stat"
+        },
+        {
+          "name": "variant",
+          "description": "Color variant. Used to set the icon\ncolor and background.",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-divider",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "tier",
+          "description": "The tier should be an integer between 0 and 3.\nTier 0 dividers do not display text, and 1-3 increase\nin size with each increasing tier."
+        }
+      ]
+    },
+    {
+      "name": "xpl-dropdown",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "anchor-to-trigger",
+          "description": "whether to anchor the dropdown to the trigger element, requires triggerId to be set"
+        },
+        {
+          "name": "close-on-select",
+          "description": "options that are listed"
+        },
+        {
+          "name": "open",
+          "description": "text to display as heading"
+        },
+        {
+          "name": "mode",
+          "description": "constant representing number of options that can be selected",
+          "values": [
+            {
+              "name": "multi"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        },
+        {
+          "name": "select-on-focus",
+          "description": "whether selection should be made when focusing on interactive element"
+        },
+        {
+          "name": "selected-values",
+          "description": "The currently selected value(s) in the dropdown."
+        },
+        {
+          "name": "trigger-id",
+          "description": "the id for the element that triggers the open state"
+        }
+      ]
+    },
+    {
+      "name": "xpl-dropdown-group",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": "text to display as heading"
+        }
+      ]
+    },
+    {
+      "name": "xpl-dropdown-heading",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": "text to display as heading"
+        }
+      ]
+    },
+    {
+      "name": "xpl-dropdown-option",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "whether option is disabled"
+        },
+        {
+          "name": "selected",
+          "description": "whether option is selected"
+        },
+        {
+          "name": "label",
+          "description": "text to display for option"
+        },
+        {
+          "name": "subtitle",
+          "description": "optional subtitle text to display below label"
+        },
+        {
+          "name": "value",
+          "description": "The selected options value to be submitted with the form, should this option be selected."
+        }
+      ]
+    },
+    {
+      "name": "xpl-dynamic-table",
+      "description": {
+        "kind": "markdown",
+        "value": "> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases."
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-dynamic-table-cell",
+      "description": {
+        "kind": "markdown",
+        "value": "> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the cell and its contents are disabled."
+        }
+      ]
+    },
+    {
+      "name": "xpl-dynamic-table-row",
+      "description": {
+        "kind": "markdown",
+        "value": "> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the row and its cells are disabled."
+        },
+        {
+          "name": "selected",
+          "description": "Whether the row is selected."
+        }
+      ]
+    },
+    {
+      "name": "xpl-grid",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-grid-item",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "lg",
+          "description": "The number of columns the element should span  out of a 6 column grid on a\n lg size screen"
+        },
+        {
+          "name": "md",
+          "description": "The number of columns the element should span  out of a 6 column grid on a\n md size screen"
+        },
+        {
+          "name": "sm",
+          "description": "The number of columns the element should span  out of a 6 column grid on a\n sm size screen"
+        },
+        {
+          "name": "xs",
+          "description": "The number of columns the element should span  out of a 6 column grid on a\n xs size screen"
+        }
+      ]
+    },
+    {
+      "name": "xpl-header-accordion",
+      "description": {
+        "kind": "markdown",
+        "value": "> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases."
+      },
+      "attributes": [
+        {
+          "name": "content-id",
+          "description": "The id of the content region controlled by the accordion."
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the accordion is disabled."
+        },
+        {
+          "name": "has-checkbox",
+          "description": "Whether to display a parent checkbox in the accordion header."
+        },
+        {
+          "name": "initial-expanded",
+          "description": "Whether the accordion is expanded initially."
+        },
+        {
+          "name": "selected-count",
+          "description": "The number of selected child items, or -1 to auto-calculate."
+        }
+      ]
+    },
+    {
+      "name": "xpl-icon",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "background-color",
+          "description": "Icon's background color."
+        },
+        {
+          "name": "icon",
+          "description": "Name of icon",
+          "values": [
+            {
+              "name": "ai"
+            },
+            {
+              "name": "alarm-clock"
+            },
+            {
+              "name": "alert-circle"
+            },
+            {
+              "name": "alert-hex"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "apps"
+            },
+            {
+              "name": "archive"
+            },
+            {
+              "name": "arrow-down"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "arrow-right"
+            },
+            {
+              "name": "arrow-up"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "award"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "bell-slash"
+            },
+            {
+              "name": "bookmark"
+            },
+            {
+              "name": "bookmark-slash"
+            },
+            {
+              "name": "briefcase"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "calendar-month"
+            },
+            {
+              "name": "calendar-week"
+            },
+            {
+              "name": "camera"
+            },
+            {
+              "name": "cash-register"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "check-circle"
+            },
+            {
+              "name": "check-circle-fill"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevrons-down"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "chevrons-up"
+            },
+            {
+              "name": "circle-slash"
+            },
+            {
+              "name": "clipboard"
+            },
+            {
+              "name": "clock"
+            },
+            {
+              "name": "code-square"
+            },
+            {
+              "name": "comment"
+            },
+            {
+              "name": "comment-alt"
+            },
+            {
+              "name": "comment-check"
+            },
+            {
+              "name": "comment-closed"
+            },
+            {
+              "name": "comment-discussion"
+            },
+            {
+              "name": "comment-minus"
+            },
+            {
+              "name": "comment-plus"
+            },
+            {
+              "name": "comment-x"
+            },
+            {
+              "name": "compass"
+            },
+            {
+              "name": "credit-card"
+            },
+            {
+              "name": "dash"
+            },
+            {
+              "name": "dollar-bill"
+            },
+            {
+              "name": "dollar-sign"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "drag"
+            },
+            {
+              "name": "dumbbells"
+            },
+            {
+              "name": "duplicate"
+            },
+            {
+              "name": "edit"
+            },
+            {
+              "name": "expand"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-closed"
+            },
+            {
+              "name": "eye-droper"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "flag"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "gear"
+            },
+            {
+              "name": "gift"
+            },
+            {
+              "name": "globe"
+            },
+            {
+              "name": "graph"
+            },
+            {
+              "name": "graph-bar"
+            },
+            {
+              "name": "grid"
+            },
+            {
+              "name": "heart"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "kebab-horizontal"
+            },
+            {
+              "name": "kebab-vertical"
+            },
+            {
+              "name": "key"
+            },
+            {
+              "name": "law"
+            },
+            {
+              "name": "layers"
+            },
+            {
+              "name": "left-align"
+            },
+            {
+              "name": "light-bulb"
+            },
+            {
+              "name": "line"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "link-external"
+            },
+            {
+              "name": "list-ordered"
+            },
+            {
+              "name": "list-unordered"
+            },
+            {
+              "name": "loader"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "lock"
+            },
+            {
+              "name": "mail"
+            },
+            {
+              "name": "mail-check"
+            },
+            {
+              "name": "mail-closed"
+            },
+            {
+              "name": "mail-minus"
+            },
+            {
+              "name": "mail-plus"
+            },
+            {
+              "name": "mail-x"
+            },
+            {
+              "name": "map"
+            },
+            {
+              "name": "megaphone"
+            },
+            {
+              "name": "minus-circle"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "navigation"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "package"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "pencil"
+            },
+            {
+              "name": "people"
+            },
+            {
+              "name": "percent"
+            },
+            {
+              "name": "person"
+            },
+            {
+              "name": "person-add"
+            },
+            {
+              "name": "person-circle"
+            },
+            {
+              "name": "phone"
+            },
+            {
+              "name": "phone-minus"
+            },
+            {
+              "name": "phone-pause"
+            },
+            {
+              "name": "phone-plus"
+            },
+            {
+              "name": "phone-slash"
+            },
+            {
+              "name": "phone-x"
+            },
+            {
+              "name": "pie-chart"
+            },
+            {
+              "name": "pin"
+            },
+            {
+              "name": "pin-circle"
+            },
+            {
+              "name": "pin-circle-filled"
+            },
+            {
+              "name": "pin-filled"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "plus-circle"
+            },
+            {
+              "name": "printer"
+            },
+            {
+              "name": "question"
+            },
+            {
+              "name": "refresh-cw"
+            },
+            {
+              "name": "repeat"
+            },
+            {
+              "name": "right-align"
+            },
+            {
+              "name": "rocket"
+            },
+            {
+              "name": "rotate-ccw"
+            },
+            {
+              "name": "rotate-cw"
+            },
+            {
+              "name": "save"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "share"
+            },
+            {
+              "name": "shopping-bag"
+            },
+            {
+              "name": "shopping-cart"
+            },
+            {
+              "name": "sign-in"
+            },
+            {
+              "name": "sign-out"
+            },
+            {
+              "name": "signature"
+            },
+            {
+              "name": "sliders-h"
+            },
+            {
+              "name": "sliders-v"
+            },
+            {
+              "name": "sort"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "star-fill"
+            },
+            {
+              "name": "star-half-fill"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "tag"
+            },
+            {
+              "name": "three-bars"
+            },
+            {
+              "name": "time-reverse"
+            },
+            {
+              "name": "tools"
+            },
+            {
+              "name": "trashcan"
+            },
+            {
+              "name": "triangle-down"
+            },
+            {
+              "name": "triangle-left"
+            },
+            {
+              "name": "triangle-right"
+            },
+            {
+              "name": "triangle-up"
+            },
+            {
+              "name": "trophy"
+            },
+            {
+              "name": "unlock"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "video-camera"
+            },
+            {
+              "name": "x"
+            },
+            {
+              "name": "x-circle"
+            },
+            {
+              "name": "x-circle-fill"
+            },
+            {
+              "name": "zoom-in"
+            },
+            {
+              "name": "zoom-out"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size of icon"
+        }
+      ]
+    },
+    {
+      "name": "xpl-input",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_id",
+          "description": "Because `id` is a reserved HTMLElement attribute,\nwe prefix it with an underscore here so that it\ndoesn't get automatically applied to the outer container.\n\nApplies to all input types."
+        },
+        {
+          "name": "accept",
+          "description": "The accepted file types for the file input.\nCorresponds to the `accept` attribute on the input element.\nExample: 'image/*' for all image types, '.pdf' for PDF files, etc.\n\nApplies to file inputs."
+        },
+        {
+          "name": "allow-custom-option",
+          "description": "For time inputs, whether to allow custom option in the input even if not available in the dropdown.\nExample: A step of 30 minutes will allow 15:03, 15:37, etc.\n\nApplies to time inputs."
+        },
+        {
+          "name": "autocomplete",
+          "description": "Hint for form autofill feature\n\nApplies to text, password, number."
+        },
+        {
+          "name": "date-format",
+          "description": "The date format to use for the datepicker input.\nThis is used by flatpickr to format the date.\nDefault is 'Y-m-d' (e.g., 2023-10-01).\n\nSee https://flatpickr.js.org/formatting/ for more details.\n\nApplies to date inputs."
+        },
+        {
+          "name": "description",
+          "description": "Optional text that appears below the input label.\n\nApplies to all input types."
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the field is disabled\n\nApplies to all input types."
+        },
+        {
+          "name": "error",
+          "description": "If an empty string (attribute present with no value),\nwill display visually as an error. If a string is\nincluded, will display visually as an error and include\nthe value as an error message.\n\nApplies to all input types."
+        },
+        {
+          "name": "hide-accept-text",
+          "description": "Hides the \"Accept\" text that indicates the accepted file types\nThis is useful for cases where you want to hide the \"Accept\" text.\n\nApplies to file inputs."
+        },
+        {
+          "name": "hide-eye-dropper",
+          "description": "Hide eye dropper\n\nApplies to color inputs."
+        },
+        {
+          "name": "hide-file-names",
+          "description": "Hides the file names in the file upload component\nThis is useful for cases where you want to hide the file names after selection.\n\nApplies to file inputs."
+        },
+        {
+          "name": "hide-trigger-on-select",
+          "description": "Hides the trigger element when a file is selected.\nThis is useful for cases where you want to hide the trigger after a file is selected.\n\nApplies to file inputs."
+        },
+        {
+          "name": "label",
+          "description": "Label text for the field\n\nApplies to all input types."
+        },
+        {
+          "name": "max",
+          "description": "Maximum value for the input.\n\nApplies to number, time, and date inputs.\n\nIf the input is a time input, the value must be in 24 hour format, ex: 18:25 for 6:25 PM"
+        },
+        {
+          "name": "max-character-count",
+          "description": "For multiline inputs, a max. character count will\ndisplay along with the current character count,\nand will automatically render as an error if the\ncharacter count exceeds the max.\n\nThis is only applicable if `multiline` is `true`."
+        },
+        {
+          "name": "min",
+          "description": "The minimum value for the input.\n\nApplies to number, time, and date inputs.\n\nIf the input is a time input, the value must be in 24 hour format, ex: 05:25 for 5:25 AM"
+        },
+        {
+          "name": "mode",
+          "description": "For datepicker inputs, whether to allow only a single\ndate or a range of dates. (Multiple non-consecutive\ndates planned to be supported in the future.)\n\nApplies to date inputs.",
+          "values": [
+            {
+              "name": "range"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        },
+        {
+          "name": "multiline",
+          "description": "Whether to render as a singleline text input or\nas a multiline textarea. (If `true`, `pre` and `post`\nvalues will be ignored, if present.)\n\nApplies to text inputs."
+        },
+        {
+          "name": "multiple",
+          "description": "Whether the user can select multiple files at once.\nCorresponds to the `multiple` attribute on the input element.\n\nApplies to file inputs."
+        },
+        {
+          "name": "name",
+          "description": "Most inputs are used in forms, and should have a\n`name` associated with the input for handling form data.\n\nApplies to all input types."
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text that appears when the field has no value\n\nApplies to text, password, number, and date inputs."
+        },
+        {
+          "name": "post",
+          "description": "A string (recommended max 3 characters) that gets shown\nvisually to the left of (before) the input.\n\nApplies to text, password, number, and date inputs.\nNote: This will be ignored if `multiline` is `true`."
+        },
+        {
+          "name": "pre",
+          "description": "A string (recommended max 8 characters) that gets shown\nvisually to the right of (after) the input.\n\nApplies to text, password, number, and date inputs.\nNote: This will be ignored if `multiline` is `true`."
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the input is editable\n\nApplies to text, password, number, and date inputs."
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required\n\nApplies to all input types."
+        },
+        {
+          "name": "step",
+          "description": "The granularity that the value in a `number` input must adhere to when\nincrementing or decrementing. The default stepping value for number\ninputs is 1\n\nApplies to number and time inputs."
+        },
+        {
+          "name": "time-format",
+          "description": "The time format to display for the input.\n\nApplies to time inputs.\n\nIf 12h is selected, the value will be displayed in 12 hour format, ex: 05:25 PM for 17:25\nIf 24h is selected, the value will be displayed in 24 hour format, ex: 17:25 for 17:25",
+          "values": [
+            {
+              "name": "12h"
+            },
+            {
+              "name": "24h"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "The type of form control",
+          "values": [
+            {
+              "name": "color"
+            },
+            {
+              "name": "date"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "number"
+            },
+            {
+              "name": "password"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "time"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Including a `value` will pre-populate the input\nwith the given string.\n\nApplies to text, password, number, and date inputs."
+        }
+      ]
+    },
+    {
+      "name": "xpl-input-color",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Indicates whether the color picker is disabled."
+        },
+        {
+          "name": "hide-eye-dropper",
+          "description": "Hide eye dropper"
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text for the color input.\nThis is used when no color is selected."
+        },
+        {
+          "name": "required",
+          "description": "Indicates whether the color picker is required."
+        },
+        {
+          "name": "value",
+          "description": "The color value of the picker."
+        }
+      ]
+    },
+    {
+      "name": "xpl-input-date",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "date-format",
+          "description": "The date format to use for the datepicker input.\nThis is used by flatpickr to format the date.\nDefault is 'Y-m-d' (e.g., 2023-10-01).\n\nSee https://flatpickr.js.org/formatting/ for more details."
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the field is disabled"
+        },
+        {
+          "name": "input-id",
+          "description": "The `inputId` is used to associate the input with a label."
+        },
+        {
+          "name": "max",
+          "description": "Maximum value for the input."
+        },
+        {
+          "name": "min",
+          "description": "The minimum value for the input."
+        },
+        {
+          "name": "mode",
+          "description": "For datepicker inputs, whether to allow only a single\ndate or a range of dates. (Multiple non-consecutive\ndates planned to be supported in the future.)",
+          "values": [
+            {
+              "name": "range"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        },
+        {
+          "name": "name",
+          "description": "Most inputs are used in forms, and should have a\n`name` associated with the input for handling form data.\n\nApplies to all input types."
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text that appears when the field has no value\n\nApplies to text, password, number, and date inputs."
+        },
+        {
+          "name": "post",
+          "description": "A string (recommended max 3 characters) that gets shown\nvisually to the left of (before) the input."
+        },
+        {
+          "name": "pre",
+          "description": "A string (recommended max 8 characters) that gets shown\nvisually to the right of (after) the input."
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the input is editable"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required"
+        },
+        {
+          "name": "value",
+          "description": "Including a `value` will pre-populate the input\nwith the given string."
+        }
+      ]
+    },
+    {
+      "name": "xpl-input-file",
+      "description": {
+        "kind": "markdown",
+        "value": "`xpl-input-file` is a component that allows users to upload files."
+      },
+      "attributes": [
+        {
+          "name": "_id",
+          "description": "Because `id` is a reserved HTMLElement attribute,\nwe prefix it with an underscore here so that it\ndoesn't get automatically applied to the outer container."
+        },
+        {
+          "name": "accept",
+          "description": "The accepted file types for the file input.\nCorresponds to the `accept` attribute on the input element.\nExample: 'image/*' for all image types, '.pdf' for PDF files, etc."
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the field is disabled"
+        },
+        {
+          "name": "hide-accept-text",
+          "description": "Hides the \"Accept\" text that indicates the accepted file types"
+        },
+        {
+          "name": "hide-file-names",
+          "description": "Hides the file names in the file upload component"
+        },
+        {
+          "name": "hide-trigger-on-select",
+          "description": "Hides the trigger element when a file is selected."
+        },
+        {
+          "name": "multiple",
+          "description": "Whether the user can select multiple files at once.\nCorresponds to the `multiple` attribute on the input element."
+        },
+        {
+          "name": "name",
+          "description": "Most inputs are used in forms, and should have a\n`name` associated with the input for handling form data."
+        }
+      ]
+    },
+    {
+      "name": "xpl-input-time",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "allow-custom-option",
+          "description": "For time inputs, whether to allow custom option in the input even if not available in the dropdown.\nExample: A step of 30 minutes will allow 15:03, 15:37, etc.\n\nApplies to time inputs."
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the field is disabled"
+        },
+        {
+          "name": "input-id",
+          "description": "The `inputId` is used to associate the input with a label."
+        },
+        {
+          "name": "max",
+          "description": "Maximum value for the input."
+        },
+        {
+          "name": "min",
+          "description": "The minimum value for the input."
+        },
+        {
+          "name": "mode",
+          "description": "Whether the input is a single time or a range of times.\n\nCurrently, only single time is supported.",
+          "values": [
+            {
+              "name": "range"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        },
+        {
+          "name": "name",
+          "description": "Most inputs are used in forms, and should have a\n`name` associated with the input for handling form data.\n\nApplies to all input types."
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text that appears when the field has no value\n\nApplies to text, password, number, and date inputs."
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the input is editable"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required"
+        },
+        {
+          "name": "step",
+          "description": "Time increment for dropdown options"
+        },
+        {
+          "name": "time-format",
+          "description": "The time format to display for the input.",
+          "values": [
+            {
+              "name": "12h"
+            },
+            {
+              "name": "24h"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Including a `value` will pre-populate the input\nwith the given string.\n\nMust be in 24 hour format, ex: 15:25 for 3:25 PM"
+        }
+      ]
+    },
+    {
+      "name": "xpl-large-card",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "description",
+          "description": "Description of the Card"
+        },
+        {
+          "name": "link",
+          "description": "Whether the card is a link or not"
+        },
+        {
+          "name": "name",
+          "description": "Name of the Card"
+        }
+      ]
+    },
+    {
+      "name": "xpl-list",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-main-nav",
+      "description": {
+        "kind": "markdown",
+        "value": "The Main Nav component contains is split in 3 areas. The top area is where the branding goes. It's divided into 2 slots `logo` and `brand-name`.\nThe middle area is where the main navigation links go. It's a `<nav>` tag with a slot named `navigation`, where a `<ul slot=\"navigation\">` with `<xpl-nav-items>` should be rendered.\n\nThe bottom area is fixed to the bottom and should be used for actions. To render content within this area use the slot `footer` with a `<ul slot=\"footer\">` tag."
+      },
+      "attributes": [
+        {
+          "name": "width",
+          "description": "",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-modal",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "is-open",
+          "description": "Whether the modal is open."
+        },
+        {
+          "name": "size",
+          "description": "The size of the modal.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "The visual variant of the modal.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-nav-item",
+      "description": {
+        "kind": "markdown",
+        "value": "This component should be used within sections of the `<xpl-main-nav>`. This component yields a slot named `link`, where a `<a>` tag should be used. Within the `<a>` tag, there are two slots, one named `icon`, where any svg can be placed. An an unnamed slot, where the link text should be placed."
+      },
+      "attributes": [
+        {
+          "name": "nav-control",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "xpl-pagination",
+      "description": {
+        "kind": "markdown",
+        "value": "> **Note:** This component is in beta. Use with caution and expect updates before the full release."
+      },
+      "attributes": [
+        {
+          "name": "current-page",
+          "description": "The current active page (1-based).\nMarked as mutable so we can update from inside this component."
+        },
+        {
+          "name": "rows-per-page-options",
+          "description": "The rows-per-page options offered in the dropdown."
+        },
+        {
+          "name": "selected-rows-per-page",
+          "description": "The currently selected rows-per-page."
+        },
+        {
+          "name": "total-pages",
+          "description": "Total number of pages."
+        },
+        {
+          "name": "with-page-control",
+          "description": "Whether to allow go to page navigation."
+        }
+      ]
+    },
+    {
+      "name": "xpl-popover",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the popover is disabled or not."
+        },
+        {
+          "name": "display",
+          "description": "The display style of the popover, either as an arrow or a menu.\n- 'arrow': Displays an arrow pointing to the trigger element.\n- 'menu': Displays a menu-style popover without an arrow.",
+          "values": [
+            {
+              "name": "arrow"
+            },
+            {
+              "name": "menu"
+            }
+          ]
+        },
+        {
+          "name": "is-open",
+          "description": "Whether the popover is open by default or not."
+        },
+        {
+          "name": "position",
+          "description": "The position of the trigger element relative to the popover.",
+          "values": [
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-left"
+            },
+            {
+              "name": "bottom-middle"
+            },
+            {
+              "name": "bottom-right"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "middle-left"
+            },
+            {
+              "name": "middle-right"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-left"
+            },
+            {
+              "name": "top-middle"
+            },
+            {
+              "name": "top-right"
+            },
+            {
+              "name": "top-start"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-progress",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "current-step",
+          "description": "Current step, is the index of the current active step"
+        }
+      ]
+    },
+    {
+      "name": "xpl-radio",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the input is \"on\""
+        },
+        {
+          "name": "description",
+          "description": "Description text for the field"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the input is disabled"
+        },
+        {
+          "name": "name",
+          "description": "The name attribute for the html input.\n(submittted in form as name/value pair)"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required"
+        },
+        {
+          "name": "styled",
+          "description": "Whether the input is contained in a box with a border and, in disabled\nstate, a background"
+        },
+        {
+          "name": "value",
+          "description": "The value attribute for the radio input.\n(submittted in form as name/value pair)"
+        }
+      ]
+    },
+    {
+      "name": "xpl-secondary-nav",
+      "description": {
+        "kind": "markdown",
+        "value": "The Secondary Nav component is a component that allows navigation within the content area. It yields one slot where a <ul> element with <xpl-nav-item> elements should be rendered."
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-select",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "class-names",
+          "description": "The class name to apply to the select component."
+        },
+        {
+          "name": "custom-display-value",
+          "description": "If true, enables custom display value rendering via slot."
+        },
+        {
+          "name": "description",
+          "description": "Optional text that appears below the input label."
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the field is disabled"
+        },
+        {
+          "name": "error",
+          "description": "If an empty string (attribute present with no value),\nwill display visually as an error. If a string is\nincluded, will display visually as an error and include\nthe value as an error message."
+        },
+        {
+          "name": "label",
+          "description": "The label that appears above the select dropdown"
+        },
+        {
+          "name": "mode",
+          "description": "Whether to allow a single choice or multiple choices.",
+          "values": [
+            {
+              "name": "multi"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        },
+        {
+          "name": "name",
+          "description": "The name of the hidden input field that contains the selected option's value(s)"
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text that appears when the field has no value"
+        },
+        {
+          "name": "select-icon",
+          "description": "The icon to display in the select trigger button.",
+          "values": [
+            {
+              "name": "ai"
+            },
+            {
+              "name": "alarm-clock"
+            },
+            {
+              "name": "alert-circle"
+            },
+            {
+              "name": "alert-hex"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "apps"
+            },
+            {
+              "name": "archive"
+            },
+            {
+              "name": "arrow-down"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "arrow-right"
+            },
+            {
+              "name": "arrow-up"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "award"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "bell-slash"
+            },
+            {
+              "name": "bookmark"
+            },
+            {
+              "name": "bookmark-slash"
+            },
+            {
+              "name": "briefcase"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "calendar-month"
+            },
+            {
+              "name": "calendar-week"
+            },
+            {
+              "name": "camera"
+            },
+            {
+              "name": "cash-register"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "check-circle"
+            },
+            {
+              "name": "check-circle-fill"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevrons-down"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "chevrons-up"
+            },
+            {
+              "name": "circle-slash"
+            },
+            {
+              "name": "clipboard"
+            },
+            {
+              "name": "clock"
+            },
+            {
+              "name": "code-square"
+            },
+            {
+              "name": "comment"
+            },
+            {
+              "name": "comment-alt"
+            },
+            {
+              "name": "comment-check"
+            },
+            {
+              "name": "comment-closed"
+            },
+            {
+              "name": "comment-discussion"
+            },
+            {
+              "name": "comment-minus"
+            },
+            {
+              "name": "comment-plus"
+            },
+            {
+              "name": "comment-x"
+            },
+            {
+              "name": "compass"
+            },
+            {
+              "name": "credit-card"
+            },
+            {
+              "name": "dash"
+            },
+            {
+              "name": "dollar-bill"
+            },
+            {
+              "name": "dollar-sign"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "drag"
+            },
+            {
+              "name": "dumbbells"
+            },
+            {
+              "name": "duplicate"
+            },
+            {
+              "name": "edit"
+            },
+            {
+              "name": "expand"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-closed"
+            },
+            {
+              "name": "eye-droper"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "flag"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "gear"
+            },
+            {
+              "name": "gift"
+            },
+            {
+              "name": "globe"
+            },
+            {
+              "name": "graph"
+            },
+            {
+              "name": "graph-bar"
+            },
+            {
+              "name": "grid"
+            },
+            {
+              "name": "heart"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "kebab-horizontal"
+            },
+            {
+              "name": "kebab-vertical"
+            },
+            {
+              "name": "key"
+            },
+            {
+              "name": "law"
+            },
+            {
+              "name": "layers"
+            },
+            {
+              "name": "left-align"
+            },
+            {
+              "name": "light-bulb"
+            },
+            {
+              "name": "line"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "link-external"
+            },
+            {
+              "name": "list-ordered"
+            },
+            {
+              "name": "list-unordered"
+            },
+            {
+              "name": "loader"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "lock"
+            },
+            {
+              "name": "mail"
+            },
+            {
+              "name": "mail-check"
+            },
+            {
+              "name": "mail-closed"
+            },
+            {
+              "name": "mail-minus"
+            },
+            {
+              "name": "mail-plus"
+            },
+            {
+              "name": "mail-x"
+            },
+            {
+              "name": "map"
+            },
+            {
+              "name": "megaphone"
+            },
+            {
+              "name": "minus-circle"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "navigation"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "package"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "pencil"
+            },
+            {
+              "name": "people"
+            },
+            {
+              "name": "percent"
+            },
+            {
+              "name": "person"
+            },
+            {
+              "name": "person-add"
+            },
+            {
+              "name": "person-circle"
+            },
+            {
+              "name": "phone"
+            },
+            {
+              "name": "phone-minus"
+            },
+            {
+              "name": "phone-pause"
+            },
+            {
+              "name": "phone-plus"
+            },
+            {
+              "name": "phone-slash"
+            },
+            {
+              "name": "phone-x"
+            },
+            {
+              "name": "pie-chart"
+            },
+            {
+              "name": "pin"
+            },
+            {
+              "name": "pin-circle"
+            },
+            {
+              "name": "pin-circle-filled"
+            },
+            {
+              "name": "pin-filled"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "plus-circle"
+            },
+            {
+              "name": "printer"
+            },
+            {
+              "name": "question"
+            },
+            {
+              "name": "refresh-cw"
+            },
+            {
+              "name": "repeat"
+            },
+            {
+              "name": "right-align"
+            },
+            {
+              "name": "rocket"
+            },
+            {
+              "name": "rotate-ccw"
+            },
+            {
+              "name": "rotate-cw"
+            },
+            {
+              "name": "save"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "share"
+            },
+            {
+              "name": "shopping-bag"
+            },
+            {
+              "name": "shopping-cart"
+            },
+            {
+              "name": "sign-in"
+            },
+            {
+              "name": "sign-out"
+            },
+            {
+              "name": "signature"
+            },
+            {
+              "name": "sliders-h"
+            },
+            {
+              "name": "sliders-v"
+            },
+            {
+              "name": "sort"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "star-fill"
+            },
+            {
+              "name": "star-half-fill"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "tag"
+            },
+            {
+              "name": "three-bars"
+            },
+            {
+              "name": "time-reverse"
+            },
+            {
+              "name": "tools"
+            },
+            {
+              "name": "trashcan"
+            },
+            {
+              "name": "triangle-down"
+            },
+            {
+              "name": "triangle-left"
+            },
+            {
+              "name": "triangle-right"
+            },
+            {
+              "name": "triangle-up"
+            },
+            {
+              "name": "trophy"
+            },
+            {
+              "name": "unlock"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "video-camera"
+            },
+            {
+              "name": "x"
+            },
+            {
+              "name": "x-circle"
+            },
+            {
+              "name": "x-circle-fill"
+            },
+            {
+              "name": "zoom-in"
+            },
+            {
+              "name": "zoom-out"
+            }
+          ]
+        },
+        {
+          "name": "selected-values",
+          "description": "The value(s) currently selected in the select component."
+        },
+        {
+          "name": "truncate",
+          "description": "Only used in multi-choice selects. If `true`,\nbadges representing selections that would overflow the\ncontainer are replaced with \"+x more\" (where x is the\nnumber not shown). If `false`, the container's height will\nadjust to show all badges representing selections."
+        }
+      ]
+    },
+    {
+      "name": "xpl-skeleton",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "class-names",
+          "description": "A CSS class name to apply to the component."
+        },
+        {
+          "name": "full-width",
+          "description": "If true, the skeleton will take up the full width of its container."
+        },
+        {
+          "name": "height",
+          "description": "The height of the skeleton. (e.g. '100px', '100%', 'auto')\naccepts any valid CSS height value"
+        },
+        {
+          "name": "margin",
+          "description": "The margin of the skeleton. (e.g. '10px', '1rem', '1rem 0')\naccepts any valid CSS margin value"
+        },
+        {
+          "name": "shape",
+          "description": "The shape of the skeleton.",
+          "values": [
+            {
+              "name": "circle"
+            },
+            {
+              "name": "rectangle"
+            },
+            {
+              "name": "square"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "The predefined size of the skeleton.",
+          "values": [
+            {
+              "name": "body"
+            },
+            {
+              "name": "custom"
+            },
+            {
+              "name": "display"
+            },
+            {
+              "name": "title-1"
+            },
+            {
+              "name": "title-2"
+            },
+            {
+              "name": "title-3"
+            },
+            {
+              "name": "title-4"
+            },
+            {
+              "name": "title-5"
+            }
+          ]
+        },
+        {
+          "name": "width",
+          "description": "The width of the skeleton. (e.g. '100px', '100%', 'auto')\naccepts any valid CSS width value"
+        }
+      ]
+    },
+    {
+      "name": "xpl-slideout",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "backdrop",
+          "description": "Whether to show a backdrop behind the slideout."
+        },
+        {
+          "name": "is-open",
+          "description": "Whether the slideout is open."
+        },
+        {
+          "name": "show-footer",
+          "description": "Whether to show the footer section in the slideout."
+        },
+        {
+          "name": "variant",
+          "description": "The visual style variant of the slideout.\nCan be 'default' or 'warning'.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-tab",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Whether the tab is selected"
+        },
+        {
+          "name": "target",
+          "description": "The target of the tab, required for the tab to be selected"
+        }
+      ]
+    },
+    {
+      "name": "xpl-tab-panel",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Whether the panel is selected"
+        },
+        {
+          "name": "target",
+          "description": "The target of the tab, required for the tab to be selected"
+        }
+      ]
+    },
+    {
+      "name": "xpl-table",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "freeze",
+          "description": "When true, the first column of the table is sticky and will cover the leftmost rows in a horizontally scrollable container."
+        },
+        {
+          "name": "is-sortable",
+          "description": "Toggles to show the sort button on each table head"
+        },
+        {
+          "name": "multiselect",
+          "description": "Toggles a selectable checkbox for each row in the table"
+        },
+        {
+          "name": "striped",
+          "description": "Toggles an optional styling of the background of each even row of the table body."
+        }
+      ]
+    },
+    {
+      "name": "xpl-table-header",
+      "description": {
+        "kind": "markdown",
+        "value": "> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases."
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-table-header-cell",
+      "description": {
+        "kind": "markdown",
+        "value": "> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases."
+      },
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "",
+          "values": [
+            {
+              "name": "ai"
+            },
+            {
+              "name": "alarm-clock"
+            },
+            {
+              "name": "alert-circle"
+            },
+            {
+              "name": "alert-hex"
+            },
+            {
+              "name": "alert-triangle"
+            },
+            {
+              "name": "apps"
+            },
+            {
+              "name": "archive"
+            },
+            {
+              "name": "arrow-down"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "arrow-right"
+            },
+            {
+              "name": "arrow-up"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "award"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "bell-slash"
+            },
+            {
+              "name": "bookmark"
+            },
+            {
+              "name": "bookmark-slash"
+            },
+            {
+              "name": "briefcase"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "calendar-month"
+            },
+            {
+              "name": "calendar-week"
+            },
+            {
+              "name": "camera"
+            },
+            {
+              "name": "cash-register"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "check-circle"
+            },
+            {
+              "name": "check-circle-fill"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-up"
+            },
+            {
+              "name": "chevrons-down"
+            },
+            {
+              "name": "chevrons-left"
+            },
+            {
+              "name": "chevrons-right"
+            },
+            {
+              "name": "chevrons-up"
+            },
+            {
+              "name": "circle-slash"
+            },
+            {
+              "name": "clipboard"
+            },
+            {
+              "name": "clock"
+            },
+            {
+              "name": "code-square"
+            },
+            {
+              "name": "comment"
+            },
+            {
+              "name": "comment-alt"
+            },
+            {
+              "name": "comment-check"
+            },
+            {
+              "name": "comment-closed"
+            },
+            {
+              "name": "comment-discussion"
+            },
+            {
+              "name": "comment-minus"
+            },
+            {
+              "name": "comment-plus"
+            },
+            {
+              "name": "comment-x"
+            },
+            {
+              "name": "compass"
+            },
+            {
+              "name": "credit-card"
+            },
+            {
+              "name": "dash"
+            },
+            {
+              "name": "dollar-bill"
+            },
+            {
+              "name": "dollar-sign"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "drag"
+            },
+            {
+              "name": "dumbbells"
+            },
+            {
+              "name": "duplicate"
+            },
+            {
+              "name": "edit"
+            },
+            {
+              "name": "expand"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "eye-closed"
+            },
+            {
+              "name": "eye-droper"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "flag"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "gear"
+            },
+            {
+              "name": "gift"
+            },
+            {
+              "name": "globe"
+            },
+            {
+              "name": "graph"
+            },
+            {
+              "name": "graph-bar"
+            },
+            {
+              "name": "grid"
+            },
+            {
+              "name": "heart"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "kebab-horizontal"
+            },
+            {
+              "name": "kebab-vertical"
+            },
+            {
+              "name": "key"
+            },
+            {
+              "name": "law"
+            },
+            {
+              "name": "layers"
+            },
+            {
+              "name": "left-align"
+            },
+            {
+              "name": "light-bulb"
+            },
+            {
+              "name": "line"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "link-external"
+            },
+            {
+              "name": "list-ordered"
+            },
+            {
+              "name": "list-unordered"
+            },
+            {
+              "name": "loader"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "lock"
+            },
+            {
+              "name": "mail"
+            },
+            {
+              "name": "mail-check"
+            },
+            {
+              "name": "mail-closed"
+            },
+            {
+              "name": "mail-minus"
+            },
+            {
+              "name": "mail-plus"
+            },
+            {
+              "name": "mail-x"
+            },
+            {
+              "name": "map"
+            },
+            {
+              "name": "megaphone"
+            },
+            {
+              "name": "minus-circle"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "navigation"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "package"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "pencil"
+            },
+            {
+              "name": "people"
+            },
+            {
+              "name": "percent"
+            },
+            {
+              "name": "person"
+            },
+            {
+              "name": "person-add"
+            },
+            {
+              "name": "person-circle"
+            },
+            {
+              "name": "phone"
+            },
+            {
+              "name": "phone-minus"
+            },
+            {
+              "name": "phone-pause"
+            },
+            {
+              "name": "phone-plus"
+            },
+            {
+              "name": "phone-slash"
+            },
+            {
+              "name": "phone-x"
+            },
+            {
+              "name": "pie-chart"
+            },
+            {
+              "name": "pin"
+            },
+            {
+              "name": "pin-circle"
+            },
+            {
+              "name": "pin-circle-filled"
+            },
+            {
+              "name": "pin-filled"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "plus-circle"
+            },
+            {
+              "name": "printer"
+            },
+            {
+              "name": "question"
+            },
+            {
+              "name": "refresh-cw"
+            },
+            {
+              "name": "repeat"
+            },
+            {
+              "name": "right-align"
+            },
+            {
+              "name": "rocket"
+            },
+            {
+              "name": "rotate-ccw"
+            },
+            {
+              "name": "rotate-cw"
+            },
+            {
+              "name": "save"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "share"
+            },
+            {
+              "name": "shopping-bag"
+            },
+            {
+              "name": "shopping-cart"
+            },
+            {
+              "name": "sign-in"
+            },
+            {
+              "name": "sign-out"
+            },
+            {
+              "name": "signature"
+            },
+            {
+              "name": "sliders-h"
+            },
+            {
+              "name": "sliders-v"
+            },
+            {
+              "name": "sort"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "star-fill"
+            },
+            {
+              "name": "star-half-fill"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "tag"
+            },
+            {
+              "name": "three-bars"
+            },
+            {
+              "name": "time-reverse"
+            },
+            {
+              "name": "tools"
+            },
+            {
+              "name": "trashcan"
+            },
+            {
+              "name": "triangle-down"
+            },
+            {
+              "name": "triangle-left"
+            },
+            {
+              "name": "triangle-right"
+            },
+            {
+              "name": "triangle-up"
+            },
+            {
+              "name": "trophy"
+            },
+            {
+              "name": "unlock"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "video-camera"
+            },
+            {
+              "name": "x"
+            },
+            {
+              "name": "x-circle"
+            },
+            {
+              "name": "x-circle-fill"
+            },
+            {
+              "name": "zoom-in"
+            },
+            {
+              "name": "zoom-out"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": ""
+        },
+        {
+          "name": "sortable",
+          "description": ""
+        },
+        {
+          "name": "type",
+          "description": "",
+          "values": [
+            {
+              "name": "checkbox"
+            },
+            {
+              "name": "icon"
+            },
+            {
+              "name": "label"
+            }
+          ]
+        },
+        {
+          "name": "width",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "xpl-tabs",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "full-width",
+          "description": "Whether to make the tabs full width"
+        },
+        {
+          "name": "value",
+          "description": "The selected tab target value, defaults to the first tab"
+        }
+      ]
+    },
+    {
+      "name": "xpl-tag",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-toast",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "caption",
+          "description": ""
+        },
+        {
+          "name": "dismissable",
+          "description": ""
+        },
+        {
+          "name": "show-icon",
+          "description": ""
+        },
+        {
+          "name": "timeout",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "description": "",
+          "values": [
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the toggle is `on`"
+        },
+        {
+          "name": "description",
+          "description": "The toggle's description appears *above* the toggle."
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the toggle is disabled"
+        },
+        {
+          "name": "heading",
+          "description": "The toggle's heading appears *above* the toggle."
+        },
+        {
+          "name": "label",
+          "description": "The toggle's label appears *to the right of* the toggle."
+        },
+        {
+          "name": "name",
+          "description": "The name attribute for the html input.\n(submittted in form as name/value pair)"
+        },
+        {
+          "name": "variant",
+          "description": "The size of the toggle -- `default` or `small`",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "xpl-toolbar",
+      "description": {
+        "kind": "markdown",
+        "value": "> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases."
+      },
+      "attributes": [
+        {
+          "name": "selected-item-count",
+          "description": "The number of selected items to display in the toolbar."
+        }
+      ]
+    },
+    {
+      "name": "xpl-tooltip",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "hide-arrow",
+          "description": "Hide the arrow"
+        },
+        {
+          "name": "position",
+          "description": "Position of the tooltip relative to the element",
+          "values": [
+            {
+              "name": "bottom-left"
+            },
+            {
+              "name": "bottom-middle"
+            },
+            {
+              "name": "bottom-right"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top-left"
+            },
+            {
+              "name": "top-middle"
+            },
+            {
+              "name": "top-right"
+            }
+          ]
+        },
+        {
+          "name": "text",
+          "description": "The tooltip text to display"
+        }
+      ]
+    },
+    {
+      "name": "xpl-utility-bar",
+      "description": {
+        "kind": "markdown",
+        "value": "The utility bar is a top navigation bar. It contains 2 slots:\n\n`<slot name=\"main\"></slot>`\n\n- appears on the left side of the bar\n- items are justified to the start\n\n`<slot name=\"aside\"></slot>`\n\n- appears on the right side of the bar\n- items are justified to the end\n\nThe utility bar can have navigation items in just one or both slots.\nTo add content to the slots, just create a `<ul>` tag and target the desired slot:\n\n`<ul slot=\"main\">...</ul>`\n\n`<ul slot=\"aside\">...</ul>`"
+      },
+      "attributes": [
+        {
+          "name": "is-nav-open-at-startup",
+          "description": ""
+        },
+        {
+          "name": "nav-control",
+          "description": ""
+        }
+      ]
+    }
+  ]
+}