@public-ui/components 3.0.6-rc.1 → 3.0.6-rc.2

package/doc/link.md

@@ -7,7 +7,7 @@
 
 | Property             | Attribute             | Description                                                                                                                                                                                                                              | Type                                                                                   | Default     |
 | -------------------- | --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`         | `_access-key`         | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                                                                                  | `string \| undefined`                                                                  | `undefined` |
+| `_accessKey`         | `_access-key`         | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                    | `string \| undefined`                                                                  | `undefined` |
 | `_ariaCurrentValue`  | `_aria-current-value` | Defines the value for the aria-current attribute.                                                                                                                                                                                        | `"date" \| "false" \| "location" \| "page" \| "step" \| "time" \| "true" \| undefined` | `undefined` |
 | `_ariaDescription`   | `_aria-description`   | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                  | `undefined` |
 | `_disabled`          | `_disabled`           | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                 | `false`     |
@@ -18,7 +18,7 @@
 | `_label`             | `_label`              | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string \| undefined`                                                                  | `undefined` |
 | `_on`                | `_on`                 | Defines the callback functions for links.                                                                                                                                                                                                | `undefined \| { onClick?: EventValueOrEventCallback<Event, string> \| undefined; }`    | `undefined` |
 | `_role`              | `_role`               | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                     | `undefined` |
-| `_shortKey`          | `_short-key`          | Adds a visual short key hint to the component.                                                                                                                                                                                           | `string \| undefined`                                                                  | `undefined` |
+| `_shortKey`          | `_short-key`          | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                  | `undefined` |
 | `_target`            | `_target`             | Defines where to open the link.                                                                                                                                                                                                          | `string \| undefined`                                                                  | `undefined` |
 | `_tooltipAlign`      | `_tooltip-align`      | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                  | `'right'`   |
 | `_variant`           | `_variant`            | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"inline" \| "standalone" \| undefined`                                                | `'inline'`  |

package/doc/popover-button.md

@@ -7,7 +7,7 @@
 
 | Property              | Attribute           | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
 | --------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                          | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean \| undefined`                                                                                                                                 | `undefined` |
@@ -20,7 +20,7 @@
 | `_on`                 | `_on`               | Defines the callback functions for button events.                                                                                                                                | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
 | `_popoverAlign`       | `_popover-align`    | Defines where to show the Popover preferably: top, right, bottom or left.                                                                                                        | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'bottom'`  |
 | `_role`               | `_role`             | Defines the role of the components primary element.                                                                                                                              | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                   | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                          | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_tabIndex`           | `_tab-index`        | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                 | `number \| undefined`                                                                                                                                  | `undefined` |
 | `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                               | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |

package/doc/select.md

@@ -7,7 +7,7 @@
 
 | Property                | Attribute        | Description                                                                                                                                                   | Type                                                                                                        | Default     |
 | ----------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`            | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                       | `string \| undefined`                                                                                       | `undefined` |
+| `_accessKey`            | `_access-key`    | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                       | `undefined` |
 | `_disabled`             | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
 | `_hideLabel`            | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                    | `boolean \| undefined`                                                                                      | `false`     |
 | `_hideMsg`              | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                      | `false`     |
@@ -22,7 +22,7 @@
 | `_options` _(required)_ | `_options`       | Options the user can choose from, also supporting Optgroup.                                                                                                   | `(Option<StencilUnknown> \| Optgroup<StencilUnknown>)[] \| string`                                          | `undefined` |
 | `_required`             | `_required`      | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                      | `false`     |
 | `_rows`                 | `_rows`          | Defines how many rows of options should be visible at the same time.                                                                                          | `number \| undefined`                                                                                       | `undefined` |
-| `_shortKey`             | `_short-key`     | Adds a visual short key hint to the component.                                                                                                                | `string \| undefined`                                                                                       | `undefined` |
+| `_shortKey`             | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                       | `undefined` |
 | `_tabIndex`             | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)              | `number \| undefined`                                                                                       | `undefined` |
 | `_tooltipAlign`         | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                       | `'top'`     |
 | `_touched`              | `_touched`       | Shows if the input was touched by a user.                                                                                                                     | `boolean \| undefined`                                                                                      | `false`     |

package/doc/single-select.md

@@ -7,7 +7,7 @@
 
 | Property                | Attribute            | Description                                                                                                                                                   | Type                                                                                                        | Default     |
 | ----------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`            | `_access-key`        | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                       | `string \| undefined`                                                                                       | `undefined` |
+| `_accessKey`            | `_access-key`        | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                       | `undefined` |
 | `_disabled`             | `_disabled`          | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
 | `_hideClearButton`      | `_hide-clear-button` | Defines the whether the clear button should be hidden.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
 | `_hideLabel`            | `_hide-label`        | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                    | `boolean \| undefined`                                                                                      | `false`     |
@@ -23,7 +23,7 @@
 | `_placeholder`          | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                       | `undefined` |
 | `_required`             | `_required`          | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                      | `false`     |
 | `_rows`                 | `_rows`              | Maximum number of visible rows in the options dropdown before scrolling.                                                                                      | `number \| undefined`                                                                                       | `undefined` |
-| `_shortKey`             | `_short-key`         | Adds a visual short key hint to the component.                                                                                                                | `string \| undefined`                                                                                       | `undefined` |
+| `_shortKey`             | `_short-key`         | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                       | `undefined` |
 | `_tooltipAlign`         | `_tooltip-align`     | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                       | `'top'`     |
 | `_touched`              | `_touched`           | Shows if the input was touched by a user.                                                                                                                     | `boolean \| undefined`                                                                                      | `false`     |
 | `_value`                | `_value`             | Defines the value of the input.                                                                                                                               | `boolean \| null \| number \| object \| string \| undefined`                                                | `null`      |

package/doc/split-button.md

@@ -7,7 +7,7 @@
 
 | Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
 | --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
@@ -21,7 +21,7 @@
 | `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_on`                 | `_on`               | Defines the callback functions for button events.                                                                                                                                                                                        | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
 | `_role`               | `_role`             | <span style="color:red">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                                                                           | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
 | `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |

package/doc/textarea.md

@@ -7,7 +7,7 @@
 
 | Property              | Attribute              | Description                                                                                                                                                                                                                                                                                        | Type                                                                                                        | Default      |
 | --------------------- | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ------------ |
-| `_accessKey`          | `_access-key`          | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                                                                                                                                            | `string \| undefined`                                                                                       | `undefined`  |
+| `_accessKey`          | `_access-key`          | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                                                                              | `string \| undefined`                                                                                       | `undefined`  |
 | `_adjustHeight`       | `_adjust-height`       | Adjusts the height of the element to its content.                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                      | `false`      |
 | `_disabled`           | `_disabled`            | Makes the element not focusable and ignore all events.                                                                                                                                                                                                                                             | `boolean \| undefined`                                                                                      | `false`      |
 | `_hasCounter`         | `_has-counter`         | Shows a character counter for the input element.                                                                                                                                                                                                                                                   | `boolean \| undefined`                                                                                      | `false`      |
@@ -27,7 +27,7 @@
 | `_required`           | `_required`            | Makes the input element required.                                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                      | `false`      |
 | `_resize`             | `_resize`              | Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`. | `"none" \| "vertical" \| undefined`                                                                         | `'vertical'` |
 | `_rows`               | `_rows`                | Defines how many rows of text should be visible at the same time.                                                                                                                                                                                                                                  | `number \| undefined`                                                                                       | `undefined`  |
-| `_shortKey`           | `_short-key`           | Adds a visual short key hint to the component.                                                                                                                                                                                                                                                     | `string \| undefined`                                                                                       | `undefined`  |
+| `_shortKey`           | `_short-key`           | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                                                                            | `string \| undefined`                                                                                       | `undefined`  |
 | `_spellCheck`         | `_spell-check`         | Defines whether the browser should check the spelling and grammar.                                                                                                                                                                                                                                 | `boolean \| undefined`                                                                                      | `undefined`  |
 | `_tooltipAlign`       | `_tooltip-align`       | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                                                                          | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                       | `'top'`      |
 | `_touched`            | `_touched`             | Shows if the input was touched by a user.                                                                                                                                                                                                                                                          | `boolean \| undefined`                                                                                      | `false`      |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.6-rc.1",
+  "version": "3.0.6-rc.2",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {

package/vscode-custom-data.json

@@ -202,7 +202,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-controls",
@@ -266,7 +266,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -343,7 +343,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-controls",
@@ -403,7 +403,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -515,7 +515,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_disabled",
@@ -567,7 +567,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_suggestions",
@@ -778,7 +778,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_checked",
@@ -846,7 +846,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -900,7 +900,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
@@ -948,7 +948,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
@@ -1024,7 +1024,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1088,7 +1088,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
@@ -1189,7 +1189,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1277,7 +1277,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
@@ -1357,7 +1357,7 @@
         },
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_disabled",
@@ -1409,7 +1409,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
@@ -1477,7 +1477,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1545,7 +1545,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
@@ -1625,7 +1625,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1709,7 +1709,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
@@ -1884,7 +1884,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
@@ -1940,7 +1940,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_step",
@@ -1987,7 +1987,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
@@ -2071,7 +2071,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
@@ -2186,7 +2186,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-current-value",
@@ -2261,7 +2261,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_target",
@@ -2308,7 +2308,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-current-value",
@@ -2387,7 +2387,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_target",
@@ -2661,7 +2661,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-controls",
@@ -2739,7 +2739,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tab-index",
@@ -2820,7 +2820,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-controls",
@@ -2894,7 +2894,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tab-index",
@@ -3045,7 +3045,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_disabled",
@@ -3105,7 +3105,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tab-index",
@@ -3148,7 +3148,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_disabled",
@@ -3212,7 +3212,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -3300,7 +3300,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-controls",
@@ -3364,7 +3364,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -3605,7 +3605,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_adjust-height",
@@ -3701,7 +3701,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_spell-check",

package/dist/cjs/Input-CNhngTOz.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var Heading=require("./Heading-J0dL_R-5.js"),index=require("./index-qkwtLaak.js"),clsx=require("./clsx-CkZlkaek.js");require("./common-Cd2qH809.js");var FormFieldStateWrapper=require("./FormFieldStateWrapper-BeUWCap8.js");const InputFc=e=>{const{class:r,msg:a,required:i,disabled:l,touched:s,readonly:t,ariaDescribedBy:d,hideLabel:n,label:o,suggestions:u,value:c}=e,p=Heading.__rest(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),b=FormFieldStateWrapper.checkHasMsg(a,s),g="string"==typeof a?"error":null==a?void 0:a._type,k={"kol-input--disabled":Boolean(l),"kol-input--required":Boolean(i),"kol-input--touched":Boolean(s),"kol-input--readonly":Boolean(t),[`kol-input--${g||"error"}`]:b},F=Object.assign(Object.assign({class:clsx.clsx("kol-input",k,r),required:i,disabled:l,readonly:t,type:"text",list:u?`${p.id}-list`:void 0},FormFieldStateWrapper.getDefaultProps({ariaDescribedBy:d,hideLabel:n,label:o})),p);return index.h(index.Fragment,null,index.h("input",Object.assign({},F,{value:c})),u)};exports.InputFc=InputFc;

package/dist/cjs/InputStateWrapper-BHeGLakM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputStateWrapper-BHeGLakM.js","sources":["src/functional-components/Suggestions/Suggestions.tsx","src/functional-component-wrappers/InputStateWrapper/InputStateWrapper.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type SuggestionsProps = JSXBase.HTMLAttributes<HTMLDataListElement> & {\n\tid: string;\n\tsuggestions: W3CInputValue[];\n};\n\nconst SuggestionsFc: FC<SuggestionsProps> = ({ id, suggestions, ...other }) => {\n\tif (!suggestions) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<datalist id={`${id}-list`} {...other}>\n\t\t\t{suggestions.map((option: W3CInputValue) => (\n\t\t\t\t<option value={option} />\n\t\t\t))}\n\t\t</datalist>\n\t);\n};\nexport default SuggestionsFc;\n","import type { VNode } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolInputFc, { type InputProps } from '../../functional-components/inputs/Input';\n\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\ttype MsgPropType,\n} from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\nimport SuggestionsFc from '../../functional-components/Suggestions';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates;\n\nexport type InputStateWrapperProps = Partial<InputProps> & {\n\tstate: InputState;\n\tcustomSuggestions?: boolean;\n};\n\n/**\n * @param state\n * @param other\n * @param customSuggestions - Set to true when a custom implementation for _suggestions is provided. Omits the native datalist.\n */\nfunction getInputProps(state: InputState, other: Partial<InputProps>, customSuggestions?: boolean): InputProps {\n\tconst renderStates = getRenderStates(state);\n\tconst ariaDescribedBy = [...renderStates.ariaDescribedBy, ...(other.ariaDescribedBy ?? [])];\n\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t};\n\n\tif ('_accessKey' in state) props.accessKey = state._accessKey;\n\tif ('_type' in state) props.type = state._type;\n\tif ('_value' in state) props.value = state._value as string | number | string[];\n\tif ('_required' in state) props.required = state._required;\n\tif ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') props.maxlength = state._maxLength;\n\tif ('_placeholder' in state) props.placeholder = state._placeholder;\n\tif ('_autoComplete' in state) props.autoComplete = state._autoComplete;\n\tif ('_spellCheck' in state) props.spellcheck = state._spellCheck;\n\tif ('_pattern' in state) props.pattern = state._pattern;\n\tif ('_readOnly' in state) props.readonly = state._readOnly;\n\tif ('_min' in state) props.min = state._min;\n\tif ('_max' in state) props.max = state._max;\n\tif ('_step' in state) props.step = state._step;\n\tif ('_multiple' in state) props.multiple = state._multiple;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = state._msg as MsgPropType;\n\n\tif ('_suggestions' in state && !customSuggestions) {\n\t\tconst hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;\n\t\tif (hasSuggestions) {\n\t\t\tprops.suggestions = (<SuggestionsFc id={state._id} suggestions={state._suggestions} />) as VNode;\n\t\t}\n\t}\n\n\treturn {\n\t\t...props,\n\t\t...other,\n\t\tariaDescribedBy,\n\t};\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, customSuggestions, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state, other, customSuggestions)} />;\n};\n\nexport default InputStateWrapper;\n"],"names":["__rest","h","getRenderStates","KolInputFc"],"mappings":"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"}

package/dist/cjs/Span-BxoC47SY.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var Heading=require("./Heading-J0dL_R-5.js"),index=require("./index-qkwtLaak.js"),clsx=require("./clsx-CkZlkaek.js"),Icon=require("./Icon-D9wRYhin.js");require("./common-Cd2qH809.js");var reuse=require("./reuse-Cs36Ddzu.js"),markdown=require("./markdown-1dxeA2q6.js"),InternalUnderlinedBadgeText=require("./InternalUnderlinedBadgeText-BFV_mwUE.js"),isObject=require("./isObject-DMA85Fq4.js");const IconHelper=e=>{const{class:l,style:n,label:a,icon:s}=e;return index.h(Icon.KolIconFc,{class:clsx.clsx("icon",l),style:n,label:a||"",icons:s})},LabelHelper=({label:e,hideLabel:l,allowMarkdown:n,badgeText:a})=>{if(l||!InternalUnderlinedBadgeText.isString(e))return null;const s="kol-span__label";return n?index.h("span",{class:clsx.clsx(s,"md"),innerHTML:markdown.md(e)}):a?index.h("span",{class:clsx.clsx(s)},index.h(InternalUnderlinedBadgeText.KolInternalUnderlinedBadgeTextFc,{label:e,badgeText:a})):index.h("span",{class:clsx.clsx(s)},e)},KolSpanCoreHelperFc=({hideLabel:e,label:l,badgeText:n,allowMarkdown:a},s)=>{const i=!reuse.showExpertSlot(l);return index.h(index.Fragment,null,i&&index.h(LabelHelper,{label:l,hideLabel:e,badgeText:n,allowMarkdown:a}),index.h("span",{"aria-hidden":i?"true":void 0,class:"kol-span__label",hidden:i},s),InternalUnderlinedBadgeText.isString(n)&&n.length>0&&index.h("kbd",{class:"badge-text-hint","aria-hidden":"true"},n))},KolSpanFc=(e,l)=>{const{class:n,label:a,hideLabel:s=!1,badgeText:i,allowMarkdown:r,icons:d}=e,t=Heading.__rest(e,["class","label","hideLabel","badgeText","allowMarkdown","icons"]);let c=null,o=null,x=null,b=null;return isObject.isObject(d)?(c=d.top,o=d.left,x=d.right,b=d.bottom):InternalUnderlinedBadgeText.isString(d)&&(o={icon:d}),index.h("span",Object.assign({class:clsx.clsx("kol-span",{"kol-span--hide-label":s},n)},t),isObject.isObject(c)&&index.h(IconHelper,Object.assign({class:"top"},c)),index.h("span",{class:"kol-span__container"},isObject.isObject(o)&&index.h(IconHelper,Object.assign({class:"left"},o)),index.h(KolSpanCoreHelperFc,{label:a,hideLabel:s,allowMarkdown:r,badgeText:i},l),isObject.isObject(x)&&index.h(IconHelper,Object.assign({class:"right"},x))),isObject.isObject(b)&&index.h(IconHelper,Object.assign({class:"bottom"},b)))};exports.KolSpanFc=KolSpanFc;

package/dist/esm/Icon-Dh17fWbe.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h}from"./index-DOWoBMgb.js";import{e as KolIconTag}from"./component-names-CkE54Ym7.js";const KolIconFc=o=>{const{class:c,style:n,icons:s,label:l,onClick:e}=o;return h(KolIconTag,{class:c,style:n,onClick:e,_icons:s,_label:l})};export{KolIconFc as K};

package/dist/esm/Input-45FxkhGc.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as __rest}from"./Heading-BX2W3g7O.js";import{h,F as Fragment}from"./index-DOWoBMgb.js";import{c as clsx}from"./clsx-eK3rPvPS.js";import"./common-8fBdMvJM.js";import{d as getDefaultProps,c as checkHasMsg}from"./FormFieldStateWrapper-DiolLYSq.js";const InputFc=e=>{const{class:s,msg:a,required:o,disabled:r,touched:l,readonly:i,ariaDescribedBy:t,hideLabel:d,label:n,suggestions:c,value:u}=e,p=__rest(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),g=checkHasMsg(a,l),b="string"==typeof a?"error":null==a?void 0:a._type,m={"kol-input--disabled":Boolean(r),"kol-input--required":Boolean(o),"kol-input--touched":Boolean(l),"kol-input--readonly":Boolean(i),[`kol-input--${b||"error"}`]:g},y=Object.assign(Object.assign({class:clsx("kol-input",m,s),required:o,disabled:r,readonly:i,type:"text",list:c?`${p.id}-list`:void 0},getDefaultProps({ariaDescribedBy:t,hideLabel:d,label:n})),p);return h(Fragment,null,h("input",Object.assign({},y,{value:u})),c)};export{InputFc as I};

package/dist/esm/InputStateWrapper-7LSQHzG0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputStateWrapper-7LSQHzG0.js","sources":["src/functional-components/Suggestions/Suggestions.tsx","src/functional-component-wrappers/InputStateWrapper/InputStateWrapper.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type SuggestionsProps = JSXBase.HTMLAttributes<HTMLDataListElement> & {\n\tid: string;\n\tsuggestions: W3CInputValue[];\n};\n\nconst SuggestionsFc: FC<SuggestionsProps> = ({ id, suggestions, ...other }) => {\n\tif (!suggestions) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<datalist id={`${id}-list`} {...other}>\n\t\t\t{suggestions.map((option: W3CInputValue) => (\n\t\t\t\t<option value={option} />\n\t\t\t))}\n\t\t</datalist>\n\t);\n};\nexport default SuggestionsFc;\n","import type { VNode } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolInputFc, { type InputProps } from '../../functional-components/inputs/Input';\n\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\ttype MsgPropType,\n} from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\nimport SuggestionsFc from '../../functional-components/Suggestions';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates;\n\nexport type InputStateWrapperProps = Partial<InputProps> & {\n\tstate: InputState;\n\tcustomSuggestions?: boolean;\n};\n\n/**\n * @param state\n * @param other\n * @param customSuggestions - Set to true when a custom implementation for _suggestions is provided. Omits the native datalist.\n */\nfunction getInputProps(state: InputState, other: Partial<InputProps>, customSuggestions?: boolean): InputProps {\n\tconst renderStates = getRenderStates(state);\n\tconst ariaDescribedBy = [...renderStates.ariaDescribedBy, ...(other.ariaDescribedBy ?? [])];\n\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t};\n\n\tif ('_accessKey' in state) props.accessKey = state._accessKey;\n\tif ('_type' in state) props.type = state._type;\n\tif ('_value' in state) props.value = state._value as string | number | string[];\n\tif ('_required' in state) props.required = state._required;\n\tif ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') props.maxlength = state._maxLength;\n\tif ('_placeholder' in state) props.placeholder = state._placeholder;\n\tif ('_autoComplete' in state) props.autoComplete = state._autoComplete;\n\tif ('_spellCheck' in state) props.spellcheck = state._spellCheck;\n\tif ('_pattern' in state) props.pattern = state._pattern;\n\tif ('_readOnly' in state) props.readonly = state._readOnly;\n\tif ('_min' in state) props.min = state._min;\n\tif ('_max' in state) props.max = state._max;\n\tif ('_step' in state) props.step = state._step;\n\tif ('_multiple' in state) props.multiple = state._multiple;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = state._msg as MsgPropType;\n\n\tif ('_suggestions' in state && !customSuggestions) {\n\t\tconst hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;\n\t\tif (hasSuggestions) {\n\t\t\tprops.suggestions = (<SuggestionsFc id={state._id} suggestions={state._suggestions} />) as VNode;\n\t\t}\n\t}\n\n\treturn {\n\t\t...props,\n\t\t...other,\n\t\tariaDescribedBy,\n\t};\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, customSuggestions, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state, other, customSuggestions)} />;\n};\n\nexport default InputStateWrapper;\n"],"names":["KolInputFc"],"mappings":"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"}

package/dist/esm/InternalUnderlinedBadgeText-CLrx-9jT.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as isObjectLike,b as isArray,c as baseGetTag}from"./isObject-DvSELytj.js";import{h,F as Fragment}from"./index-DOWoBMgb.js";var stringTag="[object String]";function isString(e){return"string"==typeof e||!isArray(e)&&isObjectLike(e)&&baseGetTag(e)==stringTag}const KolInternalUnderlinedBadgeTextFc=({badgeText:e,label:t})=>{const n=e;let[r,...a]=t.split(n);return 0===a.length&&(e=n.toUpperCase(),[r,...a]=t.split(n)),0===a.length&&(e=n.toLowerCase(),[r,...a]=t.split(n)),h(Fragment,null,r,a.length?h(Fragment,null,h("u",null,e),a.join(n)):null)};export{KolInternalUnderlinedBadgeTextFc as K,isString as i};

package/dist/kolibri/Collapsible-C7BOCNYK.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as l,K as o}from"./Heading-BX2W3g7O.js";import{h as i}from"./index-DOWoBMgb.js";import{c as e}from"./clsx-eK3rPvPS.js";import{d as s}from"./component-names-CkE54Ym7.js";const d=(a,n)=>{const{id:d,class:c,label:r,level:p=1,disabled:t,open:b,onClick:v,HeadingProps:_={},HeadingButtonProps:m={},ContentProps:u={}}=a,g=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),C=b?"remove":"add";return i("div",Object.assign({id:d,class:e("collapsible",{"collapsible--disabled":!0===t,"collapsible--open":!0===b},c)},g),i(o,{ref:null==_?void 0:_.ref,level:p,class:e("collapsible__heading",null==_?void 0:_.class)},i(s,{class:e("collapsible__heading-button",null==m?void 0:m.class),ref:null==m?void 0:m.ref,slot:"expert",_ariaControls:`${d}-control`,_ariaExpanded:b,_disabled:t,_icons:(null==m?void 0:m._icons)||`codicon codicon-${C}`,_label:r,_on:{onClick:v}})),i("div",{class:e("collapsible__wrapper",null==u?void 0:u.wrapperClass)},i("div",{class:e("collapsible__wrapper-animation",null==u?void 0:u.animationClass)},i("div",{"aria-hidden":!1===b?"true":void 0,class:e("collapsible__content",null==u?void 0:u.class),id:`${d}-control`},n))))};export{d as K};