@public-ui/components 4.3.0-rc.1 → 4.3.0-rc.3

package/doc/input-range.md

@@ -9,28 +9,29 @@ The **Range** input type creates a slider control for selecting a numeric value
 
 ## Properties
 
-| Property              | Attribute        | Description                                                                                                                                                  | Type                                                                                                                               | Default     |
-| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`          | `_access-key`    | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                        | `string \| undefined`                                                                                                              | `undefined` |
-| `_autoComplete`       | `_auto-complete` | Defines whether the input can be auto-completed.                                                                                                             | `string \| undefined`                                                                                                              | `'off'`     |
-| `_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`     |
-| `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                       | `string \| undefined`                                                                                                              | `''`        |
-| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
-| `_label` _(required)_ | `_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` |
-| `_max`                | `_max`           | Defines the maximum value of the element.                                                                                                                    | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                  | `100`       |
-| `_min`                | `_min`           | Defines the smallest possible input value.                                                                                                                   | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                  | `0`         |
-| `_msg`                | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                            | `Omit<AlertProps, "_on" \| "_label" \| "_level" \| "_variant" \| "_hasCloser"> & { _description: string; } \| string \| undefined` | `undefined` |
-| `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                | `string \| undefined`                                                                                                              | `undefined` |
-| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| 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` |
-| `_step`               | `_step`          | Defines the step size for value changes.                                                                                                                     | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                  | `undefined` |
-| `_suggestions`        | `_suggestions`   | Suggestions to provide for the input.                                                                                                                        | `W3CInputValue[] \| 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 element.                                                                                                                            | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                  | `undefined` |
-| `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                       | `string \| undefined`                                                                                                              | `undefined` |
+| Property              | Attribute        | Description                                                                                                                                                                                                                                                                                                   | Type                                                                                                                               | Default     |
+| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`    | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                                                                                         | `string \| undefined`                                                                                                              | `undefined` |
+| `_ariaDetails`        | `_aria-details`  | References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS). | `string \| undefined`                                                                                                              | `undefined` |
+| `_autoComplete`       | `_auto-complete` | Defines whether the input can be auto-completed.                                                                                                                                                                                                                                                              | `string \| undefined`                                                                                                              | `'off'`     |
+| `_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`     |
+| `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                                                                                                                                                                        | `string \| undefined`                                                                                                              | `''`        |
+| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
+| `_label` _(required)_ | `_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` |
+| `_max`                | `_max`           | Defines the maximum value of the element.                                                                                                                                                                                                                                                                     | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                  | `100`       |
+| `_min`                | `_min`           | Defines the smallest possible input value.                                                                                                                                                                                                                                                                    | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                  | `0`         |
+| `_msg`                | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                                                                                                                                                                             | `Omit<AlertProps, "_on" \| "_label" \| "_level" \| "_variant" \| "_hasCloser"> & { _description: string; } \| string \| undefined` | `undefined` |
+| `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                                                                                                                                                                 | `string \| undefined`                                                                                                              | `undefined` |
+| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                                                                                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| 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` |
+| `_step`               | `_step`          | Defines the step size for value changes.                                                                                                                                                                                                                                                                      | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                  | `undefined` |
+| `_suggestions`        | `_suggestions`   | Suggestions to provide for the input.                                                                                                                                                                                                                                                                         | `W3CInputValue[] \| 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 element.                                                                                                                                                                                                                                                                             | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                  | `undefined` |
+| `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                                                                                                                                                                        | `string \| undefined`                                                                                                              | `undefined` |
 
 
 ## Methods

package/doc/input-text.md

@@ -12,6 +12,7 @@ The **Text** input type creates an input field for plain text, search terms, URL
 | Property              | Attribute              | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default     |
 | --------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
 | `_accessKey`          | `_access-key`          | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                        | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
+| `_ariaDetails`        | `_aria-details`        | References an external element by ID that provides accessible details for this input.                                                                        | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
 | `_autoComplete`       | `_auto-complete`       | Defines whether the input can be auto-completed.                                                                                                             | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `'off'`     |
 | `_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`     |

package/doc/select.md

@@ -8,6 +8,7 @@
 | Property                | Attribute        | Description                                                                                                                                                  | Type                                                                                                                               | Default     |
 | ----------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
 | `_accessKey`            | `_access-key`    | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                        | `string \| undefined`                                                                                                              | `undefined` |
+| `_ariaDetails`          | `_aria-details`  | References an external element by ID that provides accessible details for this select.                                                                       | `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`     |

package/doc/single-select.md

@@ -9,28 +9,29 @@ The **SingleSelect** component creates a dropdown list from which exactly one pr
 
 ## Properties
 
-| Property                | Attribute           | Description                                                                                                                                                  | Type                                                                                                                               | Default     |
-| ----------------------- | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_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`     |
-| `_hasClearButton`       | `_has-clear-button` | Shows the clear button if enabled.                                                                                                                           | `boolean \| undefined`                                                                                                             | `true`      |
-| `_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`     |
-| `_hint`                 | `_hint`             | Defines the hint text.                                                                                                                                       | `string \| undefined`                                                                                                              | `''`        |
-| `_icons`                | `_icons`            | Defines the icon classnames (e.g. `icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
-| `_label` _(required)_   | `_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` |
-| `_msg`                  | `_msg`              | Defines the properties for a message rendered as Alert component.                                                                                            | `Omit<AlertProps, "_on" \| "_label" \| "_level" \| "_variant" \| "_hasCloser"> & { _description: string; } \| string \| undefined` | `undefined` |
-| `_name`                 | `_name`             | Defines the technical name of an input field.                                                                                                                | `string \| undefined`                                                                                                              | `undefined` |
-| `_on`                   | --                  | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| undefined`   | `undefined` |
-| `_options` _(required)_ | `_options`          | Options the user can choose from.                                                                                                                            | `Option<StencilUnknown>[] \| string`                                                                                               | `undefined` |
-| `_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 of the element.                                                                                                               | `number \| 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 element.                                                                                                                            | `boolean \| null \| number \| object \| string \| undefined`                                                                       | `null`      |
-| `_variant`              | `_variant`          | Defines which variant should be used for presentation.                                                                                                       | `string \| undefined`                                                                                                              | `undefined` |
+| Property                | Attribute           | Description                                                                                                                                                                                                                                                                                                   | Type                                                                                                                               | Default     |
+| ----------------------- | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`            | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                                                                                         | `string \| undefined`                                                                                                              | `undefined` |
+| `_ariaDetails`          | `_aria-details`     | References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS). | `string \| undefined`                                                                                                              | `undefined` |
+| `_disabled`             | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                                                                                        | `boolean \| undefined`                                                                                                             | `false`     |
+| `_hasClearButton`       | `_has-clear-button` | Shows the clear button if enabled.                                                                                                                                                                                                                                                                            | `boolean \| undefined`                                                                                                             | `true`      |
+| `_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`     |
+| `_hint`                 | `_hint`             | Defines the hint text.                                                                                                                                                                                                                                                                                        | `string \| undefined`                                                                                                              | `''`        |
+| `_icons`                | `_icons`            | Defines the icon classnames (e.g. `icons="fa-solid fa-user"`).                                                                                                                                                                                                                                                | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
+| `_label` _(required)_   | `_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` |
+| `_msg`                  | `_msg`              | Defines the properties for a message rendered as Alert component.                                                                                                                                                                                                                                             | `Omit<AlertProps, "_on" \| "_label" \| "_level" \| "_variant" \| "_hasCloser"> & { _description: string; } \| string \| undefined` | `undefined` |
+| `_name`                 | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                                                                                                 | `string \| undefined`                                                                                                              | `undefined` |
+| `_on`                   | --                  | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                                                                                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| undefined`   | `undefined` |
+| `_options` _(required)_ | `_options`          | Options the user can choose from.                                                                                                                                                                                                                                                                             | `Option<StencilUnknown>[] \| string`                                                                                               | `undefined` |
+| `_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 of the element.                                                                                                                                                                                                                                                                | `number \| 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 element.                                                                                                                                                                                                                                                                             | `boolean \| null \| number \| object \| string \| undefined`                                                                       | `null`      |
+| `_variant`              | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                                                                                        | `string \| undefined`                                                                                                              | `undefined` |
 
 
 ## Methods

package/doc/textarea.md

@@ -13,6 +13,7 @@ The **Textarea** component provides a larger input field for content. Unlike Inp
 | --------------------- | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------------ |
 | `_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`      |
+| `_ariaDetails`        | `_aria-details`        | References an external element by ID that provides accessible details for this textarea.                                                                                                                                                                                                           | `string \| undefined`                                                                                                              | `undefined`  |
 | `_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`      |
 | `_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`      |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.3.0-rc.1",
+  "version": "4.3.0-rc.3",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -17,6 +17,9 @@
   },
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
+  "bin": {
+    "kolibri-copy-assets": "./copy-assets.mjs"
+  },
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -78,18 +81,15 @@
     "wcag-contrast": "3.0.0"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "3.3.5",
-    "@eslint/js": "9.39.4",
     "@playwright/test": "1.60.0",
     "@public-ui/stencil-angular-output-target": "0.9.0",
     "@public-ui/stencil-react-output-target": "0.6.0",
     "@public-ui/stencil-solid-output-target": "0.2.0",
     "@public-ui/stencil-vue-output-target": "0.9.0",
     "@revolist/svelte-output-target": "0.0.7",
-    "@stencil-community/eslint-plugin": "0.10.0",
     "@stencil-community/postcss": "2.2.0",
     "@stencil/core": "4.38.3",
-    "@stencil/playwright": "0.2.3",
+    "@stencil/playwright": "0.4.3",
     "@stencil/sass": "3.2.3",
     "@types/color-convert": "2.0.4",
     "@types/jest": "29.5.14",
@@ -99,38 +99,36 @@
     "@types/pug": "2.0.10",
     "@types/twig": "1.12.17",
     "@types/wcag-contrast": "3.0.3",
-    "@typescript-eslint/eslint-plugin": "8.58.2",
-    "@typescript-eslint/parser": "8.58.2",
-    "adopted-style-sheets": "1.1.9-rc.22",
+    "adopted-style-sheets": "1.1.9-rc.25",
     "autoprefixer": "10.5.0",
     "cross-env": "10.1.0",
-    "cssnano": "8.0.1",
+    "cssnano": "8.0.2",
     "eslint": "9.39.4",
-    "eslint-plugin-boundaries": "6.0.2",
-    "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-perfectionist": "5.9.0",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
-    "knip": "6.15.0",
+    "knip": "6.16.1",
     "mustache": "4.2.0",
     "postcss": "8.5.15",
     "postcss-sorting": "10.0.0",
-    "prettier": "3.8.3",
+    "prettier": "3.8.4",
     "prettier-plugin-organize-imports": "4.3.0",
     "pug": "3.0.4",
     "rimraf": "6.1.3",
     "stencil-awesome-test": "1.0.6",
-    "stylelint": "17.12.0",
+    "stylelint": "17.13.0",
     "terser": "5.48.0",
     "twig": "3.0.0",
     "typescript": "5.9.3",
+    "@public-ui/eslint-config": "4.3.0-rc.1",
     "@public-ui/stylelint-rules": "4.1.2-rc.1"
   },
   "peerDependencies": {
-    "adopted-style-sheets": "1.1.9-rc.22"
+    "adopted-style-sheets": "1.1.9-rc.25"
   },
   "files": [
     "assets",
+    "copy-assets.mjs",
     "dist",
     "doc",
     "custom-elements.json",

package/vscode-custom-data.json

@@ -450,6 +450,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this combobox."
+        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
@@ -745,6 +749,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_checked",
           "description": "Defines whether the checkbox is checked or not. Can be read and written."
@@ -870,6 +878,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed."
@@ -983,6 +995,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed."
@@ -1137,6 +1153,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed."
@@ -1294,6 +1314,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
@@ -1403,6 +1427,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed."
@@ -1540,6 +1568,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed."
@@ -1685,6 +1717,10 @@
         "value": "The **InputRadio** input type consists of a collection of radio elements, providing a choice between different values. Only a single value can be selected at a time. Selected radio elements are typically represented by a filled, visually highlighted circle."
       },
       "attributes": [
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
@@ -1787,6 +1823,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed."
@@ -1897,6 +1937,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input."
+        },
         {
           "name": "_auto-complete",
           "description": "Defines whether the input can be auto-completed."
@@ -2731,6 +2775,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this select."
+        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
@@ -2841,6 +2889,10 @@
           "name": "_access-key",
           "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this input.\nUses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\nSupported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\nNot yet supported by mobile screen readers (TalkBack, VoiceOver iOS)."
+        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
@@ -3310,6 +3362,10 @@
           "name": "_adjust-height",
           "description": "Adjusts the height of the element to its content."
         },
+        {
+          "name": "_aria-details",
+          "description": "References an external element by ID that provides accessible details for this textarea."
+        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."

package/dist/cjs/Alert-DGeuWGwx.js

@@ -1,93 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
-var index = require('./index-Dk00HcEs.js');
-var clsx = require('./clsx-Bm_HQUnh.js');
-var componentNames = require('./component-names-5KS_pYRF.js');
-var i18n = require('./i18n-DL7vJXNn.js');
-var bemRegistry = require('./bem-registry-D9uDM1GJ.js');
-var component = require('./component-BpTg8PCv.js');
-var Heading = require('./Heading-D9SmGbfD.js');
-
-const alertBem$1 = bemRegistry.bem.forBlock('kol-alert');
-const BEM_CLASS_ALERT__ICON = alertBem$1('icon');
-const ALERT_ICON_CONFIG = {
-    error: {
-        label: i18n.translate('kol-error'),
-        icon: 'kolicon-alert-error',
-    },
-    info: {
-        label: i18n.translate('kol-info'),
-        icon: 'kolicon-alert-info',
-    },
-    warning: {
-        label: i18n.translate('kol-warning'),
-        icon: 'kolicon-alert-warning',
-    },
-    success: {
-        label: i18n.translate('kol-success'),
-        icon: 'kolicon-alert-success',
-    },
-    default: {
-        label: i18n.translate('kol-message'),
-        icon: 'kolicon-alert-info',
-    },
-};
-const AlertIcon = ({ type = 'default' }) => {
-    const config = ALERT_ICON_CONFIG[type || 'default'];
-    return (index.h(index.Fragment, null, index.h("span", { class: "visually-hidden" }, config.label), index.h(component.IconFC, { class: BEM_CLASS_ALERT__ICON, label: "", icons: config.icon })));
-};
-
-const alertBem = bemRegistry.bem.forBlock('kol-alert');
-const BEM_CLASS_ALERT__CLOSER = alertBem('closer');
-const BEM_CLASS_ALERT__CONTENT = alertBem('content');
-const vibrateOnError = () => {
-    if (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {
-        return;
-    }
-    const ua = navigator.userActivation;
-    const hasGesture = (ua === null || ua === void 0 ? void 0 : ua.isActive) || (ua === null || ua === void 0 ? void 0 : ua.hasBeenActive);
-    if (!hasGesture) {
-        return;
-    }
-    if (!matchMedia('(any-pointer: coarse)').matches) {
-        return;
-    }
-    try {
-        navigator.vibrate([100, 75, 100, 75, 100]);
-    }
-    catch (_a) {
-    }
-};
-const KolAlertFc = (props, children) => {
-    const { class: classNames = {}, alert = false, hasCloser = false, label, level = 0, type = 'default', variant = 'msg', onAlertTimeout, onCloserClick } = props, other = tslib_es6.__rest(props, ["class", "alert", "hasCloser", "label", "level", "type", "variant", "onAlertTimeout", "onCloserClick"]);
-    const translateCloseAlert = i18n.translate('kol-close-alert');
-    if (alert) {
-        vibrateOnError();
-        setTimeout(() => {
-            onAlertTimeout === null || onAlertTimeout === void 0 ? void 0 : onAlertTimeout();
-        }, 10000);
-    }
-    const BEM_CLASS_ROOT = alertBem({
-        hasCloser: !!hasCloser,
-        [`type-${type}`]: true,
-        [`variant-${variant}`]: true,
-    });
-    const BEM_CLASS__HEADING = alertBem('heading', {
-        [`h${level}`]: true,
-    });
-    const rootProps = Object.assign({ class: clsx.clsx(classNames, BEM_CLASS_ROOT) }, other);
-    return (index.h("div", Object.assign({ role: alert ? 'alert' : undefined }, rootProps, { "data-testid": "alert" }), index.h("div", { class: "kol-alert__container" }, index.h(AlertIcon, { label: label, type: type }), index.h("div", { class: "kol-alert__container-content" }, label && (index.h(Heading.KolHeadingFc, { class: BEM_CLASS__HEADING, level: level, id: "heading" }, label)), variant === 'msg' && (index.h("span", { class: BEM_CLASS_ALERT__CONTENT, "aria-describedby": label ? 'heading' : undefined }, children))), hasCloser && (index.h(componentNames.KolButtonWcTag, { class: BEM_CLASS_ALERT__CLOSER + ' kol-close-button', "data-testid": "alert-close-button", _ariaDescription: (label === null || label === void 0 ? void 0 : label.trim()) || '', _hideLabel: true, _icons: {
-            left: {
-                icon: 'kolicon-cross',
-            },
-        }, _label: translateCloseAlert, _on: { onClick: onCloserClick }, _tooltipAlign: "left" }))), variant === 'card' && (index.h("div", { class: BEM_CLASS_ALERT__CONTENT, "aria-describedby": label ? 'heading' : undefined }, children))));
-};
-
-exports.KolAlertFc = KolAlertFc;
-//# sourceMappingURL=Alert-DGeuWGwx.js.map
-
-//# sourceMappingURL=Alert-DGeuWGwx.js.map

package/dist/cjs/Alert-DGeuWGwx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert-DGeuWGwx.js","sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport { translate } from '../../i18n';\nimport { IconFC } from '../../internal/functional-components/icon/component';\nimport type { AlertType } from '../../schema';\nimport { bem } from '../../schema/bem-registry';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__ICON = alertBem('icon');\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst ALERT_ICON_CONFIG: Record<AlertType | 'default', { label: string; icon: string }> = {\n\terror: {\n\t\tlabel: translate('kol-error'),\n\t\ticon: 'kolicon-alert-error',\n\t},\n\tinfo: {\n\t\tlabel: translate('kol-info'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n\twarning: {\n\t\tlabel: translate('kol-warning'),\n\t\ticon: 'kolicon-alert-warning',\n\t},\n\tsuccess: {\n\t\tlabel: translate('kol-success'),\n\t\ticon: 'kolicon-alert-success',\n\t},\n\tdefault: {\n\t\tlabel: translate('kol-message'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type = 'default' }) => {\n\tconst config = ALERT_ICON_CONFIG[type || 'default'];\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{config.label}</span>\n\t\t\t<IconFC class={BEM_CLASS_ALERT__ICON} label=\"\" icons={config.icon} />\n\t\t</>\n\t);\n};\n\nexport default AlertIcon;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { type JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { type InternalAlertProps } from '../../schema';\nimport { bem } from '../../schema/bem-registry';\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__CLOSER = alertBem('closer');\nconst BEM_CLASS_ALERT__CONTENT = alertBem('content');\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\n/**\n * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n * - https://googlechrome.github.io/samples/vibration/\n * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n * @todo Move side-effect out of render-function to avoid multiple incarnations.\n */\nconst vibrateOnError = (): void => {\n\tif (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {\n\t\treturn;\n\t}\n\tconst ua = navigator.userActivation;\n\tconst hasGesture = ua?.isActive || ua?.hasBeenActive;\n\tif (!hasGesture) {\n\t\treturn;\n\t}\n\tif (!matchMedia('(any-pointer: coarse)').matches) {\n\t\treturn;\n\t}\n\ttry {\n\t\tnavigator.vibrate([100, 75, 100, 75, 100]);\n\t} catch {\n\t\t/* no-op */\n\t}\n};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames = {},\n\t\talert = false,\n\t\thasCloser = false,\n\t\tlabel,\n\t\tlevel = 0,\n\t\ttype = 'default',\n\t\tvariant = 'msg',\n\t\tonAlertTimeout,\n\t\tonCloserClick,\n\t\t...other\n\t} = props;\n\n\tconst translateCloseAlert = translate('kol-close-alert');\n\n\tif (alert) {\n\t\tvibrateOnError();\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\t/**\n\t * Define the dynamic BEM class names for the alert component.\n\t */\n\tconst BEM_CLASS_ROOT = alertBem({\n\t\thasCloser: !!hasCloser,\n\t\t[`type-${type}`]: true,\n\t\t[`variant-${variant}`]: true,\n\t});\n\tconst BEM_CLASS__HEADING = alertBem('heading', {\n\t\t[`h${level}`]: true,\n\t});\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx(classNames, BEM_CLASS_ROOT),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div role={alert ? 'alert' : undefined} {...rootProps} data-testid=\"alert\">\n\t\t\t<div class=\"kol-alert__container\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"kol-alert__container-content\">\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<KolHeadingFc class={BEM_CLASS__HEADING} level={level} id=\"heading\">\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</KolHeadingFc>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'msg' && (\n\t\t\t\t\t\t<span class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={BEM_CLASS_ALERT__CLOSER + ' kol-close-button'}\n\t\t\t\t\t\tdata-testid=\"alert-close-button\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'kolicon-cross',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translateCloseAlert}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && (\n\t\t\t\t<div class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"names":["alertBem","bem","translate","h","Fragment","IconFC","__rest","clsx","KolHeadingFc","KolButtonWcTag"],"mappings":"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"}