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

package/dist/kolibri/{tooltip-align-DzHPWEpv.js.map → tooltip-align-BZrIplzz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip-align-DzHPWEpv.js","sources":["src/schema/props/tooltip-align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type TooltipAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the Tooltip preferably: top, right, bottom or left.\n */\nexport type PropTooltipAlign = {\n\ttooltipAlign: TooltipAlignPropType;\n};\n\n/* validator */\nexport const validateTooltipAlign = (component: Generic.Element.Component, value?: TooltipAlignPropType): void => {\n\tvalidateAlignment(component, '_tooltipAlign', value);\n};\n"],"names":[],"mappings":";;;;;;MAiBa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,iBAAiB,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AACrD;;;;"}
+{"version":3,"file":"tooltip-align-BZrIplzz.js","sources":["src/schema/props/tooltip-align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type TooltipAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the Tooltip preferably: top, right, bottom or left.\n */\nexport type PropTooltipAlign = {\n\ttooltipAlign: TooltipAlignPropType;\n};\n\n/* validator */\nexport const validateTooltipAlign = (component: Generic.Element.Component, value?: TooltipAlignPropType): void => {\n\tvalidateAlignment(component, '_tooltipAlign', value);\n};\n"],"names":[],"mappings":";;;;;;MAiBa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,iBAAiB,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AACrD;;;;"}

package/dist/kolibri/unique-nav-labels-OKhw3uEq.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{L as e}from"./common-DyILLof-.js";const a=new Set;function n(n){if(a.has(n)){e.warn(`There already is a nav element with the label "${n}"`)}else{a.add(n)}}function o(e){a.delete(e)}export{n as a,o as r};
+//# sourceMappingURL=unique-nav-labels-OKhw3uEq.js.map

package/dist/kolibri/{unique-nav-labels-7ifGcuBZ.js.map → unique-nav-labels-OKhw3uEq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"unique-nav-labels-7ifGcuBZ.js","sources":["src/utils/unique-nav-labels.ts"],"sourcesContent":["import { Log } from '../schema';\n\n/**\n * There can be several navigations on one page (e.g. main navigation, subnavigation, breadcrumbs, pagination).\n * The navigations must be clearly named for accessibility reasons. To ensure this, all Aria labels are\n * stored in a set and checked for uniqueness.\n */\nconst UNIQUE_LABELS: Set<string> = new Set();\n\nexport function addNavLabel(ariaLabel: string): void {\n\tif (UNIQUE_LABELS.has(ariaLabel)) {\n\t\tLog.warn(`There already is a nav element with the label \"${ariaLabel}\"`);\n\t} else {\n\t\tUNIQUE_LABELS.add(ariaLabel);\n\t}\n}\nexport function removeNavLabel(ariaLabel: string): void {\n\tUNIQUE_LABELS.delete(ariaLabel);\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,aAAa,GAAgB,IAAI,GAAG,EAAE;AAEtC,SAAU,WAAW,CAAC,SAAiB,EAAA;AAC5C,IAAA,IAAI,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACjC,QAAA,GAAG,CAAC,IAAI,CAAC,kDAAkD,SAAS,CAAA,CAAA,CAAG,CAAC;;SAClE;AACN,QAAA,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC;;AAE9B;AACM,SAAU,cAAc,CAAC,SAAiB,EAAA;AAC/C,IAAA,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC;AAChC;;;;"}
+{"version":3,"file":"unique-nav-labels-OKhw3uEq.js","sources":["src/utils/unique-nav-labels.ts"],"sourcesContent":["import { Log } from '../schema';\n\n/**\n * There can be several navigations on one page (e.g. main navigation, subnavigation, breadcrumbs, pagination).\n * The navigations must be clearly named for accessibility reasons. To ensure this, all Aria labels are\n * stored in a set and checked for uniqueness.\n */\nconst UNIQUE_LABELS: Set<string> = new Set();\n\nexport function addNavLabel(ariaLabel: string): void {\n\tif (UNIQUE_LABELS.has(ariaLabel)) {\n\t\tLog.warn(`There already is a nav element with the label \"${ariaLabel}\"`);\n\t} else {\n\t\tUNIQUE_LABELS.add(ariaLabel);\n\t}\n}\nexport function removeNavLabel(ariaLabel: string): void {\n\tUNIQUE_LABELS.delete(ariaLabel);\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,aAAa,GAAgB,IAAI,GAAG,EAAE;AAEtC,SAAU,WAAW,CAAC,SAAiB,EAAA;AAC5C,IAAA,IAAI,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACjC,QAAA,GAAG,CAAC,IAAI,CAAC,kDAAkD,SAAS,CAAA,CAAA,CAAG,CAAC;;SAClE;AACN,QAAA,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC;;AAE9B;AACM,SAAU,cAAc,CAAC,SAAiB,EAAA;AAC/C,IAAA,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC;AAChC;;;;"}

package/dist/kolibri/validation-DFynMQYA.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{H as o,I as t}from"./common-DyILLof-.js";const s=(s,e,f)=>{o(e,"_links",(o=>typeof o==="object"&&(typeof o._href==="string"||typeof o._label==="string")),f);t(s,e.state._links.length)};export{s as w};
+//# sourceMappingURL=validation-DFynMQYA.js.map

package/dist/kolibri/{validation-B8MhupBp.js.map → validation-DFynMQYA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-B8MhupBp.js","sources":["src/components/nav/validation.ts"],"sourcesContent":["import type { HrefProp, LabelProp, Stringified } from '../../schema';\nimport { uiUxHintMillerscheZahl, watchJsonArrayString } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype HrefOrLabelProp = HrefProp | LabelProp;\n\nexport const watchNavLinks = (\n\tclassName: string,\n\tcomponent: Generic.Element.Component & {\n\t\tstate: {\n\t\t\t_links: HrefOrLabelProp[];\n\t\t};\n\t},\n\tvalue?: Stringified<HrefOrLabelProp[]>,\n): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_links',\n\t\t(link) => typeof link === 'object' && (typeof (link as HrefProp)._href === 'string' || typeof (link as LabelProp)._label === 'string'),\n\t\tvalue,\n\t);\n\tuiUxHintMillerscheZahl(className, component.state._links.length);\n};\n"],"names":[],"mappings":";;;;;AAOa,MAAA,aAAa,GAAG,CAC5B,SAAiB,EACjB,SAIC,EACD,KAAsC,KAC7B;AACT,IAAA,oBAAoB,CACnB,SAAS,EACT,QAAQ,EACR,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,OAAQ,IAAiB,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAQ,IAAkB,CAAC,MAAM,KAAK,QAAQ,CAAC,EACtI,KAAK,CACL;IACD,sBAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;AACjE;;;;"}
+{"version":3,"file":"validation-DFynMQYA.js","sources":["src/components/nav/validation.ts"],"sourcesContent":["import type { HrefProp, LabelProp, Stringified } from '../../schema';\nimport { uiUxHintMillerscheZahl, watchJsonArrayString } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype HrefOrLabelProp = HrefProp | LabelProp;\n\nexport const watchNavLinks = (\n\tclassName: string,\n\tcomponent: Generic.Element.Component & {\n\t\tstate: {\n\t\t\t_links: HrefOrLabelProp[];\n\t\t};\n\t},\n\tvalue?: Stringified<HrefOrLabelProp[]>,\n): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_links',\n\t\t(link) => typeof link === 'object' && (typeof (link as HrefProp)._href === 'string' || typeof (link as LabelProp)._label === 'string'),\n\t\tvalue,\n\t);\n\tuiUxHintMillerscheZahl(className, component.state._links.length);\n};\n"],"names":[],"mappings":";;;;;AAOa,MAAA,aAAa,GAAG,CAC5B,SAAiB,EACjB,SAIC,EACD,KAAsC,KAC7B;AACT,IAAA,oBAAoB,CACnB,SAAS,EACT,QAAQ,EACR,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,OAAQ,IAAiB,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAQ,IAAkB,CAAC,MAAM,KAAK,QAAQ,CAAC,EACtI,KAAK,CACL;IACD,sBAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;AACjE;;;;"}

package/dist/kolibri/validation-D_PYegRV.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as e}from"./level-Kr0RFikR.js";import{b as r}from"./common-DyILLof-.js";const o=(o,t)=>{r(o,"_level",(r=>typeof r==="number"&&e.includes(r)),new Set(e.map(String)),t,{defaultValue:1,required:true})};export{o as w};
+//# sourceMappingURL=validation-D_PYegRV.js.map

package/dist/kolibri/{validation-VhuthteS.js.map → validation-D_PYegRV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-VhuthteS.js","sources":["src/components/heading/validation.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { HeadingLevel } from '../../internal/props/level';\nimport { headingLevelOptions } from '../../internal/props/level';\nimport { watchValidator } from '../../schema/utils';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: HeadingLevel): boolean => typeof value === 'number' && headingLevelOptions.includes(value),\n\t\tnew Set(headingLevelOptions.map(String)),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n"],"names":[],"mappings":";;;;;;MAMa,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AACrG,IAAA,cAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAoB,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAI,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnG,IAAI,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACxC,KAAK,EACL;AACC,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF;;;;"}
+{"version":3,"file":"validation-D_PYegRV.js","sources":["src/components/heading/validation.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { HeadingLevel } from '../../internal/props/level';\nimport { headingLevelOptions } from '../../internal/props/level';\nimport { watchValidator } from '../../schema/utils';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: HeadingLevel): boolean => typeof value === 'number' && headingLevelOptions.includes(value),\n\t\tnew Set(headingLevelOptions.map(String)),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n"],"names":[],"mappings":";;;;;;MAMa,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AACrG,IAAA,cAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAoB,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAI,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnG,IAAI,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACxC,KAAK,EACL;AACC,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF;;;;"}

package/dist/kolibri/value-number-clamped-eznLHU11.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as s,b as n,n as r,d as a}from"./normalizers-B5NKuJgN.js";const e=s("max",100,n,(s=>s>0));const t=s("unit","%",r,(s=>s.length>0));const u=a("value",0,((s,r)=>{const a=n(s);if(a<r.min){return r.min}else if(a>r.max){return r.max}return a}),(s=>s!==undefined&&s!==null));export{u as c,e as m,t as u};
+//# sourceMappingURL=value-number-clamped-eznLHU11.js.map

package/dist/kolibri/{value-number-clamped-BQ9jw4HR.js.map → value-number-clamped-eznLHU11.js.map}

@@ -1 +1 @@
-{"version":3,"file":"value-number-clamped-BQ9jw4HR.js","sources":["src/internal/props/max.ts","src/internal/props/unit.ts","src/internal/props/value-number-clamped.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max prop for upper boundary of progress and meter elements\n *\n * Description:\n * The max attribute defines the upper bound of a range. It is used by progress bars and\n * meter elements to indicate the total or maximum achievable value.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a positive number greater than 0\n * - Corresponds to the HTML progress element's max attribute\n * - Maps to aria-valuemax in WAI-ARIA to communicate the upper limit to assistive technologies\n * - Default value is 100 (representing 100%)\n *\n * Accessibility:\n * - Screen readers use aria-valuemax together with aria-valuenow to announce progress status\n * - The relationship between value and max must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-max\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>('max', 100, normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Unit prop for value display formatting\n *\n * Description:\n * Defines the unit of measurement to display alongside a numeric value (e.g., \"%\", \"MB\", \"km/h\").\n * The unit helps users understand the meaning and scale of the displayed value.\n *\n * Usage:\n * - Must be a non-empty string\n * - Default is \"%\" (percentage)\n * - The unit is appended to the displayed value for visual users\n * - Common units: \"%\", \"MB\", \"s\", \"€\", \"kg\"\n *\n * Accessibility:\n * - The unit must be part of the accessible value description for screen reader users\n * - Consider using aria-valuetext to create human-readable descriptions that include the unit\n *   (e.g., aria-valuetext=\"75 percent\" instead of just the number 75)\n * - Units convey meaningful information and must be programmatically determinable\n *   (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuetext\n */\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>('unit', '%', normalizeString, (v) => v.length > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createDependentPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Clamped value prop for bounded numeric ranges\n *\n * Description:\n * Represents a numeric value that is automatically clamped between a minimum and maximum.\n * If the provided value falls outside the allowed range, it is silently adjusted to the\n * nearest boundary. This ensures the value always stays within valid bounds.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Depends on min and max props to define the valid range\n * - Corresponds to the HTML <progress> or <meter> element's value, min, and max attributes\n * - Maps to aria-valuenow, aria-valuemin, and aria-valuemax in WAI-ARIA\n * - Clamping happens transparently; no error is raised for out-of-range inputs\n *\n * Accessibility:\n * - The value boundaries must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Screen readers use aria-valuemin, aria-valuenow, and aria-valuemax to announce range status\n * - Consider providing aria-valuetext for a human-readable description of the value\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#the-meter-element\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuenow\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemin\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n */\nexport type ClampedNumberValueProp = SimpleProp<'value', number>;\n\nexport type ClampedNumberValueDeps = {\n\tmin: number;\n\tmax: number;\n};\n\nexport const clampedNumberValueProp = createDependentPropDefinition<ClampedNumberValueProp, ClampedNumberValueDeps>(\n\t'value',\n\t0,\n\t(value, deps) => {\n\t\tconst normalized = normalizeNumber(value);\n\t\tif (normalized < deps.min) {\n\t\t\treturn deps.min;\n\t\t} else if (normalized > deps.max) {\n\t\t\treturn deps.max;\n\t\t}\n\t\treturn normalized;\n\t},\n\t(v) => v !== undefined && v !== null,\n);\n"],"names":[],"mappings":";;;;;MA0Ba,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;MCEjF,QAAQ,GAAG,oBAAoB,CAAW,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;;ACOjG,MAAM,sBAAsB,GAAG,6BAA6B,CAClE,OAAO,EACP,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,KAAI;AACf,IAAA,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC;AACzC,IAAA,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;QAC1B,OAAO,IAAI,CAAC,GAAG;;AACT,SAAA,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;QACjC,OAAO,IAAI,CAAC,GAAG;;AAEhB,IAAA,OAAO,UAAU;AAClB,CAAC,EACD,CAAC,CAAC,KAAK,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;;;;"}
+{"version":3,"file":"value-number-clamped-eznLHU11.js","sources":["src/internal/props/max.ts","src/internal/props/unit.ts","src/internal/props/value-number-clamped.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max prop for upper boundary of progress and meter elements\n *\n * Description:\n * The max attribute defines the upper bound of a range. It is used by progress bars and\n * meter elements to indicate the total or maximum achievable value.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a positive number greater than 0\n * - Corresponds to the HTML progress element's max attribute\n * - Maps to aria-valuemax in WAI-ARIA to communicate the upper limit to assistive technologies\n * - Default value is 100 (representing 100%)\n *\n * Accessibility:\n * - Screen readers use aria-valuemax together with aria-valuenow to announce progress status\n * - The relationship between value and max must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-max\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>('max', 100, normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Unit prop for value display formatting\n *\n * Description:\n * Defines the unit of measurement to display alongside a numeric value (e.g., \"%\", \"MB\", \"km/h\").\n * The unit helps users understand the meaning and scale of the displayed value.\n *\n * Usage:\n * - Must be a non-empty string\n * - Default is \"%\" (percentage)\n * - The unit is appended to the displayed value for visual users\n * - Common units: \"%\", \"MB\", \"s\", \"€\", \"kg\"\n *\n * Accessibility:\n * - The unit must be part of the accessible value description for screen reader users\n * - Consider using aria-valuetext to create human-readable descriptions that include the unit\n *   (e.g., aria-valuetext=\"75 percent\" instead of just the number 75)\n * - Units convey meaningful information and must be programmatically determinable\n *   (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuetext\n */\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>('unit', '%', normalizeString, (v) => v.length > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createDependentPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Clamped value prop for bounded numeric ranges\n *\n * Description:\n * Represents a numeric value that is automatically clamped between a minimum and maximum.\n * If the provided value falls outside the allowed range, it is silently adjusted to the\n * nearest boundary. This ensures the value always stays within valid bounds.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Depends on min and max props to define the valid range\n * - Corresponds to the HTML <progress> or <meter> element's value, min, and max attributes\n * - Maps to aria-valuenow, aria-valuemin, and aria-valuemax in WAI-ARIA\n * - Clamping happens transparently; no error is raised for out-of-range inputs\n *\n * Accessibility:\n * - The value boundaries must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Screen readers use aria-valuemin, aria-valuenow, and aria-valuemax to announce range status\n * - Consider providing aria-valuetext for a human-readable description of the value\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#the-meter-element\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuenow\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemin\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n */\nexport type ClampedNumberValueProp = SimpleProp<'value', number>;\n\nexport type ClampedNumberValueDeps = {\n\tmin: number;\n\tmax: number;\n};\n\nexport const clampedNumberValueProp = createDependentPropDefinition<ClampedNumberValueProp, ClampedNumberValueDeps>(\n\t'value',\n\t0,\n\t(value, deps) => {\n\t\tconst normalized = normalizeNumber(value);\n\t\tif (normalized < deps.min) {\n\t\t\treturn deps.min;\n\t\t} else if (normalized > deps.max) {\n\t\t\treturn deps.max;\n\t\t}\n\t\treturn normalized;\n\t},\n\t(v) => v !== undefined && v !== null,\n);\n"],"names":[],"mappings":";;;;;MA0Ba,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;MCEjF,QAAQ,GAAG,oBAAoB,CAAW,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;;ACOjG,MAAM,sBAAsB,GAAG,6BAA6B,CAClE,OAAO,EACP,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,KAAI;AACf,IAAA,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC;AACzC,IAAA,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;QAC1B,OAAO,IAAI,CAAC,GAAG;;AACT,SAAA,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;QACjC,OAAO,IAAI,CAAC,GAAG;;AAEhB,IAAA,OAAO,UAAU;AAClB,CAAC,EACD,CAAC,CAAC,KAAK,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;;;;"}

package/dist/kolibri/{variant-class-name-CkfE8oGZ.js → variant-class-name-B1jsQGPM.js}

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{b as o}from"./common-DEEjER7G.js";const t=/^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;const n=o=>typeof o==="string"&&t.test(o);const s=new Set([t.source]);const a=(t,a)=>{o(t,"_variant",n,s,a)};export{a as v};
-//# sourceMappingURL=variant-class-name-CkfE8oGZ.js.map
+import{b as o}from"./common-DyILLof-.js";const t=/^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;const n=o=>typeof o==="string"&&t.test(o);const s=new Set([t.source]);const a=(t,a)=>{o(t,"_variant",n,s,a)};export{a as v};
+//# sourceMappingURL=variant-class-name-B1jsQGPM.js.map

package/dist/kolibri/{variant-class-name-CkfE8oGZ.js.map → variant-class-name-B1jsQGPM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"variant-class-name-CkfE8oGZ.js","sources":["src/schema/props/variant-class-name.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport type VariantClassNamePropType = string;\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType): void => {\n\twatchValidator(component, '_variant', isSafeClassName, SAFE_CLASS_NAME_ALLOWED, value);\n};\n"],"names":[],"mappings":";;;;;AAUA,MAAM,kBAAkB,GAAG,+BAA+B;AAC1D,MAAM,eAAe,GAAG,CAAC,KAAc,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AACvG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;MAEvD,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,KAAU;IACxH,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,CAAC;AACvF;;;;"}
+{"version":3,"file":"variant-class-name-B1jsQGPM.js","sources":["src/schema/props/variant-class-name.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport type VariantClassNamePropType = string;\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType): void => {\n\twatchValidator(component, '_variant', isSafeClassName, SAFE_CLASS_NAME_ALLOWED, value);\n};\n"],"names":[],"mappings":";;;;;AAUA,MAAM,kBAAkB,GAAG,+BAA+B;AAC1D,MAAM,eAAe,GAAG,CAAC,KAAc,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AACvG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;MAEvD,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,KAAU;IACxH,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,CAAC;AACvF;;;;"}

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -7,6 +7,7 @@ type ValueChangeListener = (value: StencilUnknown) => void;
 export declare class InputController extends ControlledInputController implements Watches {
     protected readonly component: Generic.Element.Component & Props & AdapterProps;
     private readonly valueChangeListeners;
+    private inputHasFocus;
     constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAdjustHeight(value?: AdjustHeightPropType): void;
@@ -24,18 +25,18 @@ export declare class InputController extends ControlledInputController implement
     validateVariant(value?: VariantClassNamePropType): void;
     componentWillLoad(): void;
     private emitEvent;
-    protected onBlur(event: Event): void;
     protected onChange(event: Event, value?: StencilUnknown): void;
     protected onInput(event: Event, shouldSetFormAssociatedValue?: boolean, value?: StencilUnknown): void;
     protected onClick(event: Event): void;
-    protected onFocus(event: Event): void;
+    protected onFocus(event: FocusEvent): void;
+    protected onBlur(event: FocusEvent): void;
     protected onKeyDown(event: KeyboardEvent): void;
     addValueChangeListener(listener: ValueChangeListener): void;
     readonly onFacade: {
-        onBlur: (event: Event) => void;
+        onBlur: (event: FocusEvent) => void;
         onChange: (event: Event, value?: StencilUnknown) => void;
         onClick: (event: Event) => void;
-        onFocus: (event: Event) => void;
+        onFocus: (event: FocusEvent) => void;
         onInput: (event: Event, shouldSetFormAssociatedValue?: boolean, value?: StencilUnknown) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     };

package/dist/types/components/abbr/component.d.ts

@@ -0,0 +1,17 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { AbbrApi } from '../../internal/functional-components/abbr/api';
+import { BaseWebComponent } from '../../internal/functional-components/base-web-component';
+import type { WebComponentInterface } from '../../internal/functional-components/generic-types';
+import type { LabelPropType } from '../../schema';
+export declare class KolAbbr extends BaseWebComponent<AbbrApi> implements WebComponentInterface<AbbrApi> {
+    private readonly ctrl;
+    private readonly tooltipCtrl;
+    private abbrRef?;
+    private readonly setAbbrRef;
+    _label?: LabelPropType;
+    watchLabel(value?: LabelPropType): void;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    render(): JSX.Element;
+}

package/dist/types/components/accordion/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccordionAPI, AccordionCallbacksPropType, AccordionStates, DisabledPropType, FocusableElement, HeadingLevel, KolFocusOptions, LabelPropType, OpenPropType } from '../../schema';
-export declare class KolAccordion implements AccordionAPI, FocusableElement {
+import type { AccordionAPI, AccordionCallbacksPropType, AccordionStates, ClickableElement, DisabledPropType, FocusableElement, HeadingLevel, KolFocusOptions, LabelPropType, OpenPropType } from '../../schema';
+export declare class KolAccordion implements AccordionAPI, ClickableElement, FocusableElement {
     protected readonly host?: HTMLKolAccordionElement;
     private readonly id;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;

package/dist/types/components/button/component.d.ts

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaSelectedPropType, ButtonAPI, ButtonCallbacksPropType, ButtonStates, ButtonTypePropType, CustomClassPropType, DisabledPropType, FocusableElement, HideLabelPropType, IconsPropType, IdPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaSelectedPropType, ButtonAPI, ButtonCallbacksPropType, ButtonStates, ButtonTypePropType, ClickableElement, CustomClassPropType, DisabledPropType, FocusableElement, HideLabelPropType, IconsPropType, IdPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 import type { AriaHasPopupPropType } from '../../schema/props/aria-has-popup';
-export declare class KolButtonWc implements ButtonAPI, FocusableElement {
+export declare class KolButtonWc implements ButtonAPI, ClickableElement, FocusableElement {
     protected readonly host?: HTMLKolButtonWcElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLButtonElement>;
     private readonly tooltipCtrl;

package/dist/types/components/button/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
-export declare class KolButton implements ButtonProps, FocusableElement {
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonProps, ButtonTypePropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolButton implements ButtonProps, ClickableElement, FocusableElement {
     protected readonly host?: HTMLKolButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
     getValue(): Promise<StencilUnknown>;

package/dist/types/components/button-link/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonLinkProps, ButtonTypePropType, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, NamePropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolButtonLink implements ButtonLinkProps, FocusableElement {
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonLinkProps, ButtonTypePropType, ClickableElement, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, NamePropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolButtonLink implements ButtonLinkProps, ClickableElement, FocusableElement {
     protected readonly host?: HTMLKolButtonLinkElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
     getValue(): Promise<StencilUnknown>;

package/dist/types/components/combobox/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ComboboxAPI, ComboboxStates, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, PlaceholderPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolCombobox implements ComboboxAPI, FocusableElement {
+import type { AriaDetailsPropType, ClickableElement, ComboboxAPI, ComboboxStates, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, PlaceholderPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolCombobox implements ClickableElement, ComboboxAPI, FocusableElement {
     protected readonly host?: HTMLKolComboboxElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private refSuggestions;
@@ -30,6 +30,8 @@ export declare class KolCombobox implements ComboboxAPI, FocusableElement {
     private _filteredSuggestions?;
     handleWindowClick(event: MouseEvent): void;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     _placeholder?: string;
     _disabled?: boolean;
     _hideMsg?: boolean;

package/dist/types/components/component-list.d.ts

@@ -1,4 +1,4 @@
-import { KolAbbr } from './abbr/shadow';
+import { KolAbbr } from './abbr/component';
 import { KolAccordion } from './accordion/shadow';
 import { KolAlert } from './alert/shadow';
 import { KolAvatar } from './avatar/component';

package/dist/types/components/details/shadow.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from '../../stencil-public-runtime';
-import type { DetailsAPI, DetailsCallbacksPropType, DetailsStates, DisabledPropType, FocusableElement, HeadingLevel, KolFocusOptions, LabelPropType } from '../../schema';
-export declare class KolDetails implements DetailsAPI, FocusableElement {
+import type { ClickableElement, DetailsAPI, DetailsCallbacksPropType, DetailsStates, DisabledPropType, FocusableElement, HeadingLevel, KolFocusOptions, LabelPropType } from '../../schema';
+export declare class KolDetails implements ClickableElement, DetailsAPI, FocusableElement {
     protected readonly host?: HTMLKolDetailsElement;
     private readonly id;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;

package/dist/types/components/form/shadow.d.ts

@@ -1,9 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ErrorListPropType, FormAPI, FormStates, KoliBriFormCallbacks, Stringified } from '../../schema';
+import type { ErrorListPropType, FormAPI, FormStates, KolFocusOptions, KoliBriFormCallbacks, Stringified } from '../../schema';
 export declare class KolForm implements FormAPI {
     private readonly host?;
     errorListBlock?: HTMLElement;
     errorListFirstLink?: HTMLElement;
+    scrollOptionsFallback: KolFocusOptions;
     private readonly translateErrorListMessage;
     private readonly translateErrorList;
     private readonly translateFormDescription;
@@ -16,7 +17,7 @@ export declare class KolForm implements FormAPI {
     private renderFormElement;
     render(): JSX.Element;
     private scrollToErrorList;
-    focusErrorList(): Promise<void>;
+    focusErrorList(options?: KolFocusOptions): Promise<void>;
     _on?: KoliBriFormCallbacks;
     _requiredText?: Stringified<boolean>;
     _errorList?: ErrorListPropType[];

package/dist/types/components/input-adapter-leanup/associated.controller.d.ts

@@ -1,5 +1,6 @@
 import type { NamePropType, PropSyncValueBySelector, StencilUnknown, SyncValueBySelectorPropType } from '../../schema';
 import type { Generic } from 'adopted-style-sheets';
+import { type HostInternals } from '../../utils/aria-labelledby';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
     name: string;
@@ -11,6 +12,7 @@ export declare class AssociatedInputController implements Watches {
     protected readonly component: Generic.Element.Component & Props;
     protected readonly type: string;
     protected readonly host?: Element;
+    internals?: HostInternals;
     readonly formAssociated?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
     syncToOwnInput?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
     constructor(component: Generic.Element.Component & Props, type: string, host?: Element);
@@ -21,6 +23,7 @@ export declare class AssociatedInputController implements Watches {
     private syncValue;
     validateName(value?: NamePropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
+    validateAriaDetails(value?: string): void;
     componentWillLoad(): void;
 }
 export {};

package/dist/types/components/input-checkbox/shadow.d.ts

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { CheckedPropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputTypeOnDefault, KolFocusOptions, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RequiredPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AriaDetailsPropType, CheckedPropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputTypeOnDefault, KolFocusOptions, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RequiredPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { InputCheckboxVariantPropType } from '../../schema/props/variant-input-checkbox';
-export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
+export declare class KolInputCheckbox implements ClickableElement, FocusableElement, InputCheckboxAPI {
     protected readonly host?: HTMLKolInputCheckboxElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private getModelValue;
@@ -28,6 +28,7 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
     _required?: boolean;
+    _ariaDetails?: AriaDetailsPropType;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
     _tooltipAlign?: TooltipAlignPropType;
@@ -39,6 +40,7 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateChecked(value?: CheckedPropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

package/dist/types/components/input-color/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputColor implements InputColorAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputColor implements ClickableElement, FocusableElement, InputColorAPI {
     protected readonly host?: HTMLKolInputColorElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private refInputColor?;
@@ -20,6 +20,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -43,6 +44,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

package/dist/types/components/input-date/controller.d.ts

@@ -16,7 +16,7 @@ export declare class InputDateController extends InputIconController implements
     static getWeekNumberOfDate(date: Date): string;
     private validateDateString;
     private readonly validateIso8601;
-    protected onBlur(event: Event): void;
+    protected onBlur(event: FocusEvent): void;
     validateMax(value?: Iso8601 | Date): void;
     validateMin(value?: Iso8601 | Date): void;
     validateOn(value?: InputTypeOnDefault): void;

package/dist/types/components/input-date/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputDateAPI, InputDateStates, InputDateTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputDate implements InputDateAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputDateAPI, InputDateStates, InputDateTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputDate implements ClickableElement, FocusableElement, InputDateAPI {
     protected readonly host?: HTMLKolInputDateElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private _initialValueType;
@@ -21,6 +21,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -50,6 +51,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

package/dist/types/components/input-email/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, MultiplePropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, MultiplePropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputEmail implements ClickableElement, FocusableElement, InputEmailAPI {
     protected readonly host?: HTMLKolInputEmailElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     getValue(): Promise<string | undefined>;
@@ -13,6 +13,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _hasCounter?: boolean;
     _maxLengthBehavior?: MaxLengthBehaviorPropType;
@@ -44,6 +45,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

package/dist/types/components/input-file/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AcceptPropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputFile implements InputFileAPI, FocusableElement {
+import type { AcceptPropType, AriaDetailsPropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputFile implements ClickableElement, FocusableElement, InputFileAPI {
     protected readonly host?: HTMLKolInputFileElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private readonly translateDataBrowseText;
@@ -15,6 +15,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private readonly controller;
     _accept?: string;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
@@ -40,6 +41,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private showAsAlert;
     validateAccept(value?: AcceptPropType): void;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: HideLabelPropType): void;

package/dist/types/components/input-number/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputNumber implements InputNumberAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputNumber implements ClickableElement, FocusableElement, InputNumberAPI {
     protected readonly host?: HTMLKolInputNumberElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     getValue(): Promise<number | NumberString | null>;
@@ -18,6 +18,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -48,6 +49,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

package/dist/types/components/input-password/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from '../../schema';
-export declare class KolInputPassword implements InputPasswordAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from '../../schema';
+export declare class KolInputPassword implements ClickableElement, FocusableElement, InputPasswordAPI {
     protected readonly host?: HTMLKolInputPasswordElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private readonly translateHidePassword;
@@ -16,6 +16,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _hasCounter?: boolean;
     _maxLengthBehavior?: MaxLengthBehaviorPropType;
@@ -47,6 +48,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     validateDisabled(value?: DisabledPropType): void;

package/dist/types/components/input-radio/shadow.d.ts

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RadioOptionsPropType, RequiredPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+import type { AriaDetailsPropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RadioOptionsPropType, RequiredPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 import type { OrientationPropType } from '../../schema/props/orientation';
-export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
+export declare class KolInputRadio implements ClickableElement, FocusableElement, InputRadioAPI {
     private readonly host?;
     private inputRef?;
     private inputRefs;
@@ -18,6 +18,7 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private getInputProps;
     private renderOption;
     private readonly controller;
+    _ariaDetails?: AriaDetailsPropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
@@ -39,6 +40,7 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideLabel(value?: HideLabelPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

package/dist/types/components/input-range/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputRange implements InputRangeAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputRange implements ClickableElement, FocusableElement, InputRangeAPI {
     protected readonly host?: HTMLKolInputRangeElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private refInputRange?;
@@ -24,6 +24,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -50,6 +51,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

package/dist/types/components/input-text/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTextAPI, InputTextStates, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputText implements InputTextAPI, FocusableElement {
+import type { AccessKeyPropType, AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTextAPI, InputTextStates, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputText implements ClickableElement, FocusableElement, InputTextAPI {
     protected readonly host?: HTMLKolInputTextElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private oldValue?;
@@ -23,6 +23,8 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly controller;
     _accessKey?: AccessKeyPropType;
     _autoComplete?: AutoCompletePropType;
+    _ariaDetails?: AriaDetailsPropType;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     _hasCounter?: boolean;
     _maxLengthBehavior?: MaxLengthBehaviorPropType;
     _disabled?: boolean;

package/dist/types/components/link/component.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, CustomClassPropType, DisabledPropType, DownloadPropType, FocusableElement, HideLabelPropType, HrefPropType, InlinePropType, InternalLinkAPI, KolFocusOptions, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolLinkWc implements InternalLinkAPI, FocusableElement {
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, ClickableElement, CustomClassPropType, DisabledPropType, DownloadPropType, FocusableElement, HideLabelPropType, HrefPropType, InlinePropType, InternalLinkAPI, KolFocusOptions, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolLinkWc implements ClickableElement, FocusableElement, InternalLinkAPI {
     private readonly host?;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLAnchorElement>;
     private readonly tooltipCtrl;

package/dist/types/components/link/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, DownloadPropType, FocusableElement, HrefPropType, InlinePropType, KolFocusOptions, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolLink implements LinkProps, FocusableElement {
+export declare class KolLink implements FocusableElement, LinkProps {
     protected readonly host?: HTMLKolLinkElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
     focus(options?: KolFocusOptions): Promise<void>;

package/dist/types/components/link-button/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, ButtonVariantPropType, CustomClassPropType, DownloadPropType, FocusableElement, HrefPropType, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, LinkButtonProps, LinkOnCallbacksPropType, LinkTargetPropType, ShortKeyPropType, TooltipAlignPropType } from '../../schema';
-export declare class KolLinkButton implements LinkButtonProps, FocusableElement {
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, DownloadPropType, FocusableElement, HrefPropType, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, LinkButtonProps, LinkOnCallbacksPropType, LinkTargetPropType, ShortKeyPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolLinkButton implements ClickableElement, FocusableElement, LinkButtonProps {
     protected readonly host?: HTMLKolLinkButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
     focus(options?: KolFocusOptions): Promise<void>;