@uplynk/lynk-design 1.11.2 → 1.12.0

package/cdn/custom-elements.json

@@ -5733,68 +5733,90 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/copy-button/copy-button.js",
+      "path": "components/combobox/combobox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LynkCopyButton",
-          "cssProperties": [
+          "name": "LynkCombobox",
+          "cssParts": [
             {
-              "description": "The color to use for success feedback.",
-              "name": "--success-color"
+              "description": "The form control that wraps the label, combobox, and help text.",
+              "name": "form-control"
             },
             {
-              "description": "The color to use for error feedback.",
-              "name": "--error-color"
-            }
-          ],
-          "cssParts": [
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
+            },
             {
-              "description": "The internal `<button>` element.",
-              "name": "button"
+              "description": "The combobox's wrapper.",
+              "name": "form-control-input"
             },
             {
-              "description": "The container that holds the copy icon.",
-              "name": "copy-icon"
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
             },
             {
-              "description": "The container that holds the success icon.",
-              "name": "success-icon"
+              "description": "The container the wraps the prefix, combobox, clear icon, and expand button.",
+              "name": "combobox"
             },
             {
-              "description": "The container that holds the error icon.",
-              "name": "error-icon"
+              "description": "The container that wraps the prefix slot.",
+              "name": "prefix"
             },
             {
-              "description": "The tooltip's exported `base` part.",
-              "name": "tooltip__base"
+              "description": "The container that wraps the suffix slot.",
+              "name": "suffix"
             },
             {
-              "description": "The tooltip's exported `popup` part.",
-              "name": "tooltip__base__popup"
+              "description": "The element that displays the selected option's label, an `<input>` element.",
+              "name": "display-input"
             },
             {
-              "description": "The tooltip's exported `arrow` part.",
-              "name": "tooltip__base__arrow"
+              "description": "The listbox container where the options are slotted and the filtered options list exists.",
+              "name": "listbox"
             },
             {
-              "description": "The tooltip's exported `body` part.",
-              "name": "tooltip__body"
+              "description": "The container that wraps the filtered options.",
+              "name": "filtered-listbox"
+            },
+            {
+              "description": "The clear button.",
+              "name": "clear-button"
+            },
+            {
+              "description": "The container that wraps the expand icon.",
+              "name": "expand-icon"
             }
           ],
           "slots": [
             {
-              "description": "The icon to show in the default copy state. Works best with `<lynk-icon>`.",
-              "name": "copy-icon"
+              "description": "The listbox options. Must be `<lynk-option>` elements. You can use `<lynk-optgroup>`'s to group items visually.",
+              "name": ""
             },
             {
-              "description": "The icon to show when the content is copied. Works best with `<lynk-icon>`.",
-              "name": "success-icon"
+              "description": "The combobox's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "description": "The icon to show when a copy error occurs. Works best with `<lynk-icon>`.",
-              "name": "error-icon"
+              "description": "Used to prepend a presentational icon or similar element to the combobox.",
+              "name": "prefix"
+            },
+            {
+              "description": "Used to append a presentational icon or similar element to the combobox.",
+              "name": "suffix"
+            },
+            {
+              "description": "An icon to use in lieu of the default clear icon.",
+              "name": "clear-icon"
+            },
+            {
+              "description": "The icon to show when the control is expanded and collapsed. Rotates on open and close.",
+              "name": "expand-icon"
+            },
+            {
+              "description": "Text that describes how to use the combobox. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
@@ -5805,7 +5827,21 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'lynk-icon': LynkIcon, 'lynk-tooltip': LynkTooltip }"
+              "default": "{ 'lynk-form-field': LynkFormField, 'lynk-icon': LynkIcon, 'lynk-popup': LynkPopup }"
+            },
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, { assumeInteractionOn: ['ev-blur', 'ev-input'] })"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text', 'help-tip', 'label')"
             },
             {
               "kind": "field",
@@ -5816,742 +5852,911 @@
             },
             {
               "kind": "field",
-              "name": "copyIcon",
+              "name": "closeWatcher",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "CloseWatcher | null"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "lastOptionValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "The last value of a lynk-option, that was selected by click or via keyboard navigation"
+            },
+            {
+              "kind": "field",
+              "name": "isOptionRendererTriggered",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "popup",
+              "type": {
+                "text": "LynkPopup"
               }
             },
             {
               "kind": "field",
-              "name": "successIcon",
+              "name": "combobox",
               "type": {
                 "text": "HTMLSlotElement"
               }
             },
             {
               "kind": "field",
-              "name": "errorIcon",
+              "name": "displayInput",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "tooltip",
+              "name": "valueInput",
               "type": {
-                "text": "LynkTooltip"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "isCopying",
+              "name": "listbox",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false"
             },
             {
               "kind": "field",
-              "name": "status",
+              "name": "displayLabel",
               "type": {
-                "text": "'rest' | 'success' | 'error'"
+                "text": "string"
               },
-              "default": "'rest'"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "selectedOption",
               "type": {
-                "text": "string"
+                "text": "LynkOption | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "numberFilteredOptions",
+              "type": {
+                "text": "number"
               },
-              "default": "''",
-              "description": "The text value to copy.",
-              "attribute": "value"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "from",
+              "name": "cachedOptions",
               "type": {
-                "text": "string"
+                "text": "LynkOption[]"
               },
-              "default": "''",
-              "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
-              "attribute": "from"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "showCustomOption",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Disables the copy button.",
-              "attribute": "disabled",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "copyLabel",
+              "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "A custom label to show in the tooltip.",
-              "attribute": "copy-label"
+              "description": "The name of the combobox, submitted as a name/value pair with form data.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "successLabel",
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "A custom label to show in the tooltip after copying.",
-              "attribute": "success-label"
+              "description": "The current value of the combobox, submitted as a name/value pair with form data.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "errorLabel",
+              "name": "defaultValue",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "A custom label to show in the tooltip when a copy error occurs.",
-              "attribute": "error-label"
+              "description": "The default value of the form control. Primarily used for resetting the form control."
             },
             {
               "kind": "field",
-              "name": "feedbackDuration",
+              "name": "state",
               "type": {
-                "text": "number"
+                "text": "'error' | 'warning' | 'success' | 'default'"
               },
-              "default": "1500",
-              "description": "The length of time to show feedback before restoring the default trigger.",
-              "attribute": "feedback-duration"
+              "default": "'default'",
+              "description": "The input's validity state when using manual validation or set automatically to `error` or `success` when field uses Constraint Validation",
+              "attribute": "state",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "tooltipPlacement",
+              "name": "size",
               "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left'"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip.",
-              "attribute": "tooltip-placement"
+              "default": "'medium'",
+              "description": "The combobox's size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hoist",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the combobox is empty.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "attribute": "hoist"
+              "description": "Disables the combobox control.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleCopy",
-              "privacy": "private"
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the combobox a required field.",
+              "attribute": "required",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "showStatus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "status",
-                  "type": {
-                    "text": "'success' | 'error'"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the data has been copied.",
-              "name": "ev-copy",
-              "reactName": "EvCopy",
-              "eventName": "EvCopyEvent"
+              "kind": "field",
+              "name": "dirty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds the dirty indicator mark.",
+              "attribute": "dirty",
+              "reflects": true
             },
             {
-              "description": "Emitted when the data could not be copied.",
-              "name": "ev-error",
-              "reactName": "EvError",
-              "eventName": "EvErrorEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
+              "kind": "field",
+              "name": "clearable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The text value to copy.",
-              "fieldName": "value"
+              "default": "false",
+              "description": "Adds a clear button when the combobox is not empty.",
+              "attribute": "clearable"
             },
             {
-              "name": "from",
+              "kind": "field",
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
-              "fieldName": "from"
+              "default": "false",
+              "description": "Indicates whether or not the combobox is open.\nYou can toggle this attribute to show and hide the listbox, or you can use the `show()`\nand `hide()` methods and this attribute will reflect the combobox's open state.",
+              "attribute": "open",
+              "reflects": true
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "hoist",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the copy button.",
-              "fieldName": "disabled"
+              "description": "Enable this option to prevent the listbox from being clipped,\nwhen the component is placed inside a container with `overflow: auto|scroll`.\nHoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "attribute": "hoist"
             },
             {
-              "name": "copy-label",
+              "kind": "field",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "A custom label to show in the tooltip.",
-              "fieldName": "copyLabel"
+              "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
             },
             {
-              "name": "success-label",
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'bottom'"
+              },
+              "default": "'bottom'",
+              "description": "The preferred placement of the combobox's menu.\nNote that the actual placement may vary as needed to keep the listbox inside of the viewport.",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpTip",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "A custom label to show in the tooltip after copying.",
-              "fieldName": "successLabel"
+              "description": "The help tooltip appended to the label. Alternatively, you can use the help-tip slot.",
+              "attribute": "help-tip"
             },
             {
-              "name": "error-label",
+              "kind": "field",
+              "name": "helpText",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "A custom label to show in the tooltip when a copy error occurs.",
-              "fieldName": "errorLabel"
+              "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
             },
             {
-              "name": "feedback-duration",
+              "kind": "field",
+              "name": "form",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1500",
-              "description": "The length of time to show feedback before restoring the default trigger.",
-              "fieldName": "feedbackDuration"
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element.\nThis attribute allows you to place the form control outside of a form and associate it\nwith the form that has this `id`.\nThe form must be in the same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
             },
             {
-              "name": "tooltip-placement",
+              "kind": "field",
+              "name": "inline",
               "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left'"
+                "text": "boolean"
               },
-              "default": "'top'",
-              "description": "The preferred placement of the tooltip.",
-              "fieldName": "tooltipPlacement"
+              "default": "false",
+              "description": "Arranges the label inline next to the combobox instead of above it.",
+              "attribute": "inline",
+              "reflects": true
             },
             {
-              "name": "hoist",
+              "kind": "field",
+              "name": "allowCustomValues",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "fieldName": "hoist"
-            }
-          ],
-          "superclass": {
-            "name": "LynkElement",
-            "module": "/src/internal/lynk-element.js"
-          },
-          "summary": "Copies text data to the clipboard when the user clicks the trigger.",
-          "tagNameWithoutPrefix": "copy-button",
-          "tagName": "lynk-copy-button",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Copies text data to the clipboard when the user clicks the trigger.\n * @documentation https://lynk.design/components/copy-button\n * @status stable\n * @since 1.0\n *\n * @dependency lynk-icon\n * @dependency lynk-tooltip\n *\n * @event ev-copy - Emitted when the data has been copied.\n * @event ev-error - Emitted when the data could not be copied.\n *\n * @slot copy-icon - The icon to show in the default copy state. Works best with `<lynk-icon>`.\n * @slot success-icon - The icon to show when the content is copied. Works best with `<lynk-icon>`.\n * @slot error-icon - The icon to show when a copy error occurs. Works best with `<lynk-icon>`.\n *\n * @csspart button - The internal `<button>` element.\n * @csspart copy-icon - The container that holds the copy icon.\n * @csspart success-icon - The container that holds the success icon.\n * @csspart error-icon - The container that holds the error icon.\n * @csspart tooltip__base - The tooltip's exported `base` part.\n * @csspart tooltip__base__popup - The tooltip's exported `popup` part.\n * @csspart tooltip__base__arrow - The tooltip's exported `arrow` part.\n * @csspart tooltip__body - The tooltip's exported `body` part.\n *\n * @cssproperty --success-color - The color to use for success feedback.\n * @cssproperty --error-color - The color to use for error feedback.\n *\n * @animation copy.in - The animation to use when feedback icons animate in.\n * @animation copy.out - The animation to use when feedback icons animate out.\n */",
-          "documentation": "https://lynk.design/components/copy-button",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "lynk-icon",
-            "lynk-tooltip"
-          ],
-          "animations": [
-            {
-              "name": "copy.in",
-              "description": "The animation to use when feedback icons animate in."
+              "description": "Allows users to enter custom values that don't match existing options.",
+              "attribute": "allow-custom-values"
             },
             {
-              "name": "copy.out",
-              "description": "The animation to use when feedback icons animate out."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "LynkCopyButton",
-            "module": "components/copy-button/copy-button.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/combobox/combobox.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LynkCombobox",
-          "cssParts": [
-            {
-              "description": "The form control that wraps the label, combobox, and help text.",
-              "name": "form-control"
+              "kind": "field",
+              "name": "getOption",
+              "type": {
+                "text": "OptionRenderer"
+              },
+              "default": "defaultOptionRenderer",
+              "description": "A function that customizes the rendered option. The first argument is the option, the second\nis the query string, which is typed into the combobox.\nThe function should return either a Lit TemplateResult or a string containing trusted HTML\nto render in the shown list of filtered options.\nIf the query string should be highlighted use the `highlightOptionRenderer` function.",
+              "attribute": "getOption"
             },
             {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
+              "kind": "field",
+              "name": "filter",
+              "type": {
+                "text": "(option: LynkOption, queryString: string) => boolean"
+              },
+              "description": "A function used to filter options in the combobox component.\nThe default filter method is a case- and diacritic-insensitive string comparison.",
+              "parameters": [
+                {
+                  "description": "The option to be filtered.",
+                  "name": "option"
+                },
+                {
+                  "description": "The query string used for filtering.",
+                  "name": "queryString"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "attribute": "filter"
             },
             {
-              "description": "The combobox's wrapper.",
-              "name": "form-control-input"
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
             },
             {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
             },
             {
-              "description": "The container the wraps the prefix, combobox, clear icon, and expand button.",
-              "name": "combobox"
+              "kind": "method",
+              "name": "addOpenListeners",
+              "privacy": "private"
             },
             {
-              "description": "The container that wraps the prefix slot.",
-              "name": "prefix"
+              "kind": "method",
+              "name": "removeOpenListeners",
+              "privacy": "private"
             },
             {
-              "description": "The container that wraps the suffix slot.",
-              "name": "suffix"
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
             },
             {
-              "description": "The element that displays the selected option's label, an `<input>` element.",
-              "name": "display-input"
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
             },
             {
-              "description": "The listbox container where the options are slotted and the filtered options list exists.",
-              "name": "listbox"
-            },
-            {
-              "description": "The container that wraps the filtered options.",
-              "name": "filtered-listbox"
-            },
-            {
-              "description": "The clear button.",
-              "name": "clear-button"
+              "kind": "field",
+              "name": "handleDocumentFocusIn",
+              "privacy": "private"
             },
             {
-              "description": "The container that wraps the expand icon.",
-              "name": "expand-icon"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The listbox options. Must be `<lynk-option>` elements. You can use `<lynk-optgroup>`'s to group items visually.",
-              "name": ""
+              "kind": "field",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private"
             },
             {
-              "description": "The combobox's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
+              "kind": "field",
+              "name": "handleDocumentMouseDown",
+              "privacy": "private"
             },
             {
-              "description": "Used to prepend a presentational icon or similar element to the combobox.",
-              "name": "prefix"
+              "kind": "method",
+              "name": "handleComboboxMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "description": "Used to append a presentational icon or similar element to the combobox.",
-              "name": "suffix"
+              "kind": "method",
+              "name": "handleComboboxKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
-              "description": "An icon to use in lieu of the default clear icon.",
-              "name": "clear-icon"
+              "kind": "method",
+              "name": "handleClearClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "description": "The icon to show when the control is expanded and collapsed. Rotates on open and close.",
-              "name": "expand-icon"
+              "kind": "method",
+              "name": "clearCombobox",
+              "privacy": "private"
             },
             {
-              "description": "Text that describes how to use the combobox. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'lynk-form-field': LynkFormField, 'lynk-icon': LynkIcon, 'lynk-popup': LynkPopup }"
+              "kind": "method",
+              "name": "preventLoosingFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "formControlController",
+              "kind": "method",
+              "name": "handleOptionClick",
               "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, { assumeInteractionOn: ['ev-blur', 'ev-input'] })"
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "hasSlotController",
+              "kind": "method",
+              "name": "selectNextOption",
               "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'help-tip', 'label')"
+              "parameters": [
+                {
+                  "name": "isNext",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "A boolean indicating whether to select the following option (true)\n  or the previous option (false)."
+                }
+              ],
+              "description": "Selects the following or previous option."
             },
             {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "kind": "method",
+              "name": "getAllFilteredOptions",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "closeWatcher",
-              "type": {
-                "text": "CloseWatcher | null"
-              },
+              "kind": "method",
+              "name": "getCurrentOption",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "lastOptionValue",
-              "type": {
-                "text": "string"
-              },
+              "kind": "method",
+              "name": "setCurrentOption",
               "privacy": "private",
-              "default": "''",
-              "description": "The last value of a lynk-option, that was selected by click or via keyboard navigation"
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "LynkOption | null"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "isOptionRendererTriggered",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "setSelectedOption",
               "privacy": "private",
-              "default": "false"
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "LynkOption | undefined"
+                  }
+                }
+              ],
+              "description": "Updates the selected options cache, the current value, and the display value"
             },
             {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "LynkPopup"
-              }
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "combobox",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
+              "kind": "method",
+              "name": "handlePropertiesChange"
             },
             {
-              "kind": "field",
-              "name": "displayInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "kind": "method",
+              "name": "handleDisabledChange"
             },
             {
-              "kind": "field",
-              "name": "valueInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "kind": "method",
+              "name": "handleValueChange"
             },
             {
-              "kind": "field",
-              "name": "listbox",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
+              "kind": "method",
+              "name": "handleOpenChange"
             },
             {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the listbox. If it is not possible to open the listbox, because there are no\nappropriate filtered options, a ev-error is emitted and the listbox stays closed."
             },
             {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the listbox."
             },
             {
-              "kind": "field",
-              "name": "displayLabel",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message.\nReturns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
               },
-              "default": "''"
+              "description": "Gets the associated form, if one exists."
             },
             {
-              "kind": "field",
-              "name": "selectedOption",
-              "type": {
-                "text": "LynkOption | undefined"
-              }
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
-              "kind": "field",
-              "name": "numberFilteredOptions",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
             },
             {
-              "kind": "field",
-              "name": "cachedOptions",
-              "type": {
-                "text": "LynkOption[]"
-              },
-              "default": "[]"
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the control."
             },
             {
-              "kind": "field",
-              "name": "showCustomOption",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the control."
+            },
+            {
+              "kind": "method",
+              "name": "createComboboxOptionsFromQuery",
               "privacy": "private",
-              "default": "false"
+              "parameters": [
+                {
+                  "name": "queryString",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getSlottedOptions",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getSlottedOptGroups",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SynOptGroup[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "cacheSlottedOptionsAndOptgroups",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDefaultSlotChange",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the control's value changes.",
+              "name": "ev-change",
+              "reactName": "EvChange",
+              "eventName": "EvChangeEvent"
+            },
+            {
+              "description": "Emitted when the control's value is cleared.",
+              "name": "ev-clear",
+              "reactName": "EvClear",
+              "eventName": "EvClearEvent"
+            },
+            {
+              "description": "Emitted when the control receives input.",
+              "name": "ev-input",
+              "reactName": "EvInput",
+              "eventName": "EvInputEvent"
+            },
+            {
+              "description": "Emitted when the control gains focus.",
+              "name": "ev-focus",
+              "reactName": "EvFocus",
+              "eventName": "EvFocusEvent"
+            },
+            {
+              "description": "Emitted when the control loses focus.",
+              "name": "ev-blur",
+              "reactName": "EvBlur",
+              "eventName": "EvBlurEvent"
+            },
+            {
+              "description": "Emitted when the combobox's menu opens.",
+              "name": "ev-show",
+              "reactName": "EvShow",
+              "eventName": "EvShowEvent"
+            },
+            {
+              "description": "Emitted after the combobox's menu opens and all animations are complete.",
+              "name": "ev-after-show",
+              "reactName": "EvAfterShow",
+              "eventName": "EvAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the combobox's menu closes.",
+              "name": "ev-hide",
+              "reactName": "EvHide",
+              "eventName": "EvHideEvent"
+            },
+            {
+              "description": "Emitted after the combobox's menu closes and all animations are complete.",
+              "name": "ev-after-hide",
+              "reactName": "EvAfterHide",
+              "eventName": "EvAfterHideEvent"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "ev-invalid",
+              "reactName": "EvInvalid",
+              "eventName": "EvInvalidEvent"
+            },
+            {
+              "description": "Emitted when the combobox menu fails to open.",
+              "name": "ev-error",
+              "reactName": "EvError",
+              "eventName": "EvErrorEvent"
+            },
+            {
+              "description": "Emitted when a custom option is added via allowCustomValues.",
+              "name": "ev-add-option",
+              "reactName": "EvAddOption",
+              "eventName": "EvAddOptionEvent"
+            }
+          ],
+          "attributes": [
+            {
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The name of the combobox, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "fieldName": "name"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The current value of the combobox, submitted as a name/value pair with form data.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
+              "fieldName": "value"
             },
             {
-              "kind": "field",
               "name": "state",
               "type": {
                 "text": "'error' | 'warning' | 'success' | 'default'"
               },
               "default": "'default'",
               "description": "The input's validity state when using manual validation or set automatically to `error` or `success` when field uses Constraint Validation",
-              "attribute": "state",
-              "reflects": true
+              "fieldName": "state"
             },
             {
-              "kind": "field",
               "name": "size",
               "type": {
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
               "description": "The combobox's size.",
-              "attribute": "size",
-              "reflects": true
+              "fieldName": "size"
             },
             {
-              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the combobox is empty.",
-              "attribute": "placeholder"
+              "fieldName": "placeholder"
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Disables the combobox control.",
-              "attribute": "disabled",
-              "reflects": true
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Makes the combobox a required field.",
-              "attribute": "required",
-              "reflects": true
+              "fieldName": "required"
             },
             {
-              "kind": "field",
               "name": "dirty",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Adds the dirty indicator mark.",
-              "attribute": "dirty",
-              "reflects": true
+              "fieldName": "dirty"
             },
             {
-              "kind": "field",
               "name": "clearable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Adds a clear button when the combobox is not empty.",
-              "attribute": "clearable"
+              "fieldName": "clearable"
             },
             {
-              "kind": "field",
               "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Indicates whether or not the combobox is open.\nYou can toggle this attribute to show and hide the listbox, or you can use the `show()`\nand `hide()` methods and this attribute will reflect the combobox's open state.",
-              "attribute": "open",
-              "reflects": true
+              "fieldName": "open"
             },
             {
-              "kind": "field",
               "name": "hoist",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Enable this option to prevent the listbox from being clipped,\nwhen the component is placed inside a container with `overflow: auto|scroll`.\nHoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
+              "fieldName": "hoist"
             },
             {
-              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "fieldName": "label"
             },
             {
-              "kind": "field",
               "name": "placement",
               "type": {
                 "text": "'top' | 'bottom'"
               },
               "default": "'bottom'",
               "description": "The preferred placement of the combobox's menu.\nNote that the actual placement may vary as needed to keep the listbox inside of the viewport.",
-              "attribute": "placement",
-              "reflects": true
+              "fieldName": "placement"
             },
             {
-              "kind": "field",
-              "name": "helpTip",
+              "name": "help-tip",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The help tooltip appended to the label. Alternatively, you can use the help-tip slot.",
-              "attribute": "help-tip"
+              "fieldName": "helpTip"
             },
             {
-              "kind": "field",
-              "name": "helpText",
+              "name": "help-text",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "fieldName": "helpText"
             },
             {
-              "kind": "field",
               "name": "form",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "By default, form controls are associated with the nearest containing `<form>` element.\nThis attribute allows you to place the form control outside of a form and associate it\nwith the form that has this `id`.\nThe form must be in the same document or shadow root for this to work.",
-              "attribute": "form",
-              "reflects": true
+              "fieldName": "form"
             },
             {
-              "kind": "field",
               "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Arranges the label inline next to the combobox instead of above it.",
-              "attribute": "inline",
-              "reflects": true
+              "fieldName": "inline"
             },
             {
-              "kind": "field",
-              "name": "allowCustomValues",
+              "name": "allow-custom-values",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Allows users to enter custom values that don't match existing options.",
-              "attribute": "allow-custom-values"
+              "fieldName": "allowCustomValues"
             },
             {
-              "kind": "field",
               "name": "getOption",
               "type": {
                 "text": "OptionRenderer"
               },
               "default": "defaultOptionRenderer",
               "description": "A function that customizes the rendered option. The first argument is the option, the second\nis the query string, which is typed into the combobox.\nThe function should return either a Lit TemplateResult or a string containing trusted HTML\nto render in the shown list of filtered options.\nIf the query string should be highlighted use the `highlightOptionRenderer` function.",
-              "attribute": "getOption"
+              "fieldName": "getOption"
             },
             {
-              "kind": "field",
               "name": "filter",
               "type": {
                 "text": "(option: LynkOption, queryString: string) => boolean"
@@ -6572,611 +6777,406 @@
                   "text": ""
                 }
               },
-              "attribute": "filter"
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "addOpenListeners",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "removeOpenListeners",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDocumentFocusIn",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDocumentKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDocumentMouseDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleComboboxMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleComboboxKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleClearClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "clearCombobox",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "preventLoosingFocus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleOptionClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "selectNextOption",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "isNext",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "A boolean indicating whether to select the following option (true)\n  or the previous option (false)."
-                }
-              ],
-              "description": "Selects the following or previous option."
-            },
-            {
-              "kind": "method",
-              "name": "getAllFilteredOptions",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getCurrentOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "setCurrentOption",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "LynkOption | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "setSelectedOption",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "LynkOption | undefined"
-                  }
-                }
-              ],
-              "description": "Updates the selected options cache, the current value, and the display value"
-            },
-            {
-              "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePropertiesChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the listbox. If it is not possible to open the listbox, because there are no\nappropriate filtered options, a ev-error is emitted and the listbox stays closed."
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the listbox."
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message.\nReturns `true` when valid and `false` when invalid."
-            },
-            {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the control."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the control."
-            },
+              "fieldName": "filter"
+            }
+          ],
+          "superclass": {
+            "name": "LynkElement",
+            "module": "/src/internal/lynk-element.js"
+          },
+          "summary": "Comboboxes allow you to choose items from a menu of predefined options.",
+          "tagNameWithoutPrefix": "combobox",
+          "tagName": "lynk-combobox",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Comboboxes allow you to choose items from a menu of predefined options.\n * @documentation https://lynk.design/components/combobox\n * @since 1.0\n * @status experimental\n *\n * @dependency lynk-icon\n * @dependency lynk-popup\n *\n * @slot - The listbox options. Must be `<lynk-option>` elements.\n *    You can use `<lynk-optgroup>`'s to group items visually.\n * @slot label - The combobox's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot suffix - Used to append a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed.\n *    Rotates on open and close.\n * @slot help-text - Text that describes how to use the combobox.\n *    Alternatively, you can use the `help-text` attribute.\n *\n * @event ev-change - Emitted when the control's value changes.\n * @event ev-clear - Emitted when the control's value is cleared.\n * @event ev-input - Emitted when the control receives input.\n * @event ev-focus - Emitted when the control gains focus.\n * @event ev-blur - Emitted when the control loses focus.\n * @event ev-show - Emitted when the combobox's menu opens.\n * @event ev-after-show - Emitted after the combobox's menu opens and all animations are complete.\n * @event ev-hide - Emitted when the combobox's menu closes.\n * @event ev-after-hide - Emitted after the combobox's menu closes and all animations are complete.\n * @event ev-invalid - Emitted when the form control has been checked for validity\n *    and its constraints aren't satisfied.\n * @event ev-error - Emitted when the combobox menu fails to open.\n * @event ev-add-option - Emitted when a custom option is added via allowCustomValues.\n *\n * @csspart form-control - The form control that wraps the label, combobox, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The combobox's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the selected option's label,\n *     an `<input>` element.\n * @csspart listbox - The listbox container where the options are slotted\n *   and the filtered options list exists.\n * @csspart filtered-listbox - The container that wraps the filtered options.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n *\n * @animation combobox.show - The animation to use when showing the combobox.\n * @animation combobox.hide - The animation to use when hiding the combobox.\n */",
+          "documentation": "https://lynk.design/components/combobox",
+          "since": "1.0",
+          "status": "experimental",
+          "dependencies": [
+            "lynk-icon",
+            "lynk-popup"
+          ],
+          "animations": [
             {
-              "kind": "method",
-              "name": "createComboboxOptionsFromQuery",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "queryString",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "combobox.show",
+              "description": "The animation to use when showing the combobox."
             },
             {
-              "kind": "method",
-              "name": "handleInput",
-              "privacy": "private"
-            },
+              "name": "combobox.hide",
+              "description": "The animation to use when hiding the combobox."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LynkCombobox",
+            "module": "components/combobox/combobox.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/copy-button/copy-button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LynkCopyButton",
+          "cssProperties": [
             {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "private"
+              "description": "The color to use for success feedback.",
+              "name": "--success-color"
             },
             {
-              "kind": "method",
-              "name": "getSlottedOptions",
-              "privacy": "private"
-            },
+              "description": "The color to use for error feedback.",
+              "name": "--error-color"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "method",
-              "name": "getSlottedOptGroups",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "SynOptGroup[]"
-                }
-              }
+              "description": "The internal `<button>` element.",
+              "name": "button"
             },
             {
-              "kind": "method",
-              "name": "cacheSlottedOptionsAndOptgroups",
-              "privacy": "private"
+              "description": "The container that holds the copy icon.",
+              "name": "copy-icon"
             },
             {
-              "kind": "method",
-              "name": "handleDefaultSlotChange",
-              "privacy": "public"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the control's value changes.",
-              "name": "ev-change",
-              "reactName": "EvChange",
-              "eventName": "EvChangeEvent"
+              "description": "The container that holds the success icon.",
+              "name": "success-icon"
             },
             {
-              "description": "Emitted when the control's value is cleared.",
-              "name": "ev-clear",
-              "reactName": "EvClear",
-              "eventName": "EvClearEvent"
+              "description": "The container that holds the error icon.",
+              "name": "error-icon"
             },
             {
-              "description": "Emitted when the control receives input.",
-              "name": "ev-input",
-              "reactName": "EvInput",
-              "eventName": "EvInputEvent"
+              "description": "The tooltip's exported `base` part.",
+              "name": "tooltip__base"
             },
             {
-              "description": "Emitted when the control gains focus.",
-              "name": "ev-focus",
-              "reactName": "EvFocus",
-              "eventName": "EvFocusEvent"
+              "description": "The tooltip's exported `popup` part.",
+              "name": "tooltip__base__popup"
             },
             {
-              "description": "Emitted when the control loses focus.",
-              "name": "ev-blur",
-              "reactName": "EvBlur",
-              "eventName": "EvBlurEvent"
+              "description": "The tooltip's exported `arrow` part.",
+              "name": "tooltip__base__arrow"
             },
             {
-              "description": "Emitted when the combobox's menu opens.",
-              "name": "ev-show",
-              "reactName": "EvShow",
-              "eventName": "EvShowEvent"
+              "description": "The tooltip's exported `body` part.",
+              "name": "tooltip__body"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The icon to show in the default copy state. Works best with `<lynk-icon>`.",
+              "name": "copy-icon"
             },
             {
-              "description": "Emitted after the combobox's menu opens and all animations are complete.",
-              "name": "ev-after-show",
-              "reactName": "EvAfterShow",
-              "eventName": "EvAfterShowEvent"
+              "description": "The icon to show when the content is copied. Works best with `<lynk-icon>`.",
+              "name": "success-icon"
             },
             {
-              "description": "Emitted when the combobox's menu closes.",
-              "name": "ev-hide",
-              "reactName": "EvHide",
-              "eventName": "EvHideEvent"
+              "description": "The icon to show when a copy error occurs. Works best with `<lynk-icon>`.",
+              "name": "error-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'lynk-icon': LynkIcon, 'lynk-tooltip': LynkTooltip }"
             },
             {
-              "description": "Emitted after the combobox's menu closes and all animations are complete.",
-              "name": "ev-after-hide",
-              "reactName": "EvAfterHide",
-              "eventName": "EvAfterHideEvent"
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
-              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
-              "name": "ev-invalid",
-              "reactName": "EvInvalid",
-              "eventName": "EvInvalidEvent"
+              "kind": "field",
+              "name": "copyIcon",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "description": "Emitted when the combobox menu fails to open.",
-              "name": "ev-error",
-              "reactName": "EvError",
-              "eventName": "EvErrorEvent"
+              "kind": "field",
+              "name": "successIcon",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "description": "Emitted when a custom option is added via allowCustomValues.",
-              "name": "ev-add-option",
-              "reactName": "EvAddOption",
-              "eventName": "EvAddOptionEvent"
-            }
-          ],
-          "attributes": [
+              "kind": "field",
+              "name": "errorIcon",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "tooltip",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The name of the combobox, submitted as a name/value pair with form data.",
-              "fieldName": "name"
+                "text": "LynkTooltip"
+              }
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "isCopying",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The current value of the combobox, submitted as a name/value pair with form data.",
-              "fieldName": "value"
+              "default": "false"
             },
             {
-              "name": "state",
+              "kind": "field",
+              "name": "status",
               "type": {
-                "text": "'error' | 'warning' | 'success' | 'default'"
+                "text": "'rest' | 'success' | 'error'"
               },
-              "default": "'default'",
-              "description": "The input's validity state when using manual validation or set automatically to `error` or `success` when field uses Constraint Validation",
-              "fieldName": "state"
+              "default": "'rest'"
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "value",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The combobox's size.",
-              "fieldName": "size"
+              "default": "''",
+              "description": "The text value to copy.",
+              "attribute": "value"
             },
             {
-              "name": "placeholder",
+              "kind": "field",
+              "name": "from",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Placeholder text to show as a hint when the combobox is empty.",
-              "fieldName": "placeholder"
+              "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
+              "attribute": "from"
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the combobox control.",
-              "fieldName": "disabled"
+              "description": "Disables the copy button.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "required",
+              "kind": "field",
+              "name": "copyLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Makes the combobox a required field.",
-              "fieldName": "required"
+              "default": "''",
+              "description": "A custom label to show in the tooltip.",
+              "attribute": "copy-label"
             },
             {
-              "name": "dirty",
+              "kind": "field",
+              "name": "successLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Adds the dirty indicator mark.",
-              "fieldName": "dirty"
+              "default": "''",
+              "description": "A custom label to show in the tooltip after copying.",
+              "attribute": "success-label"
             },
             {
-              "name": "clearable",
+              "kind": "field",
+              "name": "errorLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Adds a clear button when the combobox is not empty.",
-              "fieldName": "clearable"
+              "default": "''",
+              "description": "A custom label to show in the tooltip when a copy error occurs.",
+              "attribute": "error-label"
             },
             {
-              "name": "open",
+              "kind": "field",
+              "name": "feedbackDuration",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Indicates whether or not the combobox is open.\nYou can toggle this attribute to show and hide the listbox, or you can use the `show()`\nand `hide()` methods and this attribute will reflect the combobox's open state.",
-              "fieldName": "open"
+              "default": "1500",
+              "description": "The length of time to show feedback before restoring the default trigger.",
+              "attribute": "feedback-duration"
+            },
+            {
+              "kind": "field",
+              "name": "tooltipPlacement",
+              "type": {
+                "text": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip.",
+              "attribute": "tooltip-placement"
             },
             {
+              "kind": "field",
               "name": "hoist",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped,\nwhen the component is placed inside a container with `overflow: auto|scroll`.\nHoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "fieldName": "hoist"
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "attribute": "hoist"
             },
             {
-              "name": "label",
+              "kind": "method",
+              "name": "handleCopy",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "showStatus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "status",
+                  "type": {
+                    "text": "'success' | 'error'"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the data has been copied.",
+              "name": "ev-copy",
+              "reactName": "EvCopy",
+              "eventName": "EvCopyEvent"
+            },
+            {
+              "description": "Emitted when the data could not be copied.",
+              "name": "ev-error",
+              "reactName": "EvError",
+              "eventName": "EvErrorEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
+              "description": "The text value to copy.",
+              "fieldName": "value"
             },
             {
-              "name": "placement",
+              "name": "from",
               "type": {
-                "text": "'top' | 'bottom'"
+                "text": "string"
               },
-              "default": "'bottom'",
-              "description": "The preferred placement of the combobox's menu.\nNote that the actual placement may vary as needed to keep the listbox inside of the viewport.",
-              "fieldName": "placement"
+              "default": "''",
+              "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
+              "fieldName": "from"
             },
             {
-              "name": "help-tip",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The help tooltip appended to the label. Alternatively, you can use the help-tip slot.",
-              "fieldName": "helpTip"
+              "default": "false",
+              "description": "Disables the copy button.",
+              "fieldName": "disabled"
             },
             {
-              "name": "help-text",
+              "name": "copy-label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
+              "description": "A custom label to show in the tooltip.",
+              "fieldName": "copyLabel"
             },
             {
-              "name": "form",
+              "name": "success-label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element.\nThis attribute allows you to place the form control outside of a form and associate it\nwith the form that has this `id`.\nThe form must be in the same document or shadow root for this to work.",
-              "fieldName": "form"
+              "description": "A custom label to show in the tooltip after copying.",
+              "fieldName": "successLabel"
             },
             {
-              "name": "inline",
+              "name": "error-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Arranges the label inline next to the combobox instead of above it.",
-              "fieldName": "inline"
+              "default": "''",
+              "description": "A custom label to show in the tooltip when a copy error occurs.",
+              "fieldName": "errorLabel"
             },
             {
-              "name": "allow-custom-values",
+              "name": "feedback-duration",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Allows users to enter custom values that don't match existing options.",
-              "fieldName": "allowCustomValues"
+              "default": "1500",
+              "description": "The length of time to show feedback before restoring the default trigger.",
+              "fieldName": "feedbackDuration"
             },
             {
-              "name": "getOption",
+              "name": "tooltip-placement",
               "type": {
-                "text": "OptionRenderer"
+                "text": "'top' | 'right' | 'bottom' | 'left'"
               },
-              "default": "defaultOptionRenderer",
-              "description": "A function that customizes the rendered option. The first argument is the option, the second\nis the query string, which is typed into the combobox.\nThe function should return either a Lit TemplateResult or a string containing trusted HTML\nto render in the shown list of filtered options.\nIf the query string should be highlighted use the `highlightOptionRenderer` function.",
-              "fieldName": "getOption"
+              "default": "'top'",
+              "description": "The preferred placement of the tooltip.",
+              "fieldName": "tooltipPlacement"
             },
             {
-              "name": "filter",
+              "name": "hoist",
               "type": {
-                "text": "(option: LynkOption, queryString: string) => boolean"
-              },
-              "description": "A function used to filter options in the combobox component.\nThe default filter method is a case- and diacritic-insensitive string comparison.",
-              "parameters": [
-                {
-                  "description": "The option to be filtered.",
-                  "name": "option"
-                },
-                {
-                  "description": "The query string used for filtering.",
-                  "name": "queryString"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
+                "text": "boolean"
               },
-              "fieldName": "filter"
+              "default": "false",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "fieldName": "hoist"
             }
           ],
           "superclass": {
             "name": "LynkElement",
             "module": "/src/internal/lynk-element.js"
           },
-          "summary": "Comboboxes allow you to choose items from a menu of predefined options.",
-          "tagNameWithoutPrefix": "combobox",
-          "tagName": "lynk-combobox",
+          "summary": "Copies text data to the clipboard when the user clicks the trigger.",
+          "tagNameWithoutPrefix": "copy-button",
+          "tagName": "lynk-copy-button",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Comboboxes allow you to choose items from a menu of predefined options.\n * @documentation https://lynk.design/components/combobox\n * @since 1.0\n * @status experimental\n *\n * @dependency lynk-icon\n * @dependency lynk-popup\n *\n * @slot - The listbox options. Must be `<lynk-option>` elements.\n *    You can use `<lynk-optgroup>`'s to group items visually.\n * @slot label - The combobox's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot suffix - Used to append a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed.\n *    Rotates on open and close.\n * @slot help-text - Text that describes how to use the combobox.\n *    Alternatively, you can use the `help-text` attribute.\n *\n * @event ev-change - Emitted when the control's value changes.\n * @event ev-clear - Emitted when the control's value is cleared.\n * @event ev-input - Emitted when the control receives input.\n * @event ev-focus - Emitted when the control gains focus.\n * @event ev-blur - Emitted when the control loses focus.\n * @event ev-show - Emitted when the combobox's menu opens.\n * @event ev-after-show - Emitted after the combobox's menu opens and all animations are complete.\n * @event ev-hide - Emitted when the combobox's menu closes.\n * @event ev-after-hide - Emitted after the combobox's menu closes and all animations are complete.\n * @event ev-invalid - Emitted when the form control has been checked for validity\n *    and its constraints aren't satisfied.\n * @event ev-error - Emitted when the combobox menu fails to open.\n * @event ev-add-option - Emitted when a custom option is added via allowCustomValues.\n *\n * @csspart form-control - The form control that wraps the label, combobox, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The combobox's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the selected option's label,\n *     an `<input>` element.\n * @csspart listbox - The listbox container where the options are slotted\n *   and the filtered options list exists.\n * @csspart filtered-listbox - The container that wraps the filtered options.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n *\n * @animation combobox.show - The animation to use when showing the combobox.\n * @animation combobox.hide - The animation to use when hiding the combobox.\n */",
-          "documentation": "https://lynk.design/components/combobox",
+          "jsDoc": "/**\n * @summary Copies text data to the clipboard when the user clicks the trigger.\n * @documentation https://lynk.design/components/copy-button\n * @status stable\n * @since 1.0\n *\n * @dependency lynk-icon\n * @dependency lynk-tooltip\n *\n * @event ev-copy - Emitted when the data has been copied.\n * @event ev-error - Emitted when the data could not be copied.\n *\n * @slot copy-icon - The icon to show in the default copy state. Works best with `<lynk-icon>`.\n * @slot success-icon - The icon to show when the content is copied. Works best with `<lynk-icon>`.\n * @slot error-icon - The icon to show when a copy error occurs. Works best with `<lynk-icon>`.\n *\n * @csspart button - The internal `<button>` element.\n * @csspart copy-icon - The container that holds the copy icon.\n * @csspart success-icon - The container that holds the success icon.\n * @csspart error-icon - The container that holds the error icon.\n * @csspart tooltip__base - The tooltip's exported `base` part.\n * @csspart tooltip__base__popup - The tooltip's exported `popup` part.\n * @csspart tooltip__base__arrow - The tooltip's exported `arrow` part.\n * @csspart tooltip__body - The tooltip's exported `body` part.\n *\n * @cssproperty --success-color - The color to use for success feedback.\n * @cssproperty --error-color - The color to use for error feedback.\n *\n * @animation copy.in - The animation to use when feedback icons animate in.\n * @animation copy.out - The animation to use when feedback icons animate out.\n */",
+          "documentation": "https://lynk.design/components/copy-button",
+          "status": "stable",
           "since": "1.0",
-          "status": "experimental",
           "dependencies": [
             "lynk-icon",
-            "lynk-popup"
+            "lynk-tooltip"
           ],
           "animations": [
             {
-              "name": "combobox.show",
-              "description": "The animation to use when showing the combobox."
+              "name": "copy.in",
+              "description": "The animation to use when feedback icons animate in."
             },
             {
-              "name": "combobox.hide",
-              "description": "The animation to use when hiding the combobox."
+              "name": "copy.out",
+              "description": "The animation to use when feedback icons animate out."
             }
           ]
         }
@@ -7186,8 +7186,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "LynkCombobox",
-            "module": "components/combobox/combobox.js"
+            "name": "LynkCopyButton",
+            "module": "components/copy-button/copy-button.js"
           }
         }
       ]
@@ -8247,6 +8247,16 @@
               "description": "Adds a clear button when the input is populated.",
               "attribute": "clearable"
             },
+            {
+              "kind": "field",
+              "name": "normalizeMode",
+              "type": {
+                "text": "'none' | 'local'"
+              },
+              "default": "'none'",
+              "description": "Controls how incoming values with timezone information are normalized.\n- `'none'` (default): Values are passed through as-is with only basic format normalization (e.g. SQL datetime to ISO).\n- `'local'`: Values with timezone indicators (Z, +HH:MM, -HH:MM) and Unix timestamps are converted to local time\n  with the local timezone offset. This is useful when receiving UTC timestamps from APIs and wanting to display\n  them in the user's local time.",
+              "attribute": "normalize"
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -8402,6 +8412,25 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "toLocalISOString",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "Date"
+                  }
+                }
+              ],
+              "description": "Converts a Date to a local ISO string with timezone offset (e.g. 2024-01-15T16:30:00-06:00)"
+            },
             {
               "kind": "method",
               "name": "getTimezoneOffset",
@@ -8518,6 +8547,10 @@
               "kind": "method",
               "name": "handleValueChange"
             },
+            {
+              "kind": "method",
+              "name": "handleNormalizeModeChange"
+            },
             {
               "kind": "method",
               "name": "handleDisabledChange"
@@ -8756,6 +8789,15 @@
               "default": "false",
               "description": "Adds a clear button when the input is populated.",
               "fieldName": "clearable"
+            },
+            {
+              "name": "normalize",
+              "type": {
+                "text": "'none' | 'local'"
+              },
+              "default": "'none'",
+              "description": "Controls how incoming values with timezone information are normalized.\n- `'none'` (default): Values are passed through as-is with only basic format normalization (e.g. SQL datetime to ISO).\n- `'local'`: Values with timezone indicators (Z, +HH:MM, -HH:MM) and Unix timestamps are converted to local time\n  with the local timezone offset. This is useful when receiving UTC timestamps from APIs and wanting to display\n  them in the user's local time.",
+              "fieldName": "normalizeMode"
             }
           ],
           "superclass": {
@@ -9662,9 +9704,13 @@
           "name": "LynkDropdown",
           "cssParts": [
             {
-              "description": "The component's internal wrapper.",
+              "description": "The component's base wrapper, an `<sl-popup>` element.",
               "name": "base"
             },
+            {
+              "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
+              "name": "base__popup"
+            },
             {
               "description": "The container that wraps the trigger.",
               "name": "trigger"
@@ -9722,6 +9768,14 @@
               "readonly": true,
               "default": "new LocalizeController(this)"
             },
+            {
+              "kind": "field",
+              "name": "closeWatcher",
+              "type": {
+                "text": "CloseWatcher | null"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "open",
@@ -9905,6 +9959,11 @@
               "name": "reposition",
               "description": "Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated."
             },
+            {
+              "kind": "field",
+              "name": "handleCloseWatcherKeyDown",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "addOpenListeners"
@@ -10035,7 +10094,7 @@
           "tagNameWithoutPrefix": "dropdown",
           "tagName": "lynk-dropdown",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Dropdowns expose additional content that \"drops down\" in a panel.\n * @documentation https:/lynk.design/components/dropdown\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-popup\n *\n * @slot - The dropdown's content.\n * @slot trigger - The dropdown's trigger, usually a `<lynk-button>` element.\n *\n * @event ev-show - Emitted when the dropdown opens.\n * @event ev-after-show - Emitted after the dropdown opens and all animations are complete.\n * @event ev-hide - Emitted when the dropdown closes.\n * @event ev-after-hide - Emitted after the dropdown closes and all animations are complete.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart trigger - The container that wraps the trigger.\n * @csspart panel - The panel that gets shown when the dropdown is open.\n *\n * @animation dropdown.show - The animation to use when showing the dropdown.\n * @animation dropdown.hide - The animation to use when hiding the dropdown.\n */",
+          "jsDoc": "/**\n * @summary Dropdowns expose additional content that \"drops down\" in a panel.\n * @documentation https:/lynk.design/components/dropdown\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-popup\n *\n * @slot - The dropdown's content.\n * @slot trigger - The dropdown's trigger, usually a `<lynk-button>` element.\n *\n * @event ev-show - Emitted when the dropdown opens.\n * @event ev-after-show - Emitted after the dropdown opens and all animations are complete.\n * @event ev-hide - Emitted when the dropdown closes.\n * @event ev-after-hide - Emitted after the dropdown closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<sl-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart trigger - The container that wraps the trigger.\n * @csspart panel - The panel that gets shown when the dropdown is open.\n *\n * @animation dropdown.show - The animation to use when showing the dropdown.\n * @animation dropdown.hide - The animation to use when hiding the dropdown.\n */",
           "documentation": "https:/lynk.design/components/dropdown",
           "since": "1.0",
           "status": "stable",
@@ -10138,165 +10197,64 @@
               "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleRowChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleColumnChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "start",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Flank from first item",
-              "fieldName": "start"
-            },
-            {
-              "name": "end",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Flank from the last item",
-              "fieldName": "end"
-            },
-            {
-              "name": "align",
-              "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
-              },
-              "default": "'center'",
-              "description": "How to align flanked items to each-other",
-              "fieldName": "align"
-            },
-            {
-              "name": "gap",
-              "type": {
-                "text": "string"
-              },
-              "default": "'var(--lynk-spacing-small)'",
-              "description": "The space between flanked items. Use spacing tokens or any custom size.",
-              "fieldName": "gap"
-            }
-          ],
-          "superclass": {
-            "name": "LynkElement",
-            "module": "/src/internal/lynk-element.js"
-          },
-          "summary": "Position two items side-by-side, with one item positioned alongside, or _flanking_, content that stretches to fill the available space..",
-          "tagNameWithoutPrefix": "flank",
-          "tagName": "lynk-flank",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Position two items side-by-side, with one item positioned alongside, or _flanking_, content that stretches to fill the available space..\n * @documentation https://lynk.design/components/flank\n * @status experimental\n * @since 1.3\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty [--gap=var(--lynk-spacing-small)] - Customize the gap of the flank group.\n */",
-          "documentation": "https://lynk.design/components/flank",
-          "status": "experimental",
-          "since": "1.3"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "LynkFlank",
-            "module": "components/flank/flank.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/format-bytes/format-bytes.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LynkFormatBytes",
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number to format in bytes.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "unit",
-              "type": {
-                "text": "'byte' | 'bit'"
-              },
-              "default": "'byte'",
-              "description": "The type of unit to display.",
-              "attribute": "unit"
-            },
-            {
-              "kind": "field",
-              "name": "display",
-              "type": {
-                "text": "'long' | 'short' | 'narrow'"
-              },
-              "default": "'short'",
-              "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
-              "attribute": "display"
+              "kind": "method",
+              "name": "handleRowChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleColumnChange"
             }
           ],
           "attributes": [
             {
-              "name": "value",
+              "name": "start",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The number to format in bytes.",
-              "fieldName": "value"
+              "default": "true",
+              "description": "Flank from first item",
+              "fieldName": "start"
             },
             {
-              "name": "unit",
+              "name": "end",
               "type": {
-                "text": "'byte' | 'bit'"
+                "text": "boolean"
               },
-              "default": "'byte'",
-              "description": "The type of unit to display.",
-              "fieldName": "unit"
+              "default": "false",
+              "description": "Flank from the last item",
+              "fieldName": "end"
             },
             {
-              "name": "display",
+              "name": "align",
               "type": {
-                "text": "'long' | 'short' | 'narrow'"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
               },
-              "default": "'short'",
-              "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
-              "fieldName": "display"
+              "default": "'center'",
+              "description": "How to align flanked items to each-other",
+              "fieldName": "align"
+            },
+            {
+              "name": "gap",
+              "type": {
+                "text": "string"
+              },
+              "default": "'var(--lynk-spacing-small)'",
+              "description": "The space between flanked items. Use spacing tokens or any custom size.",
+              "fieldName": "gap"
             }
           ],
           "superclass": {
             "name": "LynkElement",
             "module": "/src/internal/lynk-element.js"
           },
-          "summary": "Formats a number as a human readable bytes value.",
-          "tagNameWithoutPrefix": "format-bytes",
-          "tagName": "lynk-format-bytes",
+          "summary": "Position two items side-by-side, with one item positioned alongside, or _flanking_, content that stretches to fill the available space..",
+          "tagNameWithoutPrefix": "flank",
+          "tagName": "lynk-flank",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Formats a number as a human readable bytes value.\n * @documentation https://lynk.design/components/format-bytes\n * @status stable\n * @since 1.0\n */",
-          "documentation": "https://lynk.design/components/format-bytes",
-          "status": "stable",
-          "since": "1.0"
+          "jsDoc": "/**\n * @summary Position two items side-by-side, with one item positioned alongside, or _flanking_, content that stretches to fill the available space..\n * @documentation https://lynk.design/components/flank\n * @status experimental\n * @since 1.3\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty [--gap=var(--lynk-spacing-small)] - Customize the gap of the flank group.\n */",
+          "documentation": "https://lynk.design/components/flank",
+          "status": "experimental",
+          "since": "1.3"
         }
       ],
       "exports": [
@@ -10304,8 +10262,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "LynkFormatBytes",
-            "module": "components/format-bytes/format-bytes.js"
+            "name": "LynkFlank",
+            "module": "components/flank/flank.js"
           }
         }
       ]
@@ -10700,6 +10658,107 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/format-bytes/format-bytes.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LynkFormatBytes",
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The number to format in bytes.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "unit",
+              "type": {
+                "text": "'byte' | 'bit'"
+              },
+              "default": "'byte'",
+              "description": "The type of unit to display.",
+              "attribute": "unit"
+            },
+            {
+              "kind": "field",
+              "name": "display",
+              "type": {
+                "text": "'long' | 'short' | 'narrow'"
+              },
+              "default": "'short'",
+              "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
+              "attribute": "display"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The number to format in bytes.",
+              "fieldName": "value"
+            },
+            {
+              "name": "unit",
+              "type": {
+                "text": "'byte' | 'bit'"
+              },
+              "default": "'byte'",
+              "description": "The type of unit to display.",
+              "fieldName": "unit"
+            },
+            {
+              "name": "display",
+              "type": {
+                "text": "'long' | 'short' | 'narrow'"
+              },
+              "default": "'short'",
+              "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
+              "fieldName": "display"
+            }
+          ],
+          "superclass": {
+            "name": "LynkElement",
+            "module": "/src/internal/lynk-element.js"
+          },
+          "summary": "Formats a number as a human readable bytes value.",
+          "tagNameWithoutPrefix": "format-bytes",
+          "tagName": "lynk-format-bytes",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Formats a number as a human readable bytes value.\n * @documentation https://lynk.design/components/format-bytes\n * @status stable\n * @since 1.0\n */",
+          "documentation": "https://lynk.design/components/format-bytes",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LynkFormatBytes",
+            "module": "components/format-bytes/format-bytes.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/format-date/format-date.js",
@@ -13367,6 +13426,13 @@
           "kind": "class",
           "description": "",
           "name": "LynkMenuItem",
+          "cssProperties": [
+            {
+              "description": "The distance submenus shift to overlap the parent menu.",
+              "name": "--submenu-offset",
+              "default": "-2px"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's internal wrapper.",
@@ -13387,6 +13453,18 @@
             {
               "description": "The suffix container.",
               "name": "suffix"
+            },
+            {
+              "description": "The spinner that shows when the menu item is in the loading state.",
+              "name": "spinner"
+            },
+            {
+              "description": "The spinner's base part.",
+              "name": "spinner__base"
+            },
+            {
+              "description": "The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
+              "name": "submenu-icon"
             }
           ],
           "slots": [
@@ -13401,6 +13479,10 @@
             {
               "description": "Used to append an icon or similar element to the menu item.",
               "name": "suffix"
+            },
+            {
+              "description": "Used to denote a nested menu.",
+              "name": "submenu"
             }
           ],
           "members": [
@@ -13411,7 +13493,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'lynk-icon': LynkIcon }"
+              "default": "{ 'lynk-icon': LynkIcon, 'lynk-popup': LynkPopup, 'lynk-spinner': LynkSpinner }"
             },
             {
               "kind": "field",
@@ -13421,6 +13503,13 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "defaultSlot",
@@ -13466,6 +13555,17 @@
               "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the menu item in a loading state.",
+              "attribute": "loading",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -13477,6 +13577,22 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'submenu')"
+            },
+            {
+              "kind": "field",
+              "name": "submenuController",
+              "type": {
+                "text": "SubmenuController"
+              },
+              "privacy": "private",
+              "default": "new SubmenuController(this, this.hasSlotController)"
+            },
             {
               "kind": "method",
               "name": "handleDefaultSlotChange",
@@ -13495,6 +13611,11 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "handleMouseOver",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleCheckedChange"
@@ -13511,6 +13632,10 @@
               "kind": "method",
               "name": "getTextLabel",
               "description": "Returns a text label based on the contents of the menu item's default slot."
+            },
+            {
+              "kind": "method",
+              "name": "isSubmenu"
             }
           ],
           "events": [
@@ -13549,6 +13674,15 @@
               "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
               "fieldName": "value"
             },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the menu item in a loading state.",
+              "fieldName": "loading"
+            },
             {
               "name": "disabled",
               "type": {
@@ -13567,12 +13701,14 @@
           "tagNameWithoutPrefix": "menu-item",
           "tagName": "lynk-menu-item",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Menu items provide options for the user to pick from in a menu.\n * @documentation https://lynk.design/components/menu-item\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-icon\n *\n * @event ev-click - Emitted when a menu item is clicked\n *\n * @slot - The menu item's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart checked-icon - The checked icon, which is only visible when the menu item is checked.\n * @csspart prefix - The prefix container.\n * @csspart label - The menu item label.\n * @csspart suffix - The suffix container.\n */",
+          "jsDoc": "/**\n * @summary Menu items provide options for the user to pick from in a menu.\n * @documentation https://lynk.design/components/menu-item\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-icon\n * @dependency lynk-popup\n * @dependency lynk-spinner\n *\n * @event ev-click - Emitted when a menu item is clicked\n *\n * @slot - The menu item's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n * @slot submenu - Used to denote a nested menu.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart checked-icon - The checked icon, which is only visible when the menu item is checked.\n * @csspart prefix - The prefix container.\n * @csspart label - The menu item label.\n * @csspart suffix - The suffix container.\n * @csspart spinner - The spinner that shows when the menu item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart submenu-icon - The submenu icon, visible only when the menu item has a submenu (not yet implemented).\n *\n * @cssproperty [--submenu-offset=-2px] - The distance submenus shift to overlap the parent menu.\n */",
           "documentation": "https://lynk.design/components/menu-item",
           "since": "1.0",
           "status": "stable",
           "dependencies": [
-            "lynk-icon"
+            "lynk-icon",
+            "lynk-popup",
+            "lynk-spinner"
           ]
         }
       ],
@@ -27552,6 +27688,10 @@
               "description": "Applied when the tree item is disabled.",
               "name": "item--disabled"
             },
+            {
+              "description": "Applied when the tree item is readonly.",
+              "name": "item--readonly"
+            },
             {
               "description": "Applied when the tree item is expanded.",
               "name": "item--expanded"
@@ -27730,6 +27870,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tree item readonly. The item cannot be selected but can still be expanded/collapsed.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "lazy",
@@ -27925,6 +28076,15 @@
               "description": "Disables the tree item.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tree item readonly. The item cannot be selected but can still be expanded/collapsed.",
+              "fieldName": "readonly"
+            },
             {
               "name": "lazy",
               "type": {
@@ -27943,7 +28103,7 @@
           "tagNameWithoutPrefix": "tree-item",
           "tagName": "lynk-tree-item",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n * @documentation https://lynk.design/components/tree-item\n * @status stable\n * @since 1.11\n *\n * @dependency lynk-checkbox\n * @dependency lynk-icon\n * @dependency lynk-spinner\n *\n * @event ev-expand - Emitted when the tree item expands.\n * @event ev-after-expand - Emitted after the tree item expands and all animations are complete.\n * @event ev-collapse - Emitted when the tree item collapses.\n * @event ev-after-collapse - Emitted after the tree item collapses and all animations are complete.\n * @event ev-lazy-change - Emitted when the tree item's lazy state changes.\n * @event ev-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\n *  items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\n *  state and update the tree.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded.\n * @slot collapse-icon - The icon to show when the tree item is collapsed.\n *\n * @csspart base - The component's base wrapper.\n * @csspart item - The tree item's container. This element wraps everything except slotted tree item children.\n * @csspart item--disabled - Applied when the tree item is disabled.\n * @csspart item--expanded - Applied when the tree item is expanded.\n * @csspart item--indeterminate - Applied when the selection is indeterminate.\n * @csspart item--selected - Applied when the tree item is selected.\n * @csspart indentation - The tree item's indentation container.\n * @csspart expand-button - The container that wraps the tree item's expand button and spinner.\n * @csspart spinner - The spinner that shows when a lazy tree item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart label - The tree item's label.\n * @csspart children - The container that wraps the tree item's nested children.\n * @csspart checkbox - The checkbox that shows when using multiselect.\n * @csspart checkbox__base - The checkbox's exported `base` part.\n * @csspart checkbox__control - The checkbox's exported `control` part.\n * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part.\n * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part.\n * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part.\n * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part.\n * @csspart checkbox__label - The checkbox's exported `label` part.\n */",
+          "jsDoc": "/**\n * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n * @documentation https://lynk.design/components/tree-item\n * @status stable\n * @since 1.11\n *\n * @dependency lynk-checkbox\n * @dependency lynk-icon\n * @dependency lynk-spinner\n *\n * @event ev-expand - Emitted when the tree item expands.\n * @event ev-after-expand - Emitted after the tree item expands and all animations are complete.\n * @event ev-collapse - Emitted when the tree item collapses.\n * @event ev-after-collapse - Emitted after the tree item collapses and all animations are complete.\n * @event ev-lazy-change - Emitted when the tree item's lazy state changes.\n * @event ev-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\n *  items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\n *  state and update the tree.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded.\n * @slot collapse-icon - The icon to show when the tree item is collapsed.\n *\n * @csspart base - The component's base wrapper.\n * @csspart item - The tree item's container. This element wraps everything except slotted tree item children.\n * @csspart item--disabled - Applied when the tree item is disabled.\n * @csspart item--readonly - Applied when the tree item is readonly.\n * @csspart item--expanded - Applied when the tree item is expanded.\n * @csspart item--indeterminate - Applied when the selection is indeterminate.\n * @csspart item--selected - Applied when the tree item is selected.\n * @csspart indentation - The tree item's indentation container.\n * @csspart expand-button - The container that wraps the tree item's expand button and spinner.\n * @csspart spinner - The spinner that shows when a lazy tree item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart label - The tree item's label.\n * @csspart children - The container that wraps the tree item's nested children.\n * @csspart checkbox - The checkbox that shows when using multiselect.\n * @csspart checkbox__base - The checkbox's exported `base` part.\n * @csspart checkbox__control - The checkbox's exported `control` part.\n * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part.\n * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part.\n * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part.\n * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part.\n * @csspart checkbox__label - The checkbox's exported `label` part.\n */",
           "documentation": "https://lynk.design/components/tree-item",
           "status": "stable",
           "since": "1.11",
@@ -28336,7 +28496,7 @@
   "package": {
     "name": "@uplynk/lynk-design",
     "description": "A library of web components for building web applications with the Uplynk user interface style guide.",
-    "version": "1.11.2",
+    "version": "1.12.0",
     "author": "Harley Jessop",
     "homepage": "https://lynk.design/",
     "license": "SEE LICENSE IN .LICENSE"