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

package/dist/kolibri/src-C8dP-FLK.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as s,n as r}from"./normalizers-pgU77mXp.js";const o=s("src","",r);export{o as s};
+//# sourceMappingURL=src-C8dP-FLK.js.map

package/dist/kolibri/src-C8dP-FLK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-C8dP-FLK.js","sources":["src/internal/props/src.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Src prop for embedded content (images, videos, iframes)\n *\n * Description:\n * The src attribute specifies the URL of the resource to embed. It is the primary source\n * for media elements such as <img>, <video>, <audio>, and <iframe>.\n *\n * Usage (according to W3C HTML specification):\n * - Absolute URL: src=\"https://example.com/image.png\"\n * - Relative URL: src=\"/images/photo.jpg\"\n * - Must be a valid, non-empty URL when the element is intended to display content\n * - For images, always pair with a meaningful alt attribute (WCAG 1.1.1)\n *\n * Accessibility:\n * - Ensure media referenced by src has appropriate text alternatives (WCAG 1.1.1 Non-text Content)\n * - Avoid auto-playing media without user control (WCAG 1.4.2 Audio Control)\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-src\n * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html\n */\nexport type SrcProp = SimpleProp<'src', string>;\nexport const srcProp = createPropDefinition<SrcProp>('src', '', normalizeString);\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,EAAE,EAAE,eAAe;;;;"}

package/dist/kolibri/suggestions-Cnn1r8zc.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{H as s,k as e}from"./common-DEEjER7G.js";const o=(o,t)=>{s(o,"_suggestions",(s=>typeof s==="string"||typeof s==="number"),t,undefined,{hooks:{afterPatch:s=>{if(Array.isArray(s)&&s.length){e("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}}})};export{o as v};
+//# sourceMappingURL=suggestions-Cnn1r8zc.js.map

package/dist/kolibri/suggestions-Cnn1r8zc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-Cnn1r8zc.js","sources":["src/schema/props/suggestions.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { W3CInputValue } from '../types';\nimport type { Stringified } from '../types/common';\nimport { watchJsonArrayString } from '../utils';\nimport { a11yHint } from '../utils/a11y.tipps';\n\n/* types */\nexport type SuggestionsPropType = Stringified<W3CInputValue[]>;\n\n/**\n * Suggestions to provide for an input.\n */\nexport type PropSuggestions = {\n\tsuggestions: SuggestionsPropType;\n};\n\n/* validator */\nexport const validateSuggestions = (component: Generic.Element.Component, value?: SuggestionsPropType): void => {\n\twatchJsonArrayString(component, '_suggestions', (item: W3CInputValue) => typeof item === 'string' || typeof item === 'number', value, undefined, {\n\t\thooks: {\n\t\t\tafterPatch: (value: unknown) => {\n\t\t\t\tif (Array.isArray(value) && value.length) {\n\t\t\t\t\ta11yHint('Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.');\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t});\n};\n"],"names":[],"mappings":";;;;;MAkBa,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B,KAAU;IAC9G,oBAAoB,CAAC,SAAS,EAAE,cAAc,EAAE,CAAC,IAAmB,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;AAChJ,QAAA,KAAK,EAAE;AACN,YAAA,UAAU,EAAE,CAAC,KAAc,KAAI;gBAC9B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE;oBACzC,QAAQ,CAAC,0HAA0H,CAAC;;aAErI;AACD,SAAA;AACD,KAAA,CAAC;AACH;;;;"}

package/dist/kolibri/table-selection-DlaNrAWM.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e,b as t,P as n,o,p as s,s as a,G as r}from"./common-DEEjER7G.js";const c=(t,n)=>{e(t,"_hasSettingsMenu",n)};const f=(e,n)=>{t(e,`_on`,(e=>typeof e==="object"&&e!==null),new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange, Events.onChangeHeaderCells}"]),n)};const l=(e,n)=>{t(e,`_on`,(e=>typeof e==="object"&&e!==null),new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),n)};const i=(e,t,r)=>{n(t,(()=>{o(t,(()=>{if(typeof t==="undefined"){t=[]}try{t=s(t)}catch(e){}if(Array.isArray(t)&&t.every((e=>typeof e==="object"&&e!==null))){a(e,"_data",t,r)}}))}))};const y=(e,t,r)=>{n(t,(()=>{o(t,(()=>{if(typeof t==="undefined"){t=[]}try{t=s(t)}catch(e){}if(Array.isArray(t)&&t.every((e=>typeof e==="object"&&e!==null))){a(e,"_dataFoot",t,r)}}))}))};const p=(e,n)=>{t(e,"_fixedCols",(e=>Array.isArray(e)&&e.length===2&&typeof e[0]==="number"&&typeof e[1]==="number"&&Number.isInteger(e[0])&&Number.isInteger(e[1])&&e[0]>=0&&e[1]>=0),new Set(["FixedColsPropType [leftFixed: number, rightFixed: number]"]),n)};const u=(e,t)=>{const n=()=>{try{return s(t)}catch(e){return undefined}};const o=e=>e&&r(e)&&typeof e.label==="function"&&(!e.selectedKeys||Array.isArray(e.selectedKeys));const c=typeof t==="string"?n():t;if(o(c)){a(e,"_selection",t)}};export{y as a,p as b,c,u as d,l as e,f,i as v};
+//# sourceMappingURL=table-selection-DlaNrAWM.js.map

package/dist/kolibri/table-selection-DlaNrAWM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-selection-DlaNrAWM.js","sources":["src/schema/props/has-settings-menu.ts","src/schema/props/table-callbacks.ts","src/schema/props/table-data.ts","src/schema/props/table-data-foot.ts","src/schema/props/table-fixed-cols.ts","src/schema/props/table-selection.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasSettingsMenuPropType = boolean;\n\n/**\n * Defines whether the element shows a settings menu.\n */\nexport type PropHasSettingsMenu = {\n\thasSettingsMenu: HasSettingsMenuPropType;\n};\n\n/* validator */\nexport const validateHasSettingsMenu = (component: Generic.Element.Component, value?: HasSettingsMenuPropType): void => {\n\twatchBoolean(component, '_hasSettingsMenu', value);\n};\n","import type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\nimport type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriSortDirection, KoliBriTableDataType, KoliBriTableSelectionKeys } from '../types';\nimport type { TableHeaderCells } from './table-header-cells';\n\n/* types */\nexport type SortEventPayload = {\n\tkey: string;\n\tcurrentSortDirection: KoliBriSortDirection;\n};\n\nexport type SelectionChangeEventPayload = KoliBriTableSelectionKeys;\nexport type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | null;\nexport type ChangeHeaderCellsEventPayload = TableHeaderCells;\n\nexport type TableCallbacksPropType = {\n\t[Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;\n\t[Callback.onChangeHeaderCells]?: EventValueOrEventCallback<Event, ChangeHeaderCellsEventPayload>;\n};\nexport type TableStatefulCallbacksPropType = {\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;\n};\n/**\n * Defines the callback functions for table events.\n */\nexport type PropTableCallbacks = {\n\ton: TableCallbacksPropType;\n};\n\nexport type StatefulPropTableCallbacks = {\n\ton: TableStatefulCallbacksPropType;\n};\n\n/* validator */\nexport const validateTableCallbacks = (component: Generic.Element.Component, value?: TableCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableCallbacksPropType {Events.onSort, Events.onSelectionChange, Events.onChangeHeaderCells}']),\n\t\tvalue,\n\t);\n};\n\nexport const validateTableStatefulCallbacks = (component: Generic.Element.Component, value?: TableStatefulCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableStatefulCallbacksPropType {Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { KoliBriTableDataType, Stringified } from '../types';\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\n\n/* types */\nexport type TableDataPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the primary table data.\n */\nexport type PropTableData = {\n\tdata: TableDataPropType;\n};\n\n/* validator */\nexport const validateTableData = (component: Generic.Element.Component, value?: TableDataPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t} catch {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_data', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { KoliBriTableDataType, Stringified } from '../types';\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\n\n/* types */\nexport type TableDataFootPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the data for the table footer.\n */\nexport type PropTableDataFoot = {\n\tdataFoot: TableDataFootPropType;\n};\n\n/* validator */\nexport const validateTableDataFoot = (component: Generic.Element.Component, value?: TableDataFootPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t} catch {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_dataFoot', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\nexport type FixedColsPropType = [number, number];\nexport type PropFixedCols = {\n\tfixedCols: FixedColsPropType;\n};\n\nexport const validateFixedCols = (component: Generic.Element.Component, value?: FixedColsPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_fixedCols',\n\t\t(value) =>\n\t\t\tArray.isArray(value) &&\n\t\t\tvalue.length === 2 &&\n\t\t\ttypeof value[0] === 'number' &&\n\t\t\ttypeof value[1] === 'number' &&\n\t\t\tNumber.isInteger(value[0]) &&\n\t\t\tNumber.isInteger(value[1]) &&\n\t\t\tvalue[0] >= 0 &&\n\t\t\tvalue[1] >= 0,\n\t\tnew Set(['FixedColsPropType [leftFixed: number, rightFixed: number]']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriTableSelection, Stringified } from '../types';\nimport { parseJson, setState } from '../utils';\nimport { isObject } from '../validators';\n\n/* types */\nexport type TableSelectionPropType = Stringified<KoliBriTableSelection>;\n\n/**\n * Defines how rows can be selected and the current selection.\n */\nexport type PropTableSelection = {\n\tselection: TableSelectionPropType;\n};\n\n/* validator */\nexport const validateTableSelection = (component: Generic.Element.Component, value?: TableSelectionPropType): void => {\n\tconst parseSerializedValue = () => {\n\t\ttry {\n\t\t\treturn parseJson<KoliBriTableSelection>(value);\n\t\t} catch {\n\t\t\treturn undefined;\n\t\t}\n\t};\n\n\tconst validateObject = (value?: KoliBriTableSelection) => {\n\t\treturn value && isObject(value) && typeof value.label === 'function' && (!value.selectedKeys || Array.isArray(value.selectedKeys));\n\t};\n\n\tconst objectValue = typeof value === 'string' ? parseSerializedValue() : value;\n\tif (validateObject(objectValue)) {\n\t\tsetState(component, '_selection', value);\n\t}\n};\n"],"names":[],"mappings":";;;;;MAea,uBAAuB,GAAG,CAAC,SAAoC,EAAE,KAA+B,KAAU;AACtH,IAAA,YAAY,CAAC,SAAS,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACnD;;MCqBa,sBAAsB,GAAG,CAAC,SAAoC,EAAE,KAA8B,KAAU;AACpH,IAAA,cAAc,CACb,SAAS,EACT,CAAA,GAAA,CAAK,EACL,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EACtD,IAAI,GAAG,CAAC,CAAC,8FAA8F,CAAC,CAAC,EACzG,KAAK,CACL;AACF;MAEa,8BAA8B,GAAG,CAAC,SAAoC,EAAE,KAAsC,KAAU;AACpI,IAAA,cAAc,CACb,SAAS,EACT,CAAA,GAAA,CAAK,EACL,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EACtD,IAAI,GAAG,CAAC,CAAC,2DAA2D,CAAC,CAAC,EACtE,KAAK,CACL;AACF;;ACvCa,MAAA,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,EAAE,aAA6B,KAAU;AACzI,IAAA,yBAAyB,CAAC,KAAK,EAAE,MAAK;AACrC,QAAA,mBAAmB,CAAC,KAAK,EAAE,MAAK;AAC/B,YAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;gBACjC,KAAK,GAAG,EAAE;;AAEX,YAAA,IAAI;AACH,gBAAA,KAAK,GAAG,SAAS,CAAyB,KAAK,CAAC;;YAC/C,OAAA,EAAA,EAAM;;YAGR,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAA0B,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,CAAC,EAAE;gBACnH,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC;;AAEpD,SAAC,CAAC;AACH,KAAC,CAAC;AACH;;AChBa,MAAA,qBAAqB,GAAG,CAAC,SAAoC,EAAE,KAA6B,EAAE,aAA6B,KAAU;AACjJ,IAAA,yBAAyB,CAAC,KAAK,EAAE,MAAK;AACrC,QAAA,mBAAmB,CAAC,KAAK,EAAE,MAAK;AAC/B,YAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;gBACjC,KAAK,GAAG,EAAE;;AAEX,YAAA,IAAI;AACH,gBAAA,KAAK,GAAG,SAAS,CAAyB,KAAK,CAAC;;YAC/C,OAAA,EAAA,EAAM;;YAGR,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAA0B,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,CAAC,EAAE;gBACnH,QAAQ,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,CAAC;;AAExD,SAAC,CAAC;AACH,KAAC,CAAC;AACH;;MCzBa,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,KAAU;AAC1G,IAAA,cAAc,CACb,SAAS,EACT,YAAY,EACZ,CAAC,KAAK,KACL,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QACpB,KAAK,CAAC,MAAM,KAAK,CAAC;AAClB,QAAA,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ;AAC5B,QAAA,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ;AAC5B,QAAA,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC1B,QAAA,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC1B,QAAA,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,QAAA,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EACd,IAAI,GAAG,CAAC,CAAC,2DAA2D,CAAC,CAAC,EACtE,KAAK,CACL;AACF;;MCRa,sBAAsB,GAAG,CAAC,SAAoC,EAAE,KAA8B,KAAU;IACpH,MAAM,oBAAoB,GAAG,MAAK;AACjC,QAAA,IAAI;AACH,YAAA,OAAO,SAAS,CAAwB,KAAK,CAAC;;QAC7C,OAAA,EAAA,EAAM;AACP,YAAA,OAAO,SAAS;;AAElB,KAAC;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,KAA6B,KAAI;AACxD,QAAA,OAAO,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AACnI,KAAC;AAED,IAAA,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,oBAAoB,EAAE,GAAG,KAAK;AAC9E,IAAA,IAAI,cAAc,CAAC,WAAW,CAAC,EAAE;AAChC,QAAA,QAAQ,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC;;AAE1C;;;;"}

package/dist/kolibri/test-component.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as o}from"./index-BQlHOxik.js";import"./common-Cx_AGO_M.js";const s=class{constructor(s){o(this,s)}};export{s as test_component};
+import{r as o}from"./index-DqvPZ16l.js";import"./common-DEEjER7G.js";const s=class{constructor(s){o(this,s)}};export{s as test_component};
 //# sourceMappingURL=test-component.entry.js.map

package/dist/kolibri/tooltip-align-DzHPWEpv.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{b as o}from"./align-ChLoh-Dq.js";import"./common-DEEjER7G.js";const t=(t,i)=>{o(t,"_tooltipAlign",i)};export{t as v};
+//# sourceMappingURL=tooltip-align-DzHPWEpv.js.map

package/dist/kolibri/tooltip-align-DzHPWEpv.js.map

@@ -0,0 +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;;;;"}

package/dist/kolibri/unique-nav-labels-7ifGcuBZ.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{L as e}from"./common-DEEjER7G.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 t(e){a.delete(e)}export{n as a,t as r};
+//# sourceMappingURL=unique-nav-labels-7ifGcuBZ.js.map

package/dist/kolibri/unique-nav-labels-7ifGcuBZ.js.map

@@ -0,0 +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;;;;"}

package/dist/kolibri/validation-B8MhupBp.js

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

package/dist/kolibri/validation-B8MhupBp.js.map

@@ -0,0 +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;;;;"}

package/dist/kolibri/validation-VhuthteS.js

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

package/dist/kolibri/validation-VhuthteS.js.map

@@ -0,0 +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;;;;"}

package/dist/kolibri/value-number-clamped-BQ9jw4HR.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-pgU77mXp.js";const e=s("max",100,n,(s=>s>0));const t=s("unit","%",r,(s=>s.length>0));const o=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{o as c,e as m,t as u};
+//# sourceMappingURL=value-number-clamped-BQ9jw4HR.js.map

package/dist/kolibri/value-number-clamped-BQ9jw4HR.js.map

@@ -0,0 +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;;;;"}

package/dist/kolibri/variant-class-name-CkfE8oGZ.js

@@ -0,0 +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

package/dist/kolibri/variant-class-name-CkfE8oGZ.js.map

@@ -0,0 +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;;;;"}

package/dist/kolibri/variant-quote-BMV8GZX8.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as t,n as e}from"./normalizers-pgU77mXp.js";function s(){throw new Error("This controller does not use component state.")}class n{constructor(){this.stateAccess={setState:(t,e)=>{this[t]=e},getState:t=>this[t]}}}n.stateLess=Object.freeze({setState:s,getState:s});const o=["eager","lazy"];const a=new Set(o);const c=t("loading","lazy",(t=>e(t)),(t=>a.has(t)));const r=["block","inline"];const i=new Set(r);const l=t("variant","inline",(t=>e(t)),(t=>i.has(t)));export{n as B,c as l,l as v};
+//# sourceMappingURL=variant-quote-BMV8GZX8.js.map

package/dist/kolibri/variant-quote-BMV8GZX8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-quote-BMV8GZX8.js","sources":["src/internal/functional-components/base-web-component.ts","src/internal/props/loading.ts","src/internal/props/variant-quote.ts"],"sourcesContent":["import type { ComponentApi, InternalOf, StateAccess } from './generic-types';\n\n/**\n * Throws when a stateless controller accidentally attempts to read or write state.\n * Used as the implementation behind {@link BaseWebComponent.stateLess}.\n */\nfunction throwNoStateAccess(): never {\n\tthrow new Error('This controller does not use component state.');\n}\n\n/**\n * Base class for web components that provides type-safe state access.\n * Subclasses pass `this.stateAccess` to their controller constructors, ensuring\n * that all state reads and writes are validated against Api['States'] at compile time.\n */\nexport abstract class BaseWebComponent<Api extends ComponentApi> {\n\t/**\n\t * Frozen sentinel for controllers that do not need component state.\n\t * Both `setState` and `getState` throw if called, catching accidental\n\t * state access at runtime.\n\t *\n\t * Pass this to the controller constructor in web components whose\n\t * controller only uses render props (no `@State` fields).\n\t */\n\tpublic static readonly stateLess: StateAccess<never> = Object.freeze({\n\t\tsetState: throwNoStateAccess,\n\t\tgetState: throwNoStateAccess,\n\t});\n\n\t/**\n\t * Bundled state access for passing to controllers.\n\t * Writes trigger a Stencil re-render via the @State decorator on the subclass.\n\t */\n\tprotected readonly stateAccess: StateAccess<Api> = {\n\t\tsetState: <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K, value: InternalOf<NonNullable<Api['States']>>[K]): void => {\n\t\t\t(this as Record<string, unknown>)[key as string] = value;\n\t\t},\n\t\tgetState: <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K): InternalOf<NonNullable<Api['States']>>[K] => {\n\t\t\treturn (this as Record<string, unknown>)[key as string] as InternalOf<NonNullable<Api['States']>>[K];\n\t\t},\n\t};\n}\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Loading prop for lazy-loading behavior of embedded content\n *\n * Description:\n * The loading attribute controls when the browser should start fetching the resource.\n * Lazy loading defers loading of off-screen content until it is near the viewport,\n * improving initial page load performance.\n *\n * Usage (according to W3C HTML specification):\n * - \"lazy\": Defers loading until the element approaches the viewport\n * - \"eager\": Loads the resource immediately regardless of viewport position\n * - Default is \"lazy\" to optimize performance\n *\n * Accessibility:\n * - Lazy loading must not interfere with assistive technology access to content\n * - Content must be available when focused or navigated to via keyboard (WCAG 2.1.1 Keyboard)\n * - Ensure lazy-loaded content does not cause unexpected layout shifts (WCAG 2.3.3 Animation from Interactions)\n *\n * @see https://html.spec.whatwg.org/multipage/urls-and-fetching.html#lazy-loading-attributes\n * @see https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html\n */\nconst LOADING_OPTIONS = ['eager', 'lazy'] as const;\nexport type LoadingType = (typeof LOADING_OPTIONS)[number];\nexport type LoadingProp = SimpleProp<'loading', LoadingType>;\n\nconst LOADING_SET: ReadonlySet<string> = new Set(LOADING_OPTIONS);\n\nexport const loadingProp = createPropDefinition<LoadingProp>(\n\t'loading',\n\t'lazy',\n\t(value: unknown) => normalizeString(value) as LoadingType,\n\t(v) => LOADING_SET.has(v),\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Variant prop for quotation display style\n *\n * Description:\n * Determines whether the quotation is rendered as a block-level (<blockquote>) or\n * inline (<q>) element. The choice affects both visual layout and semantic HTML structure.\n *\n * Usage (according to W3C HTML specification):\n * - \"block\": Renders as <blockquote> — for extended, standalone quotations from an external source\n * - \"inline\": Renders as <q> — for short inline quotations within flowing text (default)\n * - The browser automatically adds appropriate quotation marks around <q> elements\n * - Both elements support the cite attribute to reference the quotation source\n *\n * Accessibility:\n * - Semantic HTML elements (<blockquote>, <q>) help assistive technologies convey content structure\n * - The quotation structure must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Block quotes are announced as distinct sections by screen readers\n *\n * @see https://html.spec.whatwg.org/multipage/grouping-content.html#the-blockquote-element\n * @see https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-q-element\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nconst QUOTE_VARIANT_OPTIONS = ['block', 'inline'] as const;\nexport type QuoteVariantType = (typeof QUOTE_VARIANT_OPTIONS)[number];\nexport type VariantQuoteProp = SimpleProp<'variant', QuoteVariantType>;\n\nconst QUOTE_VARIANT_SET: ReadonlySet<string> = new Set(QUOTE_VARIANT_OPTIONS);\n\nexport const variantQuoteProp = createPropDefinition<VariantQuoteProp>(\n\t'variant',\n\t'inline',\n\t(value: unknown) => normalizeString(value) as QuoteVariantType,\n\t(v) => QUOTE_VARIANT_SET.has(v),\n);\n"],"names":[],"mappings":";;;;;AAMA,SAAS,kBAAkB,GAAA;AAC1B,IAAA,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC;AACjE;MAOsB,gBAAgB,CAAA;AAAtC,IAAA,WAAA,GAAA;QAkBoB,IAAA,CAAA,WAAW,GAAqB;AAClD,YAAA,QAAQ,EAAE,CAAyD,GAAM,EAAE,KAAgD,KAAU;AACnI,gBAAA,IAAgC,CAAC,GAAa,CAAC,GAAG,KAAK;aACxD;AACD,YAAA,QAAQ,EAAE,CAAyD,GAAM,KAA+C;AACvH,gBAAA,OAAQ,IAAgC,CAAC,GAAa,CAA8C;aACpG;SACD;;;AAhBsB,gBAAA,CAAA,SAAS,GAAuB,MAAM,CAAC,MAAM,CAAC;AACpE,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,CAAA,CAAC;;ACFH,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU;AAIlD,MAAM,WAAW,GAAwB,IAAI,GAAG,CAAC,eAAe,CAAC;AAE1D,MAAM,WAAW,GAAG,oBAAoB,CAC9C,SAAS,EACT,MAAM,EACN,CAAC,KAAc,KAAK,eAAe,CAAC,KAAK,CAAgB,EACzD,CAAC,CAAC,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;;ACT1B,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU;AAI1D,MAAM,iBAAiB,GAAwB,IAAI,GAAG,CAAC,qBAAqB,CAAC;AAEtE,MAAM,gBAAgB,GAAG,oBAAoB,CACnD,SAAS,EACT,QAAQ,EACR,CAAC,KAAc,KAAK,eAAe,CAAC,KAAK,CAAqB,EAC9D,CAAC,CAAC,KAAK,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;;;;"}

package/dist/types/components/_skeleton/web-components/click-button/component.d.ts

@@ -2,11 +2,13 @@ import type { JSX } from '../../../../stencil-public-runtime';
 import { BaseWebComponent } from '../../../../internal/functional-components/base-web-component';
 import type { ClickButtonApi } from '../../../../internal/functional-components/click-button/api';
 import type { WebComponentInterface } from '../../../../internal/functional-components/generic-types';
+import type { KolFocusOptions } from '../../../../schema';
 export declare class KolClickButton extends BaseWebComponent<ClickButtonApi> implements WebComponentInterface<ClickButtonApi> {
     private readonly ctrl;
+    private readonly buttonRef;
     _label: string;
     watchLabel(value?: string): void;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     componentWillLoad(): void;
     render(): JSX.Element;
 }

package/dist/types/components/_skeleton/web-components/skeleton/component.d.ts

@@ -2,9 +2,11 @@ import type { EventEmitter, JSX } from '../../../../stencil-public-runtime';
 import { BaseWebComponent } from '../../../../internal/functional-components/base-web-component';
 import type { WebComponentInterface } from '../../../../internal/functional-components/generic-types';
 import type { SkeletonApi } from '../../../../internal/functional-components/skeleton/api';
+import { type KolFocusOptions } from '../../../../schema';
 export declare class KolSkeleton extends BaseWebComponent<SkeletonApi> implements WebComponentInterface<SkeletonApi> {
     private readonly ctrl;
-    focus(): Promise<void>;
+    private readonly buttonRef;
+    focus(options?: KolFocusOptions): Promise<void>;
     toggle(): Promise<void>;
     _name: string;
     watchName(value?: string): void;

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

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

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

@@ -1,4 +1,4 @@
-import type { BadgeAPI, BadgeStates, FocusableElement, InternalButtonProps, KoliBriIconsProp, LabelPropType, PropColor, Stringified } from '../../schema';
+import type { BadgeAPI, BadgeStates, FocusableElement, InternalButtonProps, KolFocusOptions, KoliBriIconsProp, LabelPropType, PropColor, Stringified } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolBadge implements BadgeAPI, FocusableElement {
     protected readonly host?: HTMLKolBadgeElement;
@@ -7,7 +7,7 @@ export declare class KolBadge implements BadgeAPI, FocusableElement {
     private readonly id;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
     private renderSmartButton;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     render(): JSX.Element;
     _color?: Stringified<PropColor>;
     _icons?: Stringified<KoliBriIconsProp>;

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

@@ -1,11 +1,11 @@
 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, LabelWithExpertSlotPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 { AriaHasPopupPropType } from '../../schema/props/aria-has-popup';
 export declare class KolButtonWc implements ButtonAPI, FocusableElement {
     protected readonly host?: HTMLKolButtonWcElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLButtonElement>;
     private readonly tooltipCtrl;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private readonly onClick;
     private readonly onMouseDown;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, LabelWithExpertSlotPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonLinkProps, ButtonTypePropType, FocusableElement, IconsPropType, InlinePropType, LabelWithExpertSlotPropType, NamePropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolButtonLinkElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ComboboxAPI, ComboboxStates, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, PlaceholderPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolComboboxElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
@@ -8,7 +8,7 @@ export declare class KolCombobox implements ComboboxAPI, FocusableElement {
     private readonly translateDeleteSelection;
     private clearButtonFocused;
     getValue(): Promise<string>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private toggleListbox;
     private selectOption;

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

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

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

@@ -2,8 +2,12 @@ import type { JSX } from '../../stencil-public-runtime';
 import type { WebComponentInterface } from '../../internal/functional-components/generic-types';
 import type { ImageApi } from '../../internal/functional-components/image/api';
 import type { LoadingType } from '../../internal/props';
+import type { KoliBriImageEventCallbacks } from '../../schema/components/image';
 export declare class KolImage implements WebComponentInterface<ImageApi> {
+    private readonly host?;
     private readonly ctrl;
+    private readonly handleError;
+    private readonly handleLoad;
     _alt: string;
     watchAlt(value?: string): void;
     _loading?: LoadingType;
@@ -14,6 +18,7 @@ export declare class KolImage implements WebComponentInterface<ImageApi> {
     watchSrc(value?: string): void;
     _srcset?: string;
     watchSrcset(value?: string): void;
+    _on?: KoliBriImageEventCallbacks;
     componentWillLoad(): void;
     render(): JSX.Element;
 }

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

@@ -10,10 +10,10 @@ export declare class AssociatedInputController implements Watches {
     private readonly experimentalMode;
     protected readonly component: Generic.Element.Component & Props;
     protected readonly type: string;
-    protected readonly host?: HTMLElement;
+    protected readonly host?: Element;
     readonly formAssociated?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
     syncToOwnInput?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-    constructor(component: Generic.Element.Component & Props, type: string, host?: HTMLElement);
+    constructor(component: Generic.Element.Component & Props, type: string, host?: Element);
     private findHostWithShadowRoot;
     protected setAttribute(qualifiedName: string, element?: HTMLElement, value?: string | number | boolean): void;
     private tryToStringifyValue;

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

@@ -1,12 +1,12 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { CheckedPropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RequiredPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+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 { InputCheckboxVariantPropType } from '../../schema/props/variant-input-checkbox';
 export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
     protected readonly host?: HTMLKolInputCheckboxElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private getModelValue;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private getFormFieldProps;
     private getFieldControlProps;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InternalButtonProps, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolInputColorElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
@@ -10,7 +10,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly onColorInput;
     private readonly onTextInput;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private get hasSuggestions();
     private getFormFieldProps;

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

@@ -1,11 +1,11 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputDateAPI, InputDateStates, InputDateTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolInputDateElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private _initialValueType;
     getValue(): Promise<string | Date | undefined | null>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     reset(): Promise<void>;
     private setInitialValueType;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InternalButtonProps, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, MultiplePropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolInputEmailElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private readonly onKeyDown;
     private readonly onInput;

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

@@ -1,12 +1,12 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AcceptPropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, InternalButtonProps, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolInputFileElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private readonly translateDataBrowseText;
     private readonly translateFilenameText;
     getValue(): Promise<FileList | null | undefined>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     reset(): Promise<void>;
     private getFormFieldProps;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InternalButtonProps, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolInputNumberElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     getValue(): Promise<number | NumberString | null>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private setInitialValueType;
     private remapValue;

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

@@ -1,12 +1,12 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InternalButtonProps, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolInputPasswordElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private readonly translateHidePassword;
     private readonly translateShowPassword;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private readonly onKeyDown;
     private readonly onInput;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RadioOptionsPropType, RequiredPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 { OrientationPropType } from '../../schema/props/orientation';
 export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private readonly host?;
@@ -8,7 +8,7 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private readonly setInputRef;
     private readonly setInputRefByIndex;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private getFocusableInput;
     private getFormFieldProps;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolInputRangeElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private refInputRange?;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private readonly setInputNumberRef;
     private readonly setInputRangeRef;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTextAPI, InputTextStates, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolInputTextElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
@@ -10,7 +10,7 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly onInput;
     private readonly onKeyDown;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     selectionStart(): Promise<number | null | undefined>;
     selectionEnd(): Promise<number | null | undefined>;

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

@@ -1,12 +1,12 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, CustomClassPropType, DisabledPropType, DownloadPropType, FocusableElement, HideLabelPropType, HrefPropType, InlinePropType, InternalLinkAPI, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     private readonly host?;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLAnchorElement>;
     private readonly tooltipCtrl;
     private unsubscribeOnLocationChange?;
     private readonly translateOpenLinkInTab;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private readonly onClick;
     private readonly getRenderValues;

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

@@ -1,9 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, DownloadPropType, FocusableElement, HrefPropType, InlinePropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolLinkElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;

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

@@ -1,9 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, ButtonVariantPropType, CustomClassPropType, DownloadPropType, FocusableElement, HrefPropType, IconsPropType, LabelWithExpertSlotPropType, LinkButtonProps, LinkOnCallbacksPropType, LinkTargetPropType, ShortKeyPropType, TooltipAlignPropType } from '../../schema';
+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 {
     protected readonly host?: HTMLKolLinkButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;

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

@@ -23,8 +23,6 @@ export declare class KolMeter extends BaseWebComponent<MeterApi> implements WebC
     watchUnit(value?: string): void;
     _value: number;
     watchValue(value?: number): void;
-    liveValue: number;
     componentWillLoad(): void;
-    disconnectedCallback(): void;
     render(): JSX.Element;
 }