@uplynk/lynk-design 1.11.2 → 1.11.3

package/dist/custom-elements.json

@@ -124,127 +124,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/auto-grid/auto-grid.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LynkAutoGrid",
-          "cssProperties": [
-            {
-              "description": "Customize the gap of the auto-grid group.",
-              "name": "--gap",
-              "default": "var(--lynk-spacing-base)"
-            },
-            {
-              "description": "Customize the allowed min-size of the auto-grid items.",
-              "name": "--min-size",
-              "default": "20rem"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's internal wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "autoSize",
-              "type": {
-                "text": "'fit' | 'fill'"
-              },
-              "default": "'fit'",
-              "description": "How to justify auto-grid items",
-              "attribute": "auto-size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minSize",
-              "type": {
-                "text": "string"
-              },
-              "default": "'20rem'",
-              "description": "How to align auto-grid items to each-other",
-              "attribute": "min-size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "gap",
-              "type": {
-                "text": "string"
-              },
-              "default": "'var(--lynk-spacing-base)'",
-              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
-              "attribute": "gap",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "auto-size",
-              "type": {
-                "text": "'fit' | 'fill'"
-              },
-              "default": "'fit'",
-              "description": "How to justify auto-grid items",
-              "fieldName": "autoSize"
-            },
-            {
-              "name": "min-size",
-              "type": {
-                "text": "string"
-              },
-              "default": "'20rem'",
-              "description": "How to align auto-grid items to each-other",
-              "fieldName": "minSize"
-            },
-            {
-              "name": "gap",
-              "type": {
-                "text": "string"
-              },
-              "default": "'var(--lynk-spacing-base)'",
-              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
-              "fieldName": "gap"
-            }
-          ],
-          "superclass": {
-            "name": "LynkElement",
-            "module": "/src/internal/lynk-element.js"
-          },
-          "summary": "A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.",
-          "tagNameWithoutPrefix": "auto-grid",
-          "tagName": "lynk-auto-grid",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.\n * @documentation https://lynk.design/components/auto-grid\n * @since 1.0\n * @status stable\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's internal wrapper.\n *\n * @cssproperty [--gap=var(--lynk-spacing-base)] - Customize the gap of the auto-grid group.\n * @cssproperty [--min-size=20rem] - Customize the allowed min-size of the auto-grid items.\n */",
-          "documentation": "https://lynk.design/components/auto-grid",
-          "since": "1.0",
-          "status": "stable"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "LynkAutoGrid",
-            "module": "components/auto-grid/auto-grid.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -926,6 +805,127 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/auto-grid/auto-grid.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LynkAutoGrid",
+          "cssProperties": [
+            {
+              "description": "Customize the gap of the auto-grid group.",
+              "name": "--gap",
+              "default": "var(--lynk-spacing-base)"
+            },
+            {
+              "description": "Customize the allowed min-size of the auto-grid items.",
+              "name": "--min-size",
+              "default": "20rem"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "autoSize",
+              "type": {
+                "text": "'fit' | 'fill'"
+              },
+              "default": "'fit'",
+              "description": "How to justify auto-grid items",
+              "attribute": "auto-size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minSize",
+              "type": {
+                "text": "string"
+              },
+              "default": "'20rem'",
+              "description": "How to align auto-grid items to each-other",
+              "attribute": "min-size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "gap",
+              "type": {
+                "text": "string"
+              },
+              "default": "'var(--lynk-spacing-base)'",
+              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
+              "attribute": "gap",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "auto-size",
+              "type": {
+                "text": "'fit' | 'fill'"
+              },
+              "default": "'fit'",
+              "description": "How to justify auto-grid items",
+              "fieldName": "autoSize"
+            },
+            {
+              "name": "min-size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'20rem'",
+              "description": "How to align auto-grid items to each-other",
+              "fieldName": "minSize"
+            },
+            {
+              "name": "gap",
+              "type": {
+                "text": "string"
+              },
+              "default": "'var(--lynk-spacing-base)'",
+              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
+              "fieldName": "gap"
+            }
+          ],
+          "superclass": {
+            "name": "LynkElement",
+            "module": "/src/internal/lynk-element.js"
+          },
+          "summary": "A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.",
+          "tagNameWithoutPrefix": "auto-grid",
+          "tagName": "lynk-auto-grid",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.\n * @documentation https://lynk.design/components/auto-grid\n * @since 1.0\n * @status stable\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's internal wrapper.\n *\n * @cssproperty [--gap=var(--lynk-spacing-base)] - Customize the gap of the auto-grid group.\n * @cssproperty [--min-size=20rem] - Customize the allowed min-size of the auto-grid items.\n */",
+          "documentation": "https://lynk.design/components/auto-grid",
+          "since": "1.0",
+          "status": "stable"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LynkAutoGrid",
+            "module": "components/auto-grid/auto-grid.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/avatar/avatar.js",
@@ -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"
+              "kind": "field",
+              "name": "handleDocumentFocusIn",
+              "privacy": "private"
             },
             {
-              "description": "The container that wraps the filtered options.",
-              "name": "filtered-listbox"
+              "kind": "field",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private"
             },
             {
-              "description": "The clear button.",
-              "name": "clear-button"
+              "kind": "field",
+              "name": "handleDocumentMouseDown",
+              "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": ""
-            },
-            {
-              "description": "The combobox's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
-            },
-            {
-              "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"
-              },
-              "default": "''"
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message.\nReturns `true` when valid and `false` when invalid."
             },
             {
-              "kind": "field",
-              "name": "selectedOption",
-              "type": {
-                "text": "LynkOption | undefined"
-              }
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
             },
             {
-              "kind": "field",
-              "name": "numberFilteredOptions",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
-              "kind": "field",
-              "name": "cachedOptions",
-              "type": {
-                "text": "LynkOption[]"
-              },
-              "default": "[]"
+              "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": "showCustomOption",
-              "type": {
-                "text": "boolean"
-              },
+              "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."
+            },
+            {
+              "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."
-            },
+              "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": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
+              "name": "combobox.show",
+              "description": "The animation to use when showing the combobox."
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
-            },
+              "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": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+              "description": "The color to use for success feedback.",
+              "name": "--success-color"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the control."
-            },
+              "description": "The color to use for error feedback.",
+              "name": "--error-color"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the control."
+              "description": "The internal `<button>` element.",
+              "name": "button"
             },
             {
-              "kind": "method",
-              "name": "createComboboxOptionsFromQuery",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "queryString",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "The container that holds the copy icon.",
+              "name": "copy-icon"
             },
             {
-              "kind": "method",
-              "name": "handleInput",
-              "privacy": "private"
+              "description": "The container that holds the success icon.",
+              "name": "success-icon"
             },
             {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "private"
+              "description": "The container that holds the error icon.",
+              "name": "error-icon"
             },
             {
-              "kind": "method",
-              "name": "getSlottedOptions",
-              "privacy": "private"
+              "description": "The tooltip's exported `base` part.",
+              "name": "tooltip__base"
             },
             {
-              "kind": "method",
-              "name": "getSlottedOptGroups",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "SynOptGroup[]"
-                }
-              }
+              "description": "The tooltip's exported `popup` part.",
+              "name": "tooltip__base__popup"
             },
             {
-              "kind": "method",
-              "name": "cacheSlottedOptionsAndOptgroups",
-              "privacy": "private"
+              "description": "The tooltip's exported `arrow` part.",
+              "name": "tooltip__base__arrow"
             },
             {
-              "kind": "method",
-              "name": "handleDefaultSlotChange",
-              "privacy": "public"
+              "description": "The tooltip's exported `body` part.",
+              "name": "tooltip__body"
             }
           ],
-          "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"
-            },
+          "slots": [
             {
-              "description": "Emitted when the control loses focus.",
-              "name": "ev-blur",
-              "reactName": "EvBlur",
-              "eventName": "EvBlurEvent"
+              "description": "The icon to show in the default copy state. Works best with `<lynk-icon>`.",
+              "name": "copy-icon"
             },
             {
-              "description": "Emitted when the combobox's menu opens.",
-              "name": "ev-show",
-              "reactName": "EvShow",
-              "eventName": "EvShowEvent"
+              "description": "The icon to show when the content is copied. Works best with `<lynk-icon>`.",
+              "name": "success-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 a copy error occurs. Works best with `<lynk-icon>`.",
+              "name": "error-icon"
+            }
+          ],
+          "members": [
             {
-              "description": "Emitted when the combobox's menu closes.",
-              "name": "ev-hide",
-              "reactName": "EvHide",
-              "eventName": "EvHideEvent"
+              "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",
-              "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": ""
-                }
+            {
+              "name": "hoist",
+              "type": {
+                "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"
           }
         }
       ]
@@ -10209,107 +10209,6 @@
         }
       ]
     },
-    {
-      "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/form-field/form-field.js",
@@ -10700,6 +10599,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",
@@ -27552,6 +27552,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 +27734,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 +27940,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 +27967,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 +28360,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.11.3",
     "author": "Harley Jessop",
     "homepage": "https://lynk.design/",
     "license": "SEE LICENSE IN .LICENSE"