@synergy-design-system/components 2.6.0 → 2.7.0

package/dist/custom-elements.json

@@ -144,6 +144,82 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/badge/badge.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SynBadge",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The badge's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "SynergyElement",
+            "module": "/src/internal/synergy-element.js"
+          },
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "tagNameWithoutPrefix": "badge",
+          "tagName": "syn-badge",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://synergy.style/components/badge\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://synergy.style/components/badge",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SynBadge",
+            "module": "components/badge/badge.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -401,82 +477,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/badge/badge.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SynBadge",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The badge's content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "SynergyElement",
-            "module": "/src/internal/synergy-element.js"
-          },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
-          "tagNameWithoutPrefix": "badge",
-          "tagName": "syn-badge",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://synergy.style/components/badge\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://synergy.style/components/badge",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SynBadge",
-            "module": "components/badge/badge.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/breadcrumb/breadcrumb.js",
@@ -819,14 +819,14 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-icon': SynIcon,\n    'syn-spinner': SynSpinner\n  }"
+              "default": "{ 'syn-icon': SynIcon, 'syn-spinner': SynSpinner }"
             },
             {
               "kind": "field",
               "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['click']\n  })"
+              "default": "new FormControlController(this, { assumeInteractionOn: ['click'] })"
             },
             {
               "kind": "field",
@@ -1727,7 +1727,7 @@
               "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, {\n    value: (control: SynCheckbox) => (control.checked ? control.value || 'on' : undefined),\n    defaultValue: (control: SynCheckbox) => control.defaultChecked,\n    setValue: (control: SynCheckbox, checked: boolean) => (control.checked = checked)\n  })"
+              "default": "new FormControlController(this, { value: (control: SynCheckbox) => (control.checked ? control.value || 'on' : undefined), defaultValue: (control: SynCheckbox) => control.defaultChecked, setValue: (control: SynCheckbox, checked: boolean) => (control.checked = checked) })"
             },
             {
               "kind": "field",
@@ -2182,7 +2182,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-icon': SynIcon\n  }"
+              "default": "{ 'syn-icon': SynIcon }"
             },
             {
               "kind": "field",
@@ -2524,7 +2524,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-icon-button': SynIconButton\n  }"
+              "default": "{ 'syn-icon-button': SynIconButton }"
             },
             {
               "kind": "field",
@@ -3283,9 +3283,13 @@
           "name": "SynDropdown",
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
+              "description": "The component's base wrapper, an `<syn-popup>` element.",
               "name": "base"
             },
+            {
+              "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
+              "name": "base__popup"
+            },
             {
               "description": "The container that wraps the trigger.",
               "name": "trigger"
@@ -3644,7 +3648,7 @@
           "tagNameWithoutPrefix": "dropdown",
           "tagName": "syn-dropdown",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Dropdowns expose additional content that \"drops down\" in a panel.\n * @documentation https://synergy.style/components/dropdown\n * @status stable\n * @since 2.0\n *\n * @dependency syn-popup\n *\n * @slot - The dropdown's main content.\n * @slot trigger - The dropdown's trigger, usually a `<syn-button>` element.\n *\n * @event syn-show - Emitted when the dropdown opens.\n * @event syn-after-show - Emitted after the dropdown opens and all animations are complete.\n * @event syn-hide - Emitted when the dropdown closes.\n * @event syn-after-hide - Emitted after the dropdown closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart trigger - The container that wraps the trigger.\n * @csspart panel - The panel that gets shown when the dropdown is open.\n *\n * @animation dropdown.show - The animation to use when showing the dropdown.\n * @animation dropdown.hide - The animation to use when hiding the dropdown.\n */",
+          "jsDoc": "/**\n * @summary Dropdowns expose additional content that \"drops down\" in a panel.\n * @documentation https://synergy.style/components/dropdown\n * @status stable\n * @since 2.0\n *\n * @dependency syn-popup\n *\n * @slot - The dropdown's main content.\n * @slot trigger - The dropdown's trigger, usually a `<syn-button>` element.\n *\n * @event syn-show - Emitted when the dropdown opens.\n * @event syn-after-show - Emitted after the dropdown opens and all animations are complete.\n * @event syn-hide - Emitted when the dropdown closes.\n * @event syn-after-hide - Emitted after the dropdown closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<syn-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart trigger - The container that wraps the trigger.\n * @csspart panel - The panel that gets shown when the dropdown is open.\n *\n * @animation dropdown.show - The animation to use when showing the dropdown.\n * @animation dropdown.hide - The animation to use when hiding the dropdown.\n */",
           "documentation": "https://synergy.style/components/dropdown",
           "status": "stable",
           "since": "2.0",
@@ -3762,14 +3766,14 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-button': SynButton,\n    'syn-icon': SynIcon,\n  }"
+              "default": "{ 'syn-button': SynButton, 'syn-icon': SynIcon, }"
             },
             {
               "kind": "field",
               "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['syn-change'],\n    // This makes sure the value sent in formdata events is always the files object\n    // @see internals/form.ts #handleFormData for more information\n    value: (el: SynFile) => el.files,\n  })"
+              "default": "new FormControlController(this, { assumeInteractionOn: ['syn-change'], // This makes sure the value sent in formdata events is always the files object // @see internals/form.ts #handleFormData for more information value: (el: SynFile) => el.files, })"
             },
             {
               "kind": "field",
@@ -4450,7 +4454,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-icon': SynIcon,\n  }"
+              "default": "{ 'syn-icon': SynIcon, }"
             },
             {
               "kind": "field",
@@ -5227,14 +5231,14 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n\t\t'syn-icon': SynIcon,\n\t\t'syn-divider': SynDivider\n\t}"
+              "default": "{ 'syn-icon': SynIcon, 'syn-divider': SynDivider }"
             },
             {
               "kind": "field",
               "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['syn-blur', 'syn-input']\n  })"
+              "default": "new FormControlController(this, { assumeInteractionOn: ['syn-blur', 'syn-input'] })"
             },
             {
               "kind": "field",
@@ -6332,7 +6336,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-icon': SynIcon,\n    'syn-popup': SynPopup,\n    'syn-spinner': SynSpinner\n  }"
+              "default": "{ 'syn-icon': SynIcon, 'syn-popup': SynPopup, 'syn-spinner': SynSpinner }"
             },
             {
               "kind": "field",
@@ -6409,13 +6413,6 @@
               "attribute": "disabled",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
             {
               "kind": "field",
               "name": "hasSlotController",
@@ -6430,7 +6427,7 @@
                 "text": "SubmenuController"
               },
               "privacy": "private",
-              "default": "new SubmenuController(this, this.hasSlotController, this.localize)"
+              "default": "new SubmenuController(this, this.hasSlotController)"
             },
             {
               "kind": "method",
@@ -6588,7 +6585,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-divider': SynDivider,\n  }"
+              "default": "{ 'syn-divider': SynDivider, }"
             }
           ],
           "superclass": {
@@ -6709,7 +6706,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-divider': SynDivider,\n  }"
+              "default": "{ 'syn-divider': SynDivider, }"
             },
             {
               "kind": "field",
@@ -7204,7 +7201,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-divider': SynDivider,\n  }"
+              "default": "{ 'syn-divider': SynDivider, }"
             },
             {
               "kind": "field",
@@ -8111,7 +8108,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-dropdown': SynDropdown,\n    'syn-icon': SynIcon,\n    'syn-menu': SynMenu,\n    'syn-nav-item': SynNavItem,\n  }"
+              "default": "{ 'syn-dropdown': SynDropdown, 'syn-icon': SynIcon, 'syn-menu': SynMenu, 'syn-nav-item': SynNavItem, }"
             },
             {
               "kind": "field",
@@ -9550,7 +9547,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-tooltip': SynTooltip,\n  }"
+              "default": "{ 'syn-tooltip': SynTooltip, }"
             },
             {
               "kind": "field",
@@ -9866,6 +9863,7 @@
             {
               "kind": "method",
               "name": "#onClickTrack",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
@@ -9878,6 +9876,7 @@
             {
               "kind": "method",
               "name": "#onClickThumb",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
@@ -9890,6 +9889,7 @@
             {
               "kind": "method",
               "name": "#onDragThumb",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
@@ -9902,6 +9902,7 @@
             {
               "kind": "method",
               "name": "#onReleaseThumb",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
@@ -9914,6 +9915,7 @@
             {
               "kind": "method",
               "name": "#moveThumb",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "thumb",
@@ -9931,11 +9933,13 @@
             },
             {
               "kind": "method",
-              "name": "#updateActiveTrack"
+              "name": "#updateActiveTrack",
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "#onKeyPress",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
@@ -9948,6 +9952,7 @@
             {
               "kind": "method",
               "name": "#onBlur",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
@@ -9960,6 +9965,7 @@
             {
               "kind": "method",
               "name": "#updateTooltip",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "thumb",
@@ -9972,6 +9978,7 @@
             {
               "kind": "method",
               "name": "#onFocusThumb",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
@@ -9984,6 +9991,7 @@
             {
               "kind": "method",
               "name": "#handleInvalid",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
@@ -9995,7 +10003,8 @@
             },
             {
               "kind": "method",
-              "name": "#updatePrefixSuffixPosition"
+              "name": "#updatePrefixSuffixPosition",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -10285,13 +10294,17 @@
               "name": "form-control-help-text"
             },
             {
-              "description": "The container the wraps the prefix, combobox, clear icon, and expand button.",
+              "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
               "name": "combobox"
             },
             {
               "description": "The container that wraps the prefix slot.",
               "name": "prefix"
             },
+            {
+              "description": "The container that wraps the suffix slot.",
+              "name": "suffix"
+            },
             {
               "description": "The element that displays the selected option's label, an `<input>` element.",
               "name": "display-input"
@@ -10346,6 +10359,10 @@
               "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"
@@ -10367,14 +10384,14 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-icon': SynIcon,\n    'syn-popup': SynPopup,\n    'syn-tag': SynTag\n  }"
+              "default": "{ 'syn-icon': SynIcon, 'syn-popup': SynPopup, 'syn-tag': SynTag }"
             },
             {
               "kind": "field",
               "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['syn-blur', 'syn-input']\n  })"
+              "default": "new FormControlController(this, { assumeInteractionOn: ['syn-blur', 'syn-input'] })"
             },
             {
               "kind": "field",
@@ -11168,7 +11185,7 @@
           "tagNameWithoutPrefix": "select",
           "tagName": "syn-select",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Selects allow you to choose items from a menu of predefined options.\n * @documentation https://synergy.style/components/select\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-popup\n * @dependency syn-tag\n *\n * @slot - The listbox options. Must be `<syn-option>` elements. You can use `<syn-divider>` to group items visually.\n * @slot label - The input'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 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. Rotates on open and close.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-change - Emitted when the control's value changes.\n * @event syn-clear - Emitted when the control's value is cleared.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-show - Emitted when the select's menu opens.\n * @event syn-after-show - Emitted after the select's menu opens and all animations are complete.\n * @event syn-hide - Emitted when the select's menu closes.\n * @event syn-after-hide - Emitted after the select's menu closes and all animations are complete.\n * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The select'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 display-input - The element that displays the selected option's label, an `<input>` element.\n * @csspart listbox - The listbox container where options are slotted.\n * @csspart tags - The container that houses option tags when `multiselect` is used.\n * @csspart tag - The individual tags that represent each multiselect option.\n * @csspart tag__base - The tag's base part.\n * @csspart tag__content - The tag's content part.\n * @csspart tag__remove-button - The tag's remove button.\n * @csspart tag__remove-button__base - The tag's remove button base part.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n */",
+          "jsDoc": "/**\n * @summary Selects allow you to choose items from a menu of predefined options.\n * @documentation https://synergy.style/components/select\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-popup\n * @dependency syn-tag\n *\n * @slot - The listbox options. Must be `<syn-option>` elements. You can use `<syn-divider>` to group items visually.\n * @slot label - The input'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. Rotates on open and close.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-change - Emitted when the control's value changes.\n * @event syn-clear - Emitted when the control's value is cleared.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-show - Emitted when the select's menu opens.\n * @event syn-after-show - Emitted after the select's menu opens and all animations are complete.\n * @event syn-hide - Emitted when the select's menu closes.\n * @event syn-after-hide - Emitted after the select's menu closes and all animations are complete.\n * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The select's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, suffix, 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, an `<input>` element.\n * @csspart listbox - The listbox container where options are slotted.\n * @csspart tags - The container that houses option tags when `multiselect` is used.\n * @csspart tag - The individual tags that represent each multiselect option.\n * @csspart tag__base - The tag's base part.\n * @csspart tag__content - The tag's content part.\n * @csspart tag__remove-button - The tag's remove button.\n * @csspart tag__remove-button__base - The tag's remove button base part.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n */",
           "documentation": "https://synergy.style/components/select",
           "status": "stable",
           "since": "2.0",
@@ -11256,7 +11273,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n    'syn-divider': SynDivider,\n    'syn-drawer': SynDrawer,\n  }"
+              "default": "{ 'syn-divider': SynDivider, 'syn-drawer': SynDrawer, }"
             },
             {
               "kind": "field",
@@ -11648,7 +11665,7 @@
               "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, {\n    value: (control: SynSwitch) => (control.checked ? control.value || 'on' : undefined),\n    defaultValue: (control: SynSwitch) => control.defaultChecked,\n    setValue: (control: SynSwitch, checked: boolean) => (control.checked = checked)\n  })"
+              "default": "new FormControlController(this, { value: (control: SynSwitch) => (control.checked ? control.value || 'on' : undefined), defaultValue: (control: SynSwitch) => control.defaultChecked, setValue: (control: SynSwitch, checked: boolean) => (control.checked = checked) })"
             },
             {
               "kind": "field",
@@ -12136,7 +12153,8 @@
               },
               "default": "false",
               "description": "Makes the tab closable and shows a close button.",
-              "attribute": "closable"
+              "attribute": "closable",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12169,25 +12187,6 @@
             {
               "kind": "method",
               "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus to the tab."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the tab."
             }
           ],
           "events": [
@@ -12388,6 +12387,15 @@
               "privacy": "private",
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "focusableTabs",
+              "type": {
+                "text": "SynTab[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
             {
               "kind": "field",
               "name": "panels",
@@ -12487,16 +12495,7 @@
             {
               "kind": "method",
               "name": "getAllTabs",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "options",
-                  "default": "{ includeDisabled: true }",
-                  "type": {
-                    "text": "{ includeDisabled: boolean }"
-                  }
-                }
-              ]
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -12579,6 +12578,25 @@
               "name": "syncTabsAndPanels",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "findNextFocusableTab",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "currentIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "'forward' | 'backward'"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "updateScrollControls"
@@ -12994,7 +13012,7 @@
               "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, {\n    assumeInteractionOn: ['syn-blur', 'syn-input']\n  })"
+              "default": "new FormControlController(this, { assumeInteractionOn: ['syn-blur', 'syn-input'] })"
             },
             {
               "kind": "field",
@@ -14093,7 +14111,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.6.0",
+    "version": "2.7.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/internal/animate.d.ts

@@ -22,7 +22,7 @@ export declare function stopAnimations(el: HTMLElement): Promise<unknown[]>;
  */
 export declare function shimKeyframesHeightAuto(keyframes: Keyframe[], calculatedHeight: number): {
     height: string | number | null | undefined;
-    composite?: CompositeOperationOrAuto | undefined;
-    easing?: string | undefined;
-    offset?: number | null | undefined;
+    composite?: CompositeOperationOrAuto;
+    easing?: string;
+    offset?: number | null;
 }[];

package/dist/internal/longpress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" resolution-mode="require"/>
 import { type ElementPart, noChange, nothing } from 'lit';
 import { AsyncDirective, type DirectiveParameters, type Part } from 'lit/async-directive.js';
 type Callbacks = {