@spectric/ui 0.0.4 → 0.0.6

package/dist/custom-elements.json

@@ -0,0 +1,1919 @@
+{
+  "version": 1,
+  "tags": [
+    {
+      "name": "spectric-banner",
+      "description": "Events:\n\n  * `bannerDismissed` {`CustomEvent<BannerProps>`} - \n\nSlots:\n\n  * `text` {} - Banner Text content\n\nAttributes:\n\n  * `bannerId` {`string | undefined`} - What is returned in the event details when a banner is dismissed\n\n  * `text` {`string | undefined`} - Banner Text to display\n\n  * `headerStyle` {`StyleInfo | undefined`} - What background color to use\n\n  * `dismissable` {`boolean`} - Can be dismissed\n\nProperties:\n\n  * `_dismissed` {`boolean`} - \n\n  * `onDismiss` - \n\n  * `bannerId` {`string | undefined`} - What is returned in the event details when a banner is dismissed\n\n  * `text` {`string | undefined`} - Banner Text to display\n\n  * `headerStyle` {`StyleInfo | undefined`} - What background color to use\n\n  * `dismissable` {`boolean`} - Can be dismissed",
+      "attributes": [
+        {
+          "name": "bannerId",
+          "description": "`bannerId` {`string | undefined`} - What is returned in the event details when a banner is dismissed\n\nProperty: bannerId\n\nDefault: ",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "`text` {`string | undefined`} - Banner Text to display\n\nProperty: text\n\nDefault: ",
+          "values": []
+        },
+        {
+          "name": "headerStyle",
+          "description": "`headerStyle` {`StyleInfo | undefined`} - What background color to use\n\nProperty: headerStyle\n\nDefault: [object Object]",
+          "values": []
+        },
+        {
+          "name": "dismissable",
+          "description": "`dismissable` {`boolean`} - Can be dismissed\n\nProperty: dismissable\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "onbannerDismissed",
+          "description": "`bannerDismissed` {`CustomEvent<BannerProps>`} - "
+        }
+      ]
+    },
+    {
+      "name": "spectric-bit-display",
+      "description": "Events:\n\n  * `bitMousemove` {} - emits BitDisplayMouseEvent on mousemove over the canvas\n\n  * `bitClick` {} - emits BitDisplayMouseEvent on mouse click on the canvas\n\n  * `bitDblclick` {} - emits BitDisplayMouseEvent on mouse double click on the canvas\n\n  * `bitMousedown` {} - emits BitDisplayMouseEvent on mouse down onthe canvas\n\n  * `bitMouseup` {} - emits BitDisplayMouseEvent on mouse up on the canvas\n\n  * `bitContextmenu` {} - emits BitDisplayMouseEvent on mouse right click on the canvas\n\nAttributes:\n\n  * `frameWidth` {`number`} - Bits per line\n\n  * `scale` {`number`} - How many pixels per bit\n\n  * `width` {`number`} - Width of the display canvas\n\n  * `height` {`number`} - Height of the display canvas\n\nProperties:\n\n  * `styles` {`CSSResult`} - \n\n  * `state` {`{ scale?: number | undefined; }`} - \n\n  * `yStart` {`number`} - \n\n  * `xStart` {`number`} - \n\n  * `_canvas` {`Promise<HTMLCanvasElement>`} - \n\n  * `refs` {`{ viewport: Ref<HTMLDivElement>; canvas: Ref<HTMLCanvasElement>; scrollDiv: Ref<HTMLDivElement>; }`} - \n\n  * `_bitArray` - \n\n  * `color` {`string`} - \n\n  * `onThemeChange` - \n\n  * `onResize` - \n\n  * `handleScroll` - \n\n  * `resizeObserver` {`ResizeObserver & IDisposable`} - \n\n  * `arrayBuffer` {`ArrayBuffer`} - Array buffer to display\n\n  * `frameWidth` {`number`} - Bits per line\n\n  * `scale` {`number`} - How many pixels per bit\n\n  * `width` {`number`} - Width of the display canvas\n\n  * `height` {`number`} - Height of the display canvas\n\n  * `_disposables` {`Set<IDisposable>`} - \n\n  * `_isDisposed` {`boolean`} - \n\n  * `_disposableListeners` {`{ target: HTMLElement | Promise<HTMLElement>; event: string; handler: any; }[]`} - \n\n  * `_connected` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "frameWidth",
+          "description": "`frameWidth` {`number`} - Bits per line\n\nProperty: frameWidth\n\nDefault: 100"
+        },
+        {
+          "name": "scale",
+          "description": "`scale` {`number`} - How many pixels per bit\n\nProperty: scale\n\nDefault: 1"
+        },
+        {
+          "name": "width",
+          "description": "`width` {`number`} - Width of the display canvas\n\nProperty: width\n\nDefault: 200"
+        },
+        {
+          "name": "height",
+          "description": "`height` {`number`} - Height of the display canvas\n\nProperty: height\n\nDefault: 200"
+        },
+        {
+          "name": "onbitMousemove",
+          "description": "`bitMousemove` {} - emits BitDisplayMouseEvent on mousemove over the canvas"
+        },
+        {
+          "name": "onbitClick",
+          "description": "`bitClick` {} - emits BitDisplayMouseEvent on mouse click on the canvas"
+        },
+        {
+          "name": "onbitDblclick",
+          "description": "`bitDblclick` {} - emits BitDisplayMouseEvent on mouse double click on the canvas"
+        },
+        {
+          "name": "onbitMousedown",
+          "description": "`bitMousedown` {} - emits BitDisplayMouseEvent on mouse down onthe canvas"
+        },
+        {
+          "name": "onbitMouseup",
+          "description": "`bitMouseup` {} - emits BitDisplayMouseEvent on mouse up on the canvas"
+        },
+        {
+          "name": "onbitContextmenu",
+          "description": "`bitContextmenu` {} - emits BitDisplayMouseEvent on mouse right click on the canvas"
+        }
+      ]
+    },
+    {
+      "name": "spectric-button",
+      "description": "Events:\n\n  * `click` {`CustomEvent<MouseEvent>`} - \n\nAttributes:\n\n  * `variant` {`\"text\" | \"primary\" | \"secondary\"`} - Is this the principal call to action on the page?\n\n  * `backgroundColor` {`string | undefined`} - What background color to use\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - How large should the button be?\n\n  * `label` {`string | undefined`} - \n\n  * `disabled` {`boolean`} - \n\n  * `danger` {`boolean`} - \n\nProperties:\n\n  * `styles` {`CSSResultGroup | undefined`} - \n\n  * `_onClick` - \n\n  * `variant` {`\"text\" | \"primary\" | \"secondary\"`} - Is this the principal call to action on the page?\n\n  * `backgroundColor` {`string | undefined`} - What background color to use\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - How large should the button be?\n\n  * `label` {`string | undefined`} - \n\n  * `disabled` {`boolean`} - \n\n  * `danger` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "`variant` {`\"text\" | \"primary\" | \"secondary\"`} - Is this the principal call to action on the page?\n\nProperty: variant\n\nDefault: primary",
+          "values": [
+            {
+              "name": "text"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            }
+          ]
+        },
+        {
+          "name": "backgroundColor",
+          "description": "`backgroundColor` {`string | undefined`} - What background color to use\n\nProperty: backgroundColor",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - How large should the button be?\n\nProperty: size\n\nDefault: large",
+          "values": [
+            {
+              "name": "small"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "large"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string | undefined`} - \n\nProperty: label\n\nDefault: ",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "danger",
+          "description": "`danger` {`boolean`} - \n\nProperty: danger\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "onclick",
+          "description": "`click` {`CustomEvent<MouseEvent>`} - "
+        }
+      ]
+    },
+    {
+      "name": "spectric-header",
+      "description": "Events:\n\n  * `logout` {`CustomEvent<unknown>`} - \n\n  * `login` {`CustomEvent<unknown>`} - \n\n  * `createAccount` {`CustomEvent<unknown>`} - \n\nSlots:\n\n  * `name` {} - Main name of the application\n\n  * `branding` {} - Slot to the left of the title typically used for app icons, and/or dropdown navigation menus.\n\n  * `center` {} - Slot in the center of the header.\n\n  * `end` {} - slot right of login/out buttons\n\nAttributes:\n\n  * `username` {`string`} - \n\n  * `showLoginButton` {`boolean`} - Shows the login Button\n\n  * `showCreateAccount` {`boolean`} - Shows the create account Button when not logged in\n\nProperties:\n\n  * `styles` {`CSSResult`} - \n\n  * `onLogout` - \n\n  * `onLogin` - \n\n  * `onCreateAccount` - \n\n  * `username` {`string`} - \n\n  * `showLoginButton` {`boolean`} - Shows the login Button\n\n  * `showCreateAccount` {`boolean`} - Shows the create account Button when not logged in",
+      "attributes": [
+        {
+          "name": "username",
+          "description": "`username` {`string`} - \n\nProperty: username\n\nDefault: "
+        },
+        {
+          "name": "showLoginButton",
+          "description": "`showLoginButton` {`boolean`} - Shows the login Button\n\nProperty: showLoginButton\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "showCreateAccount",
+          "description": "`showCreateAccount` {`boolean`} - Shows the create account Button when not logged in\n\nProperty: showCreateAccount\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "onlogout",
+          "description": "`logout` {`CustomEvent<unknown>`} - "
+        },
+        {
+          "name": "onlogin",
+          "description": "`login` {`CustomEvent<unknown>`} - "
+        },
+        {
+          "name": "oncreateAccount",
+          "description": "`createAccount` {`CustomEvent<unknown>`} - "
+        }
+      ]
+    },
+    {
+      "name": "spectric-page",
+      "description": "Spectric page is a basic component that will put all content into an area that expands to fill the whole screen. It calculates the size of the banners and headers for you.\n\nIt exposes css properties to style all the spectric compenents  contained within\n\nThis component does not fire any events directly but sub components do. See HeaderEventMap & ThemeEventMap & BannerEventMap for full list of events\n\nSlots:\n\n  * ` ` {} - Main content\n\n  * `content` {} - Main content\n\n  * `name` {} - Main name of the application\n\n  * `branding` {} - Slot to the left of the title typically used for app icons, and/or dropdown navigation menus.\n\n  * `center` {} - Slot in the center of the header.\n\n  * `end` {} - slot right of login/out buttons\n\nAttributes:\n\n  * `theme` {`\"undefined\" | \"light\" | \"dark\" | \"spectric\" | \"spectricFlat\" | undefined`} - If a theme other than light is provided that will be used ad css properties will be ignored\n\n  * `showHeader` {`boolean`} - \n\n  * `headerSticky` {`boolean`} - Will control if the top navbar will stay at the top or scroll with the main content\n\n  * `classificationLevel` {`\"none\" | \"us.cui\" | \"us.classified\" | \"us.unclassified\" | \"us.confidential\" | \"us.secret\" | \"us.topsecret\" | \"us.topsecret.si\" | \"uk.notset\" | \"uk.official\" | \"uk.secret\" | ... 13 more ... | undefined`} - \n\n  * `classificationText` {`string`} - Overrides the default classification banner text\n\n  * `notifications` {`BannerProps[]`} - \n\n  * `username` {`string`} - \n\n  * `showLoginButton` {`boolean`} - Shows the login Button\n\n  * `showCreateAccount` {`boolean`} - Shows the create account Button when not logged in\n\nProperties:\n\n  * `styles` {`CSSResultGroup | undefined`} - \n\n  * `theme` {`\"undefined\" | \"light\" | \"dark\" | \"spectric\" | \"spectricFlat\" | undefined`} - If a theme other than light is provided that will be used ad css properties will be ignored\n\n  * `showHeader` {`boolean`} - \n\n  * `headerSticky` {`boolean`} - Will control if the top navbar will stay at the top or scroll with the main content\n\n  * `classificationLevel` {`\"none\" | \"us.cui\" | \"us.classified\" | \"us.unclassified\" | \"us.confidential\" | \"us.secret\" | \"us.topsecret\" | \"us.topsecret.si\" | \"uk.notset\" | \"uk.official\" | \"uk.secret\" | ... 13 more ... | undefined`} - \n\n  * `classificationText` {`string`} - Overrides the default classification banner text\n\n  * `notifications` {`BannerProps[]`} - \n\n  * `username` {`string`} - \n\n  * `showLoginButton` {`boolean`} - Shows the login Button\n\n  * `showCreateAccount` {`boolean`} - Shows the create account Button when not logged in",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "`theme` {`\"undefined\" | \"light\" | \"dark\" | \"spectric\" | \"spectricFlat\" | undefined`} - If a theme other than light is provided that will be used ad css properties will be ignored\n\nProperty: theme",
+          "values": [
+            {
+              "name": "undefined"
+            },
+            {
+              "name": "light"
+            },
+            {
+              "name": "dark"
+            },
+            {
+              "name": "spectric"
+            },
+            {
+              "name": "spectricFlat"
+            }
+          ]
+        },
+        {
+          "name": "showHeader",
+          "description": "`showHeader` {`boolean`} - \n\nProperty: showHeader\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "headerSticky",
+          "description": "`headerSticky` {`boolean`} - Will control if the top navbar will stay at the top or scroll with the main content\n\nProperty: headerSticky\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "classificationLevel",
+          "description": "`classificationLevel` {`\"none\" | \"us.cui\" | \"us.classified\" | \"us.unclassified\" | \"us.confidential\" | \"us.secret\" | \"us.topsecret\" | \"us.topsecret.si\" | \"uk.notset\" | \"uk.official\" | \"uk.secret\" | ... 13 more ... | undefined`} - \n\nProperty: classificationLevel\n\nDefault: none",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "us.cui"
+            },
+            {
+              "name": "us.classified"
+            },
+            {
+              "name": "us.unclassified"
+            },
+            {
+              "name": "us.confidential"
+            },
+            {
+              "name": "us.secret"
+            },
+            {
+              "name": "us.topsecret"
+            },
+            {
+              "name": "us.topsecret.si"
+            },
+            {
+              "name": "uk.notset"
+            },
+            {
+              "name": "uk.official"
+            },
+            {
+              "name": "uk.secret"
+            },
+            {
+              "name": "uk.topsecret"
+            },
+            {
+              "name": "ca.protected_a"
+            },
+            {
+              "name": "ca.protected_b"
+            },
+            {
+              "name": "ca.protected_c"
+            },
+            {
+              "name": "ca.confidential"
+            },
+            {
+              "name": "ca.secret"
+            },
+            {
+              "name": "ca.topsecret"
+            },
+            {
+              "name": "au.unofficial"
+            },
+            {
+              "name": "au.official"
+            },
+            {
+              "name": "au.officialsensitive"
+            },
+            {
+              "name": "au.confidential"
+            },
+            {
+              "name": "au.secret"
+            },
+            {
+              "name": "au.topsecret"
+            }
+          ]
+        },
+        {
+          "name": "classificationText",
+          "description": "`classificationText` {`string`} - Overrides the default classification banner text\n\nProperty: classificationText\n\nDefault: "
+        },
+        {
+          "name": "notifications",
+          "description": "`notifications` {`BannerProps[]`} - \n\nProperty: notifications\n\nDefault: "
+        },
+        {
+          "name": "username",
+          "description": "`username` {`string`} - \n\nProperty: username\n\nDefault: "
+        },
+        {
+          "name": "showLoginButton",
+          "description": "`showLoginButton` {`boolean`} - Shows the login Button\n\nProperty: showLoginButton\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "showCreateAccount",
+          "description": "`showCreateAccount` {`boolean`} - Shows the create account Button when not logged in\n\nProperty: showCreateAccount\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
+    },
+    {
+      "name": "spectric-panel",
+      "description": "Spectric Panel visually seperates content areas and automatically adjusts the component colors that are nested inside.\n\nEvents:\n\n  * `use-layer` {`CustomEvent<{ layer: this; level: number; }>`} - \n\nAttributes:\n\n  * `level` {`number`} - Specify the layer level and override any existing levels based on hierarchy\n\nProperties:\n\n  * `styles` {`CSSResultGroup | undefined`} - \n\n  * `level` {`number`} - Specify the layer level and override any existing levels based on hierarchy\n\n  * `layers` {`NodeListOf<SpectricPanel> | undefined`} - ",
+      "attributes": [
+        {
+          "name": "level",
+          "description": "`level` {`number`} - Specify the layer level and override any existing levels based on hierarchy\n\nProperty: level\n\nDefault: 0"
+        },
+        {
+          "name": "onuse-layer",
+          "description": "`use-layer` {`CustomEvent<{ layer: this; level: number; }>`} - "
+        }
+      ]
+    },
+    {
+      "name": "spectric-theme",
+      "description": "Events:\n\n  * `theme-change` {`CustomEvent<ThemeChangeEvent>`} - \n\nAttributes:\n\n  * `theme` {`\"undefined\" | \"light\" | \"dark\" | \"spectric\" | \"spectricFlat\"`} - \n\nProperties:\n\n  * `styles` {`CSSResultGroup | undefined`} - \n\n  * `theme` {`\"undefined\" | \"light\" | \"dark\" | \"spectric\" | \"spectricFlat\"`} - ",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "`theme` {`\"undefined\" | \"light\" | \"dark\" | \"spectric\" | \"spectricFlat\"`} - \n\nProperty: theme\n\nDefault: undefined",
+          "values": [
+            {
+              "name": "undefined"
+            },
+            {
+              "name": "light"
+            },
+            {
+              "name": "dark"
+            },
+            {
+              "name": "spectric"
+            },
+            {
+              "name": "spectricFlat"
+            }
+          ]
+        },
+        {
+          "name": "ontheme-change",
+          "description": "`theme-change` {`CustomEvent<ThemeChangeEvent>`} - "
+        }
+      ]
+    },
+    {
+      "name": "spectric-dialog",
+      "description": "Dialog Element\n\nEvents:\n\n  * `close` {`CustomEvent<unknown>`} - \n\nSlots:\n\n  * `title` {} - sets the title of the dialog attribute/property can also be use for setting the title to a string\n\nAttributes:\n\n  * `open` {`boolean`} - \n\n  * `dismissable` {`boolean`} - \n\n  * `hideBackdrop` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `closeOnEscape` {`boolean`} - \n\n  * `closeOnOutsideClick` {`boolean`} - \n\nProperties:\n\n  * `styles` {`CSSResultGroup`} - \n\n  * `dialogElement` {`Promise<HTMLDialogElement>`} - \n\n  * `clickHandler` - \n\n  * `_handleKeyDown` - \n\n  * `_onClose` - \n\n  * `open` {`boolean`} - \n\n  * `dismissable` {`boolean`} - \n\n  * `hideBackdrop` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `closeOnEscape` {`boolean`} - \n\n  * `closeOnOutsideClick` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "dismissable",
+          "description": "`dismissable` {`boolean`} - \n\nProperty: dismissable\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "hideBackdrop",
+          "description": "`hideBackdrop` {`boolean`} - \n\nProperty: hideBackdrop\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "title",
+          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: "
+        },
+        {
+          "name": "closeOnEscape",
+          "description": "`closeOnEscape` {`boolean`} - \n\nProperty: closeOnEscape\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "closeOnOutsideClick",
+          "description": "`closeOnOutsideClick` {`boolean`} - \n\nProperty: closeOnOutsideClick\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "onclose",
+          "description": "`close` {`CustomEvent<unknown>`} - "
+        }
+      ]
+    },
+    {
+      "name": "spectric-input",
+      "description": "Events:\n\n  * `change` {`Event`} - \n\nAttributes:\n\n  * `hidePasswordLabel` {`string`} - \"Hide password\" tooltip text on password visibility toggle\n\n  * `showPasswordLabel` {`string`} - \"Show password\" tooltip text on password visibility toggle\n\n  * `value` {`string | number | boolean`} - The value of the input.\n\n  * `variant` {`\"number\" | \"text\" | \"text-area\" | \"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"password\"`} - Input type\n\n  * `label` {`string`} - Label to display above the input\n\n  * `placeholder` {`string`} - placeholder text to display\n\n  * `disabled` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `helperText` {`string`} - The helper text.\n\n  * `invalid` {`boolean`} - Specify if the currently value is invalid.\n\n  * `invalidText` {`string | TemplateResult<1>`} - Message which is displayed if the value is invalid.\n\n  * `maxCount` {`number`} - Max character count allowed for input. This is needed in order for enableCounter to display\n\n  * `required` {`boolean`} - Boolean property to set the required status\n\n  * `showPasswordVisibilityToggle` {`boolean`} - Boolean property to render password visibility toggle\n\n  * `name` {`string`} - Name for the input used for form data events //TODO make sure this works\n\n  * `pattern` {`string`} - Pattern to validate the input against for HTML validity checking\n\n  * `autocomplete` {`AutoFill`} - The sets the autocomplete for the input.\n\nProperties:\n\n  * `hidePasswordLabel` {`string`} - \"Hide password\" tooltip text on password visibility toggle\n\n  * `showPasswordLabel` {`string`} - \"Show password\" tooltip text on password visibility toggle\n\n  * `_value` {`string | number | boolean`} - The internal value.\n\n  * `_showPassword` {`boolean`} - \n\n  * `selectionStart` {`number | null`} - \n\n  * `value` {`string | number | boolean`} - The value of the input.\n\n  * `_handleInput` - Handles `oninput` event on the `<input>`.\n\n  * `_input` {`HTMLInputElement`} - The underlying input element\n\n  * `handleTogglePasswordVisibility` - \n\n  * `variant` {`\"number\" | \"text\" | \"text-area\" | \"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"password\"`} - Input type\n\n  * `label` {`string`} - Label to display above the input\n\n  * `placeholder` {`string`} - placeholder text to display\n\n  * `disabled` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `helperText` {`string`} - The helper text.\n\n  * `invalid` {`boolean`} - Specify if the currently value is invalid.\n\n  * `invalidText` {`string | TemplateResult<1>`} - Message which is displayed if the value is invalid.\n\n  * `maxCount` {`number`} - Max character count allowed for input. This is needed in order for enableCounter to display\n\n  * `required` {`boolean`} - Boolean property to set the required status\n\n  * `showPasswordVisibilityToggle` {`boolean`} - Boolean property to render password visibility toggle\n\n  * `name` {`string`} - Name for the input used for form data events //TODO make sure this works\n\n  * `pattern` {`string`} - Pattern to validate the input against for HTML validity checking\n\n  * `autocomplete` {`AutoFill`} - The sets the autocomplete for the input.",
+      "attributes": [
+        {
+          "name": "hidePasswordLabel",
+          "description": "`hidePasswordLabel` {`string`} - \"Hide password\" tooltip text on password visibility toggle\n\nProperty: hidePasswordLabel\n\nDefault: Hide"
+        },
+        {
+          "name": "showPasswordLabel",
+          "description": "`showPasswordLabel` {`string`} - \"Show password\" tooltip text on password visibility toggle\n\nProperty: showPasswordLabel\n\nDefault: Show"
+        },
+        {
+          "name": "value",
+          "description": "`value` {`string | number | boolean`} - The value of the input.\n\nProperty: value",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`\"number\" | \"text\" | \"text-area\" | \"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"password\"`} - Input type\n\nProperty: variant\n\nDefault: text",
+          "values": [
+            {
+              "name": "number"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "text-area"
+            },
+            {
+              "name": "color"
+            },
+            {
+              "name": "date"
+            },
+            {
+              "name": "datetime-local"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "hidden"
+            },
+            {
+              "name": "password"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - Label to display above the input\n\nProperty: label\n\nDefault: "
+        },
+        {
+          "name": "placeholder",
+          "description": "`placeholder` {`string`} - placeholder text to display\n\nProperty: placeholder\n\nDefault: "
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {`boolean`} - \n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "helperText",
+          "description": "`helperText` {`string`} - The helper text.\n\nProperty: helperText\n\nDefault: "
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Specify if the currently value is invalid.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalidText",
+          "description": "`invalidText` {`string | TemplateResult<1>`} - Message which is displayed if the value is invalid.\n\nProperty: invalidText\n\nDefault: ",
+          "values": []
+        },
+        {
+          "name": "maxCount",
+          "description": "`maxCount` {`number`} - Max character count allowed for input. This is needed in order for enableCounter to display\n\nProperty: maxCount\n\nDefault: 0"
+        },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - Boolean property to set the required status\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "showPasswordVisibilityToggle",
+          "description": "`showPasswordVisibilityToggle` {`boolean`} - Boolean property to render password visibility toggle\n\nProperty: showPasswordVisibilityToggle\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - Name for the input used for form data events //TODO make sure this works\n\nProperty: name\n\nDefault: "
+        },
+        {
+          "name": "pattern",
+          "description": "`pattern` {`string`} - Pattern to validate the input against for HTML validity checking\n\nProperty: pattern\n\nDefault: "
+        },
+        {
+          "name": "autocomplete",
+          "description": "`autocomplete` {`AutoFill`} - The sets the autocomplete for the input.\n\nProperty: autocomplete\n\nDefault: ",
+          "values": [
+            {
+              "name": ""
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "off"
+            },
+            {
+              "name": "on"
+            },
+            {
+              "name": "additional-name"
+            },
+            {
+              "name": "address-level1"
+            },
+            {
+              "name": "address-level2"
+            },
+            {
+              "name": "address-level3"
+            },
+            {
+              "name": "address-level4"
+            },
+            {
+              "name": "address-line1"
+            },
+            {
+              "name": "address-line2"
+            },
+            {
+              "name": "address-line3"
+            },
+            {
+              "name": "bday-day"
+            },
+            {
+              "name": "bday-month"
+            },
+            {
+              "name": "bday-year"
+            },
+            {
+              "name": "cc-csc"
+            },
+            {
+              "name": "cc-exp"
+            },
+            {
+              "name": "cc-exp-month"
+            },
+            {
+              "name": "cc-exp-year"
+            },
+            {
+              "name": "cc-family-name"
+            },
+            {
+              "name": "cc-given-name"
+            },
+            {
+              "name": "cc-name"
+            },
+            {
+              "name": "cc-number"
+            },
+            {
+              "name": "cc-type"
+            },
+            {
+              "name": "country"
+            },
+            {
+              "name": "country-name"
+            },
+            {
+              "name": "current-password"
+            },
+            {
+              "name": "family-name"
+            },
+            {
+              "name": "given-name"
+            },
+            {
+              "name": "honorific-prefix"
+            },
+            {
+              "name": "honorific-suffix"
+            },
+            {
+              "name": "name"
+            },
+            {
+              "name": "new-password"
+            },
+            {
+              "name": "one-time-code"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "postal-code"
+            },
+            {
+              "name": "street-address"
+            },
+            {
+              "name": "transaction-amount"
+            },
+            {
+              "name": "transaction-currency"
+            },
+            {
+              "name": "username"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "tel-area-code"
+            },
+            {
+              "name": "tel-country-code"
+            },
+            {
+              "name": "tel-extension"
+            },
+            {
+              "name": "tel-local"
+            },
+            {
+              "name": "tel-local-prefix"
+            },
+            {
+              "name": "tel-local-suffix"
+            },
+            {
+              "name": "tel-national"
+            },
+            {
+              "name": "home email"
+            },
+            {
+              "name": "home tel"
+            },
+            {
+              "name": "home tel-area-code"
+            },
+            {
+              "name": "home tel-country-code"
+            },
+            {
+              "name": "home tel-extension"
+            },
+            {
+              "name": "home tel-local"
+            },
+            {
+              "name": "home tel-local-prefix"
+            },
+            {
+              "name": "home tel-local-suffix"
+            },
+            {
+              "name": "home tel-national"
+            },
+            {
+              "name": "mobile email"
+            },
+            {
+              "name": "mobile tel"
+            },
+            {
+              "name": "mobile tel-area-code"
+            },
+            {
+              "name": "mobile tel-country-code"
+            },
+            {
+              "name": "mobile tel-extension"
+            },
+            {
+              "name": "mobile tel-local"
+            },
+            {
+              "name": "mobile tel-local-prefix"
+            },
+            {
+              "name": "mobile tel-local-suffix"
+            },
+            {
+              "name": "mobile tel-national"
+            },
+            {
+              "name": "work email"
+            },
+            {
+              "name": "work tel"
+            },
+            {
+              "name": "work tel-area-code"
+            },
+            {
+              "name": "work tel-country-code"
+            },
+            {
+              "name": "work tel-extension"
+            },
+            {
+              "name": "work tel-local"
+            },
+            {
+              "name": "work tel-local-prefix"
+            },
+            {
+              "name": "work tel-local-suffix"
+            },
+            {
+              "name": "work tel-national"
+            },
+            {
+              "name": "additional-name webauthn"
+            },
+            {
+              "name": "address-level1 webauthn"
+            },
+            {
+              "name": "address-level2 webauthn"
+            },
+            {
+              "name": "address-level3 webauthn"
+            },
+            {
+              "name": "address-level4 webauthn"
+            },
+            {
+              "name": "address-line1 webauthn"
+            },
+            {
+              "name": "address-line2 webauthn"
+            },
+            {
+              "name": "address-line3 webauthn"
+            },
+            {
+              "name": "bday-day webauthn"
+            },
+            {
+              "name": "bday-month webauthn"
+            },
+            {
+              "name": "bday-year webauthn"
+            },
+            {
+              "name": "cc-csc webauthn"
+            },
+            {
+              "name": "cc-exp webauthn"
+            },
+            {
+              "name": "cc-exp-month webauthn"
+            },
+            {
+              "name": "cc-exp-year webauthn"
+            },
+            {
+              "name": "cc-family-name webauthn"
+            },
+            {
+              "name": "cc-given-name webauthn"
+            },
+            {
+              "name": "cc-name webauthn"
+            },
+            {
+              "name": "cc-number webauthn"
+            },
+            {
+              "name": "cc-type webauthn"
+            },
+            {
+              "name": "country webauthn"
+            },
+            {
+              "name": "country-name webauthn"
+            },
+            {
+              "name": "current-password webauthn"
+            },
+            {
+              "name": "family-name webauthn"
+            },
+            {
+              "name": "given-name webauthn"
+            },
+            {
+              "name": "honorific-prefix webauthn"
+            },
+            {
+              "name": "honorific-suffix webauthn"
+            },
+            {
+              "name": "name webauthn"
+            },
+            {
+              "name": "new-password webauthn"
+            },
+            {
+              "name": "one-time-code webauthn"
+            },
+            {
+              "name": "organization webauthn"
+            },
+            {
+              "name": "postal-code webauthn"
+            },
+            {
+              "name": "street-address webauthn"
+            },
+            {
+              "name": "transaction-amount webauthn"
+            },
+            {
+              "name": "transaction-currency webauthn"
+            },
+            {
+              "name": "username webauthn"
+            },
+            {
+              "name": "email webauthn"
+            },
+            {
+              "name": "tel webauthn"
+            },
+            {
+              "name": "tel-area-code webauthn"
+            },
+            {
+              "name": "tel-country-code webauthn"
+            },
+            {
+              "name": "tel-extension webauthn"
+            },
+            {
+              "name": "tel-local webauthn"
+            },
+            {
+              "name": "tel-local-prefix webauthn"
+            },
+            {
+              "name": "tel-local-suffix webauthn"
+            },
+            {
+              "name": "tel-national webauthn"
+            },
+            {
+              "name": "home email webauthn"
+            },
+            {
+              "name": "home tel webauthn"
+            },
+            {
+              "name": "home tel-area-code webauthn"
+            },
+            {
+              "name": "home tel-country-code webauthn"
+            },
+            {
+              "name": "home tel-extension webauthn"
+            },
+            {
+              "name": "home tel-local webauthn"
+            },
+            {
+              "name": "home tel-local-prefix webauthn"
+            },
+            {
+              "name": "home tel-local-suffix webauthn"
+            },
+            {
+              "name": "home tel-national webauthn"
+            },
+            {
+              "name": "mobile email webauthn"
+            },
+            {
+              "name": "mobile tel webauthn"
+            },
+            {
+              "name": "mobile tel-area-code webauthn"
+            },
+            {
+              "name": "mobile tel-country-code webauthn"
+            },
+            {
+              "name": "mobile tel-extension webauthn"
+            },
+            {
+              "name": "mobile tel-local webauthn"
+            },
+            {
+              "name": "mobile tel-local-prefix webauthn"
+            },
+            {
+              "name": "mobile tel-local-suffix webauthn"
+            },
+            {
+              "name": "mobile tel-national webauthn"
+            },
+            {
+              "name": "work email webauthn"
+            },
+            {
+              "name": "work tel webauthn"
+            },
+            {
+              "name": "work tel-area-code webauthn"
+            },
+            {
+              "name": "work tel-country-code webauthn"
+            },
+            {
+              "name": "work tel-extension webauthn"
+            },
+            {
+              "name": "work tel-local webauthn"
+            },
+            {
+              "name": "work tel-local-prefix webauthn"
+            },
+            {
+              "name": "work tel-local-suffix webauthn"
+            },
+            {
+              "name": "work tel-national webauthn"
+            },
+            {
+              "name": "billing additional-name"
+            },
+            {
+              "name": "billing additional-name webauthn"
+            },
+            {
+              "name": "billing address-level1"
+            },
+            {
+              "name": "billing address-level1 webauthn"
+            },
+            {
+              "name": "billing address-level2"
+            },
+            {
+              "name": "billing address-level2 webauthn"
+            },
+            {
+              "name": "billing address-level3"
+            },
+            {
+              "name": "billing address-level3 webauthn"
+            },
+            {
+              "name": "billing address-level4"
+            },
+            {
+              "name": "billing address-level4 webauthn"
+            },
+            {
+              "name": "billing address-line1"
+            },
+            {
+              "name": "billing address-line1 webauthn"
+            },
+            {
+              "name": "billing address-line2"
+            },
+            {
+              "name": "billing address-line2 webauthn"
+            },
+            {
+              "name": "billing address-line3"
+            },
+            {
+              "name": "billing address-line3 webauthn"
+            },
+            {
+              "name": "billing bday-day"
+            },
+            {
+              "name": "billing bday-day webauthn"
+            },
+            {
+              "name": "billing bday-month"
+            },
+            {
+              "name": "billing bday-month webauthn"
+            },
+            {
+              "name": "billing bday-year"
+            },
+            {
+              "name": "billing bday-year webauthn"
+            },
+            {
+              "name": "billing cc-csc"
+            },
+            {
+              "name": "billing cc-csc webauthn"
+            },
+            {
+              "name": "billing cc-exp"
+            },
+            {
+              "name": "billing cc-exp webauthn"
+            },
+            {
+              "name": "billing cc-exp-month"
+            },
+            {
+              "name": "billing cc-exp-month webauthn"
+            },
+            {
+              "name": "billing cc-exp-year"
+            },
+            {
+              "name": "billing cc-exp-year webauthn"
+            },
+            {
+              "name": "billing cc-family-name"
+            },
+            {
+              "name": "billing cc-family-name webauthn"
+            },
+            {
+              "name": "billing cc-given-name"
+            },
+            {
+              "name": "billing cc-given-name webauthn"
+            },
+            {
+              "name": "billing cc-name"
+            },
+            {
+              "name": "billing cc-name webauthn"
+            },
+            {
+              "name": "billing cc-number"
+            },
+            {
+              "name": "billing cc-number webauthn"
+            },
+            {
+              "name": "billing cc-type"
+            },
+            {
+              "name": "billing cc-type webauthn"
+            },
+            {
+              "name": "billing country"
+            },
+            {
+              "name": "billing country webauthn"
+            },
+            {
+              "name": "billing country-name"
+            },
+            {
+              "name": "billing country-name webauthn"
+            },
+            {
+              "name": "billing current-password"
+            },
+            {
+              "name": "billing current-password webauthn"
+            },
+            {
+              "name": "billing family-name"
+            },
+            {
+              "name": "billing family-name webauthn"
+            },
+            {
+              "name": "billing given-name"
+            },
+            {
+              "name": "billing given-name webauthn"
+            },
+            {
+              "name": "billing honorific-prefix"
+            },
+            {
+              "name": "billing honorific-prefix webauthn"
+            },
+            {
+              "name": "billing honorific-suffix"
+            },
+            {
+              "name": "billing honorific-suffix webauthn"
+            },
+            {
+              "name": "billing name"
+            },
+            {
+              "name": "billing name webauthn"
+            },
+            {
+              "name": "billing new-password"
+            },
+            {
+              "name": "billing new-password webauthn"
+            },
+            {
+              "name": "billing one-time-code"
+            },
+            {
+              "name": "billing one-time-code webauthn"
+            },
+            {
+              "name": "billing organization"
+            },
+            {
+              "name": "billing organization webauthn"
+            },
+            {
+              "name": "billing postal-code"
+            },
+            {
+              "name": "billing postal-code webauthn"
+            },
+            {
+              "name": "billing street-address"
+            },
+            {
+              "name": "billing street-address webauthn"
+            },
+            {
+              "name": "billing transaction-amount"
+            },
+            {
+              "name": "billing transaction-amount webauthn"
+            },
+            {
+              "name": "billing transaction-currency"
+            },
+            {
+              "name": "billing transaction-currency webauthn"
+            },
+            {
+              "name": "billing username"
+            },
+            {
+              "name": "billing username webauthn"
+            },
+            {
+              "name": "billing email"
+            },
+            {
+              "name": "billing email webauthn"
+            },
+            {
+              "name": "billing tel"
+            },
+            {
+              "name": "billing tel webauthn"
+            },
+            {
+              "name": "billing tel-area-code"
+            },
+            {
+              "name": "billing tel-area-code webauthn"
+            },
+            {
+              "name": "billing tel-country-code"
+            },
+            {
+              "name": "billing tel-country-code webauthn"
+            },
+            {
+              "name": "billing tel-extension"
+            },
+            {
+              "name": "billing tel-extension webauthn"
+            },
+            {
+              "name": "billing tel-local"
+            },
+            {
+              "name": "billing tel-local webauthn"
+            },
+            {
+              "name": "billing tel-local-prefix"
+            },
+            {
+              "name": "billing tel-local-prefix webauthn"
+            },
+            {
+              "name": "billing tel-local-suffix"
+            },
+            {
+              "name": "billing tel-local-suffix webauthn"
+            },
+            {
+              "name": "billing tel-national"
+            },
+            {
+              "name": "billing tel-national webauthn"
+            },
+            {
+              "name": "billing home email"
+            },
+            {
+              "name": "billing home email webauthn"
+            },
+            {
+              "name": "billing home tel"
+            },
+            {
+              "name": "billing home tel webauthn"
+            },
+            {
+              "name": "billing home tel-area-code"
+            },
+            {
+              "name": "billing home tel-area-code webauthn"
+            },
+            {
+              "name": "billing home tel-country-code"
+            },
+            {
+              "name": "billing home tel-country-code webauthn"
+            },
+            {
+              "name": "billing home tel-extension"
+            },
+            {
+              "name": "billing home tel-extension webauthn"
+            },
+            {
+              "name": "billing home tel-local"
+            },
+            {
+              "name": "billing home tel-local webauthn"
+            },
+            {
+              "name": "billing home tel-local-prefix"
+            },
+            {
+              "name": "billing home tel-local-prefix webauthn"
+            },
+            {
+              "name": "billing home tel-local-suffix"
+            },
+            {
+              "name": "billing home tel-local-suffix webauthn"
+            },
+            {
+              "name": "billing home tel-national"
+            },
+            {
+              "name": "billing home tel-national webauthn"
+            },
+            {
+              "name": "billing mobile email"
+            },
+            {
+              "name": "billing mobile email webauthn"
+            },
+            {
+              "name": "billing mobile tel"
+            },
+            {
+              "name": "billing mobile tel webauthn"
+            },
+            {
+              "name": "billing mobile tel-area-code"
+            },
+            {
+              "name": "billing mobile tel-area-code webauthn"
+            },
+            {
+              "name": "billing mobile tel-country-code"
+            },
+            {
+              "name": "billing mobile tel-country-code webauthn"
+            },
+            {
+              "name": "billing mobile tel-extension"
+            },
+            {
+              "name": "billing mobile tel-extension webauthn"
+            },
+            {
+              "name": "billing mobile tel-local"
+            },
+            {
+              "name": "billing mobile tel-local webauthn"
+            },
+            {
+              "name": "billing mobile tel-local-prefix"
+            },
+            {
+              "name": "billing mobile tel-local-prefix webauthn"
+            },
+            {
+              "name": "billing mobile tel-local-suffix"
+            },
+            {
+              "name": "billing mobile tel-local-suffix webauthn"
+            },
+            {
+              "name": "billing mobile tel-national"
+            },
+            {
+              "name": "billing mobile tel-national webauthn"
+            },
+            {
+              "name": "billing work email"
+            },
+            {
+              "name": "billing work email webauthn"
+            },
+            {
+              "name": "billing work tel"
+            },
+            {
+              "name": "billing work tel webauthn"
+            },
+            {
+              "name": "billing work tel-area-code"
+            },
+            {
+              "name": "billing work tel-area-code webauthn"
+            },
+            {
+              "name": "billing work tel-country-code"
+            },
+            {
+              "name": "billing work tel-country-code webauthn"
+            },
+            {
+              "name": "billing work tel-extension"
+            },
+            {
+              "name": "billing work tel-extension webauthn"
+            },
+            {
+              "name": "billing work tel-local"
+            },
+            {
+              "name": "billing work tel-local webauthn"
+            },
+            {
+              "name": "billing work tel-local-prefix"
+            },
+            {
+              "name": "billing work tel-local-prefix webauthn"
+            },
+            {
+              "name": "billing work tel-local-suffix"
+            },
+            {
+              "name": "billing work tel-local-suffix webauthn"
+            },
+            {
+              "name": "billing work tel-national"
+            },
+            {
+              "name": "billing work tel-national webauthn"
+            },
+            {
+              "name": "shipping additional-name"
+            },
+            {
+              "name": "shipping additional-name webauthn"
+            },
+            {
+              "name": "shipping address-level1"
+            },
+            {
+              "name": "shipping address-level1 webauthn"
+            },
+            {
+              "name": "shipping address-level2"
+            },
+            {
+              "name": "shipping address-level2 webauthn"
+            },
+            {
+              "name": "shipping address-level3"
+            },
+            {
+              "name": "shipping address-level3 webauthn"
+            },
+            {
+              "name": "shipping address-level4"
+            },
+            {
+              "name": "shipping address-level4 webauthn"
+            },
+            {
+              "name": "shipping address-line1"
+            },
+            {
+              "name": "shipping address-line1 webauthn"
+            },
+            {
+              "name": "shipping address-line2"
+            },
+            {
+              "name": "shipping address-line2 webauthn"
+            },
+            {
+              "name": "shipping address-line3"
+            },
+            {
+              "name": "shipping address-line3 webauthn"
+            },
+            {
+              "name": "shipping bday-day"
+            },
+            {
+              "name": "shipping bday-day webauthn"
+            },
+            {
+              "name": "shipping bday-month"
+            },
+            {
+              "name": "shipping bday-month webauthn"
+            },
+            {
+              "name": "shipping bday-year"
+            },
+            {
+              "name": "shipping bday-year webauthn"
+            },
+            {
+              "name": "shipping cc-csc"
+            },
+            {
+              "name": "shipping cc-csc webauthn"
+            },
+            {
+              "name": "shipping cc-exp"
+            },
+            {
+              "name": "shipping cc-exp webauthn"
+            },
+            {
+              "name": "shipping cc-exp-month"
+            },
+            {
+              "name": "shipping cc-exp-month webauthn"
+            },
+            {
+              "name": "shipping cc-exp-year"
+            },
+            {
+              "name": "shipping cc-exp-year webauthn"
+            },
+            {
+              "name": "shipping cc-family-name"
+            },
+            {
+              "name": "shipping cc-family-name webauthn"
+            },
+            {
+              "name": "shipping cc-given-name"
+            },
+            {
+              "name": "shipping cc-given-name webauthn"
+            },
+            {
+              "name": "shipping cc-name"
+            },
+            {
+              "name": "shipping cc-name webauthn"
+            },
+            {
+              "name": "shipping cc-number"
+            },
+            {
+              "name": "shipping cc-number webauthn"
+            },
+            {
+              "name": "shipping cc-type"
+            },
+            {
+              "name": "shipping cc-type webauthn"
+            },
+            {
+              "name": "shipping country"
+            },
+            {
+              "name": "shipping country webauthn"
+            },
+            {
+              "name": "shipping country-name"
+            },
+            {
+              "name": "shipping country-name webauthn"
+            },
+            {
+              "name": "shipping current-password"
+            },
+            {
+              "name": "shipping current-password webauthn"
+            },
+            {
+              "name": "shipping family-name"
+            },
+            {
+              "name": "shipping family-name webauthn"
+            },
+            {
+              "name": "shipping given-name"
+            },
+            {
+              "name": "shipping given-name webauthn"
+            },
+            {
+              "name": "shipping honorific-prefix"
+            },
+            {
+              "name": "shipping honorific-prefix webauthn"
+            },
+            {
+              "name": "shipping honorific-suffix"
+            },
+            {
+              "name": "shipping honorific-suffix webauthn"
+            },
+            {
+              "name": "shipping name"
+            },
+            {
+              "name": "shipping name webauthn"
+            },
+            {
+              "name": "shipping new-password"
+            },
+            {
+              "name": "shipping new-password webauthn"
+            },
+            {
+              "name": "shipping one-time-code"
+            },
+            {
+              "name": "shipping one-time-code webauthn"
+            },
+            {
+              "name": "shipping organization"
+            },
+            {
+              "name": "shipping organization webauthn"
+            },
+            {
+              "name": "shipping postal-code"
+            },
+            {
+              "name": "shipping postal-code webauthn"
+            },
+            {
+              "name": "shipping street-address"
+            },
+            {
+              "name": "shipping street-address webauthn"
+            },
+            {
+              "name": "shipping transaction-amount"
+            },
+            {
+              "name": "shipping transaction-amount webauthn"
+            },
+            {
+              "name": "shipping transaction-currency"
+            },
+            {
+              "name": "shipping transaction-currency webauthn"
+            },
+            {
+              "name": "shipping username"
+            },
+            {
+              "name": "shipping username webauthn"
+            },
+            {
+              "name": "shipping email"
+            },
+            {
+              "name": "shipping email webauthn"
+            },
+            {
+              "name": "shipping tel"
+            },
+            {
+              "name": "shipping tel webauthn"
+            },
+            {
+              "name": "shipping tel-area-code"
+            },
+            {
+              "name": "shipping tel-area-code webauthn"
+            },
+            {
+              "name": "shipping tel-country-code"
+            },
+            {
+              "name": "shipping tel-country-code webauthn"
+            },
+            {
+              "name": "shipping tel-extension"
+            },
+            {
+              "name": "shipping tel-extension webauthn"
+            },
+            {
+              "name": "shipping tel-local"
+            },
+            {
+              "name": "shipping tel-local webauthn"
+            },
+            {
+              "name": "shipping tel-local-prefix"
+            },
+            {
+              "name": "shipping tel-local-prefix webauthn"
+            },
+            {
+              "name": "shipping tel-local-suffix"
+            },
+            {
+              "name": "shipping tel-local-suffix webauthn"
+            },
+            {
+              "name": "shipping tel-national"
+            },
+            {
+              "name": "shipping tel-national webauthn"
+            },
+            {
+              "name": "shipping home email"
+            },
+            {
+              "name": "shipping home email webauthn"
+            },
+            {
+              "name": "shipping home tel"
+            },
+            {
+              "name": "shipping home tel webauthn"
+            },
+            {
+              "name": "shipping home tel-area-code"
+            },
+            {
+              "name": "shipping home tel-area-code webauthn"
+            },
+            {
+              "name": "shipping home tel-country-code"
+            },
+            {
+              "name": "shipping home tel-country-code webauthn"
+            },
+            {
+              "name": "shipping home tel-extension"
+            },
+            {
+              "name": "shipping home tel-extension webauthn"
+            },
+            {
+              "name": "shipping home tel-local"
+            },
+            {
+              "name": "shipping home tel-local webauthn"
+            },
+            {
+              "name": "shipping home tel-local-prefix"
+            },
+            {
+              "name": "shipping home tel-local-prefix webauthn"
+            },
+            {
+              "name": "shipping home tel-local-suffix"
+            },
+            {
+              "name": "shipping home tel-local-suffix webauthn"
+            },
+            {
+              "name": "shipping home tel-national"
+            },
+            {
+              "name": "shipping home tel-national webauthn"
+            },
+            {
+              "name": "shipping mobile email"
+            },
+            {
+              "name": "shipping mobile email webauthn"
+            },
+            {
+              "name": "shipping mobile tel"
+            },
+            {
+              "name": "shipping mobile tel webauthn"
+            },
+            {
+              "name": "shipping mobile tel-area-code"
+            },
+            {
+              "name": "shipping mobile tel-area-code webauthn"
+            },
+            {
+              "name": "shipping mobile tel-country-code"
+            },
+            {
+              "name": "shipping mobile tel-country-code webauthn"
+            },
+            {
+              "name": "shipping mobile tel-extension"
+            },
+            {
+              "name": "shipping mobile tel-extension webauthn"
+            },
+            {
+              "name": "shipping mobile tel-local"
+            },
+            {
+              "name": "shipping mobile tel-local webauthn"
+            },
+            {
+              "name": "shipping mobile tel-local-prefix"
+            },
+            {
+              "name": "shipping mobile tel-local-prefix webauthn"
+            },
+            {
+              "name": "shipping mobile tel-local-suffix"
+            },
+            {
+              "name": "shipping mobile tel-local-suffix webauthn"
+            },
+            {
+              "name": "shipping mobile tel-national"
+            },
+            {
+              "name": "shipping mobile tel-national webauthn"
+            },
+            {
+              "name": "shipping work email"
+            },
+            {
+              "name": "shipping work email webauthn"
+            },
+            {
+              "name": "shipping work tel"
+            },
+            {
+              "name": "shipping work tel webauthn"
+            },
+            {
+              "name": "shipping work tel-area-code"
+            },
+            {
+              "name": "shipping work tel-area-code webauthn"
+            },
+            {
+              "name": "shipping work tel-country-code"
+            },
+            {
+              "name": "shipping work tel-country-code webauthn"
+            },
+            {
+              "name": "shipping work tel-extension"
+            },
+            {
+              "name": "shipping work tel-extension webauthn"
+            },
+            {
+              "name": "shipping work tel-local"
+            },
+            {
+              "name": "shipping work tel-local webauthn"
+            },
+            {
+              "name": "shipping work tel-local-prefix"
+            },
+            {
+              "name": "shipping work tel-local-prefix webauthn"
+            },
+            {
+              "name": "shipping work tel-local-suffix"
+            },
+            {
+              "name": "shipping work tel-local-suffix webauthn"
+            },
+            {
+              "name": "shipping work tel-national"
+            },
+            {
+              "name": "shipping work tel-national webauthn"
+            }
+          ]
+        },
+        {
+          "name": "onchange",
+          "description": "`change` {`Event`} - "
+        }
+      ]
+    },
+    {
+      "name": "spectric-query",
+      "description": "The Query component will take Opensearch Dashboard Query language and transform it into various outputs\n\nEvents:\n\n  * `change` {`CustomEvent<any>`} - \n\nAttributes:\n\n  * `outputLanguage` {`\"toMongo\" | \"toCql\" | \"toDSL\" | \"AST\"`} - The output of the query in a specific format\n\n  * `value` {`string`} - The value of the input.\n\n  * `fields` {`FieldTypes[]`} - Fields that are used for the auto complete\n\n  * `placeholder` {`string`} - Input placeholder\n\nProperties:\n\n  * `_value` {`string`} - The internal value.\n\n  * `suggestion` {`Suggestion | undefined`} - \n\n  * `completions` {`Completion[]`} - \n\n  * `completionIndex` {`number`} - \n\n  * `_autocomplete` {`HTMLDivElement | undefined`} - \n\n  * `_asyncAutocomplete` {`Promise<HTMLDivElement>`} - \n\n  * `_input` {`SpectricInput`} - The underlying input element\n\n  * `_parseQuery` - \n\n  * `_selectCompletion` - \n\n  * `_handleArrows` - \n\n  * `uuid` {`string`} - \n\n  * `outputLanguage` {`\"toMongo\" | \"toCql\" | \"toDSL\" | \"AST\"`} - The output of the query in a specific format\n\n  * `value` {`string`} - The value of the input.\n\n  * `fields` {`FieldTypes[]`} - Fields that are used for the auto complete\n\n  * `getValuesForField` - Callback that will provide values for specific fields\n\n  * `placeholder` {`string`} - Input placeholder",
+      "attributes": [
+        {
+          "name": "outputLanguage",
+          "description": "`outputLanguage` {`\"toMongo\" | \"toCql\" | \"toDSL\" | \"AST\"`} - The output of the query in a specific format\n\nProperty: outputLanguage\n\nDefault: AST",
+          "values": [
+            {
+              "name": "toMongo"
+            },
+            {
+              "name": "toCql"
+            },
+            {
+              "name": "toDSL"
+            },
+            {
+              "name": "AST"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "`value` {`string`} - The value of the input.\n\nProperty: value"
+        },
+        {
+          "name": "fields",
+          "description": "`fields` {`FieldTypes[]`} - Fields that are used for the auto complete\n\nProperty: fields\n\nDefault: "
+        },
+        {
+          "name": "placeholder",
+          "description": "`placeholder` {`string`} - Input placeholder\n\nProperty: placeholder\n\nDefault: "
+        },
+        {
+          "name": "onchange",
+          "description": "`change` {`CustomEvent<any>`} - "
+        }
+      ]
+    },
+    {
+      "name": "spectric-splitview",
+      "description": "Split view will take a container and split it horizontally or vertically. This element can only have two children.\nIf you supply the **id** attribute on the split view element it will save and load the state keeping the user defined position\n\nEvents:\n\n  * `change` {`CustomEvent<SplitViewProps>`} - CustomEvent\\<SplitViewProps\\> Fired every time there is a change to the split percentage\n\nSlots:\n\n  * ` ` {} - Element can only take 2 HTMLElements.\n\nAttributes:\n\n  * `orientation` {`Orientations`} - Controls the orientation of the splitter handle\n\n  * `percentage` {`number | undefined`} - the percentage to split the view default: 50\n\n  * `invisible` {`boolean | undefined`} - Should the splitter handle be invisible?\n\n  * `min` {`number`} - Clamps the minimum split percentage default: 10\n\n  * `max` {`number`} - Clamps the maximum split percentage default: 90\n\n  * `useSavedState` {`boolean | undefined`} - save and load split state to localstorage splitter must have an id attribute default: true\n\nProperties:\n\n  * `styles` {`CSSResult`} - \n\n  * `isDragging` {`boolean`} - \n\n  * `_error` {`string | false`} - \n\n  * `_splitter` {`Promise<HTMLElement>`} - \n\n  * `_panel1` {`HTMLSlotElement`} - \n\n  * `_panel2` {`HTMLSlotElement`} - \n\n  * `_emitChange` - \n\n  * `_onMouseMove` - \n\n  * `_assignSlot` - \n\n  * `orientation` {`Orientations`} - Controls the orientation of the splitter handle\n\n  * `percentage` {`number | undefined`} - the percentage to split the view default: 50\n\n  * `invisible` {`boolean | undefined`} - Should the splitter handle be invisible?\n\n  * `min` {`number`} - Clamps the minimum split percentage default: 10\n\n  * `max` {`number`} - Clamps the maximum split percentage default: 90\n\n  * `useSavedState` {`boolean | undefined`} - save and load split state to localstorage splitter must have an id attribute default: true\n\n  * `_disposables` {`Set<IDisposable>`} - \n\n  * `_isDisposed` {`boolean`} - \n\n  * `_disposableListeners` {`{ target: HTMLElement | Promise<HTMLElement>; event: string; handler: any; }[]`} - \n\n  * `_connected` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "orientation",
+          "description": "`orientation` {`Orientations`} - Controls the orientation of the splitter handle\n\nProperty: orientation\n\nDefault: horizontal",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "percentage",
+          "description": "`percentage` {`number | undefined`} - the percentage to split the view default: 50\n\nProperty: percentage\n\nDefault: 50",
+          "values": []
+        },
+        {
+          "name": "invisible",
+          "description": "`invisible` {`boolean | undefined`} - Should the splitter handle be invisible?\n\nProperty: invisible\n\nDefault: false",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "`min` {`number`} - Clamps the minimum split percentage default: 10\n\nProperty: min\n\nDefault: 10"
+        },
+        {
+          "name": "max",
+          "description": "`max` {`number`} - Clamps the maximum split percentage default: 90\n\nProperty: max\n\nDefault: 90"
+        },
+        {
+          "name": "useSavedState",
+          "description": "`useSavedState` {`boolean | undefined`} - save and load split state to localstorage splitter must have an id attribute default: true\n\nProperty: useSavedState\n\nDefault: true",
+          "values": []
+        },
+        {
+          "name": "onchange",
+          "description": "`change` {`CustomEvent<SplitViewProps>`} - CustomEvent\\<SplitViewProps\\> Fired every time there is a change to the split percentage"
+        }
+      ]
+    },
+    {
+      "name": "spectric-storybook-example-content",
+      "description": "Attributes:\n\n  * `frameWidth` {`number`} - \n\nProperties:\n\n  * `frameWidth` {`number`} - \n\n  * `dialogOpen` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "frameWidth",
+          "description": "`frameWidth` {`number`} - \n\nProperty: frameWidth\n\nDefault: 10"
+        }
+      ]
+    },
+    {
+      "name": "lorum-ipsum",
+      "attributes": []
+    }
+  ],
+  "globalAttributes": [],
+  "valueSets": []
+}