@public-ui/components 4.0.0-alpha.9 → 4.0.0-beta.1

package/dist/kolibri/max-length-behavior-C7oPJjTW.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as t,M as s,w as o}from"./common-BXXICkFX.js";const a=(s,a,n)=>{t(s,"_hasCounter",a,n)},n=(t,a,n={})=>{s(t,"_maxLength",a,Object.assign({min:0},n))},e=["hard","soft"],r=(s,t)=>{o(s,"_maxLengthBehavior",s=>"string"==typeof s&&e.includes(s),new Set(["String {hard, soft}"]),t)};export{a,n as b,r as v};

package/dist/kolibri/max-length-behavior-C7oPJjTW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"max-length-behavior-C7oPJjTW.js","sources":["src/schema/props/has-counter.ts","src/schema/props/max-length.ts","src/schema/props/max-length-behavior.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasCounterPropType = boolean;\n\n/**\n * Shows the character count on the lower border of the input.\n */\nexport type PropHasCounter = {\n\thasCounter: HasCounterPropType;\n};\n\n/* validator */\nexport const validateHasCounter = (component: Generic.Element.Component, value?: HasCounterPropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_hasCounter', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { WatchNumberOptions } from '../utils';\nimport { watchNumber } from '../utils';\n\nexport type MaxLengthPropType = number;\n\n/**\n * Defines the maximum length of the value.\n */\nexport type PropMaxLength = {\n\tmaxLength: MaxLengthPropType;\n};\n\nexport const validateMaxLength = (component: Generic.Element.Component, value?: MaxLengthPropType, options: WatchNumberOptions = {}): void => {\n\twatchNumber(component, '_maxLength', value, { min: 0, ...options });\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\n/* types */\nconst maxLengthBehaviorPropTypeOptions = ['hard', 'soft'] as const;\nexport type MaxLengthBehaviorPropType = (typeof maxLengthBehaviorPropTypeOptions)[number];\n\n/**\n * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n */\nexport type PropMaxLengthBehavior = {\n\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n};\n\n/* validator */\nexport const validateMaxLengthBehavior = (component: Generic.Element.Component, value?: MaxLengthBehaviorPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_maxLengthBehavior',\n\t\t(value): boolean => typeof value === 'string' && maxLengthBehaviorPropTypeOptions.includes(value),\n\t\tnew Set(['String {hard, soft}']),\n\t\tvalue,\n\t);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,kBAAkB,GAAG,CAAC,SAAoC,EAAE,KAA0B,EAAE,OAA6B,KAAU;IAC3I,YAAY,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC;AACvD;;ACLO,MAAM,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,EAAE,OAAA,GAA8B,EAAE,KAAU;IAC5I,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAI,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,CAAC,EAAK,EAAA,OAAO,EAAG;AACpE;;ACVA,MAAM,gCAAgC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU;MAWrD,yBAAyB,GAAG,CAAC,SAAoC,EAAE,KAAiC,KAAU;AAC1H,IAAA,cAAc,CACb,SAAS,EACT,oBAAoB,EACpB,CAAC,KAAK,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAI,gCAAgC,CAAC,QAAQ,CAAC,KAAK,CAAC,EACjG,IAAI,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,EAChC,KAAK,CACL;AACF;;;;"}

package/dist/kolibri/multiple-BYEUdjyO.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-BXXICkFX.js";const m=(m,s,t)=>{o(m,"_multiple",s,t)};export{m as v};

package/dist/kolibri/multiple-BYEUdjyO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-BYEUdjyO.js","sources":["src/schema/props/multiple.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type MultiplePropType = boolean;\n\n/**\n * Makes the input accept multiple inputs.\n */\nexport type PropMultiple = {\n\tmultiple: MultiplePropType;\n};\n\n/* validator */\nexport const validateMultiple = (component: Generic.Element.Component, value?: MultiplePropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_multiple', value, options);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,EAAE,OAA6B,KAAU;IACvI,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC;AACrD;;;;"}

package/dist/kolibri/open-Cuy37cT5.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-BXXICkFX.js";const m=(m,s,n)=>{o(m,"_open",s,n)};export{m as v};

package/dist/kolibri/open-Cuy37cT5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-Cuy37cT5.js","sources":["src/schema/props/open.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type OpenPropType = boolean;\n\n/**\n * Opens/expands the element when truthy, closes/collapses when falsy.\n */\nexport type PropOpen = {\n\topen: OpenPropType;\n};\n\n/* validator */\nexport const validateOpen = (component: Generic.Element.Component, value: OpenPropType | undefined, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_open', value, options);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,YAAY,GAAG,CAAC,SAAoC,EAAE,KAA+B,EAAE,OAA6B,KAAU;IAC1I,YAAY,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC;AACjD;;;;"}

package/dist/kolibri/orientation-uIK98CL3.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as o}from"./common-BXXICkFX.js";const t=["horizontal","vertical"],i=(i,n,e="horizontal")=>{o(i,"_orientation",o=>"string"==typeof o&&t.includes(o),new Set([`KoliBriOrientation {${t.join(", ")}`]),n,{defaultValue:e})};export{i as v};

package/dist/kolibri/orientation-uIK98CL3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orientation-uIK98CL3.js","sources":["src/schema/props/orientation.ts"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\nconst orientationPropTypeOptions = ['horizontal', 'vertical'] as const;\nexport type OrientationPropType = (typeof orientationPropTypeOptions)[number];\n\n/**\n * Defines whether the orientation of the component is horizontal or vertical.\n */\nexport type PropOrientation = {\n\torientation: OrientationPropType;\n};\n\n/* validator */\nexport const validateOrientation = (\n\tcomponent: Generic.Element.Component,\n\tvalue?: OrientationPropType,\n\tdefaultValue: OrientationPropType = 'horizontal',\n): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_orientation`,\n\t\t(value) => typeof value === 'string' && orientationPropTypeOptions.includes(value),\n\t\tnew Set([`KoliBriOrientation {${orientationPropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue,\n\t\t},\n\t);\n};\n"],"names":[],"mappings":";;;;;AAIA,MAAM,0BAA0B,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU;AAW/D,MAAM,mBAAmB,GAAG,CAClC,SAAoC,EACpC,KAA2B,EAC3B,YAAA,GAAoC,YAAY,KACvC;AACT,IAAA,cAAc,CACb,SAAS,EACT,CAAc,YAAA,CAAA,EACd,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,0BAA0B,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClF,IAAI,GAAG,CAAC,CAAC,uBAAuB,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAE,CAAC,CAAC,EACzE,KAAK,EACL;QACC,YAAY;AACZ,KAAA,CACD;AACF;;;;"}

package/dist/kolibri/placeholder-C0qu-_xi.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e as o}from"./common-BXXICkFX.js";const e=(e,m,r={})=>{o(e,"_placeholder",m,r)};export{e as v};

package/dist/kolibri/placeholder-C0qu-_xi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-C0qu-_xi.js","sources":["src/schema/props/placeholder.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\nexport type PlaceholderPropType = string;\n\n/**\n * Describes placeholder text for an input element.\n */\nexport type PropPlaceholder = {\n\tplaceholder: PlaceholderPropType;\n};\n\nexport const validatePlaceholder = (component: Generic.Element.Component, value?: PlaceholderPropType, options: WatchStringOptions = {}): void => {\n\twatchString(component, '_placeholder', value, options);\n};\n"],"names":[],"mappings":";;;;;AAaO,MAAM,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B,EAAE,OAAA,GAA8B,EAAE,KAAU;IAChJ,WAAW,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,CAAC;AACvD;;;;"}

package/dist/kolibri/read-only-DqzvkuwG.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-BXXICkFX.js";const m=(m,r)=>{o(m,"_readOnly",r)};export{m as v};

package/dist/kolibri/read-only-DqzvkuwG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-only-DqzvkuwG.js","sources":["src/schema/props/read-only.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ReadOnlyPropType = boolean;\n\n/**\n * Makes the input element read only.\n */\nexport type PropReadOnly = {\n\treadOnly: ReadOnlyPropType;\n};\n\n/* validator */\nexport const validateReadOnly = (component: Generic.Element.Component, value?: ReadOnlyPropType): void => {\n\twatchBoolean(component, '_readOnly', value);\n};\n"],"names":[],"mappings":";;;;;MAea,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAA,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;AAC5C;;;;"}

package/dist/kolibri/required-IJ-wNQGn.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-BXXICkFX.js";const r=(r,m)=>{o(r,"_required",m)};export{r as v};

package/dist/kolibri/required-IJ-wNQGn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"required-IJ-wNQGn.js","sources":["src/schema/props/required.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type RequiredPropType = boolean;\n\n/**\n * Makes the input element required.\n */\nexport type PropRequired = {\n\trequired: RequiredPropType;\n};\n\n/* validator */\nexport const validateRequired = (component: Generic.Element.Component, value?: RequiredPropType): void => {\n\twatchBoolean(component, '_required', value);\n};\n"],"names":[],"mappings":";;;;;MAea,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAA,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;AAC5C;;;;"}

package/dist/kolibri/rows-CaNxvJ4Y.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{M as o}from"./common-BXXICkFX.js";const m=(m,s)=>{o(m,"_rows",s,{min:1})};export{m as v};

package/dist/kolibri/rows-CaNxvJ4Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows-CaNxvJ4Y.js","sources":["src/schema/props/rows.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchNumber } from '../utils';\n\n/* types */\nexport type RowsPropType = number;\n\n/**\n * Maximum number of visible rows of the element.\n */\nexport type PropRows = {\n\trows: RowsPropType;\n};\n\n/* validator */\nexport const validateRows = (component: Generic.Element.Component, value?: RowsPropType): void => {\n\twatchNumber(component, `_rows`, value, { min: 1 });\n};\n"],"names":[],"mappings":";;;;;MAea,YAAY,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AAChG,IAAA,WAAW,CAAC,SAAS,EAAE,CAAA,KAAA,CAAO,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;AACnD;;;;"}

package/dist/kolibri/show-DVtFSh7x.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-BXXICkFX.js";const s=(s,m,r)=>{o(s,"_show",m,r)};export{s as v};

package/dist/kolibri/show-DVtFSh7x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-DVtFSh7x.js","sources":["src/schema/props/show.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ShowPropType = boolean;\n\n/**\n * Makes the element show up.\n */\nexport type PropShow = {\n\tshow: ShowPropType;\n};\n\n/* validator */\nexport const validateShow = (component: Generic.Element.Component, value?: ShowPropType, hooks?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_show', value, hooks);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,YAAY,GAAG,CAAC,SAAoC,EAAE,KAAoB,EAAE,KAA2B,KAAU;IAC7H,YAAY,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AAC/C;;;;"}

package/dist/kolibri/spell-check-BBqBRmnp.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as e}from"./common-BXXICkFX.js";const o=(o,s)=>{e(o,"_spellCheck",s,{defaultValue:void 0})};export{o as v};

package/dist/kolibri/spell-check-BBqBRmnp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spell-check-BBqBRmnp.js","sources":["src/schema/props/spell-check.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type SpellCheckPropType = boolean;\n\n/**\n * Defines whether the browser should check the spelling and grammar.\n */\nexport type PropSpellCheck = {\n\tspellCheck: SpellCheckPropType;\n};\n\n/* validator */\nexport const validateSpellCheck = (component: Generic.Element.Component, value?: SpellCheckPropType): void => {\n\twatchBoolean(component, '_spellCheck', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n"],"names":[],"mappings":";;;;;MAea,kBAAkB,GAAG,CAAC,SAAoC,EAAE,KAA0B,KAAU;AAC5G,IAAA,YAAY,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE;AAC7C,QAAA,YAAY,EAAE,SAAS;AACvB,KAAA,CAAC;AACH;;;;"}

package/dist/kolibri/suggestions-CsvpWHvb.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{G as s,m as e}from"./common-BXXICkFX.js";const o=(o,t)=>{s(o,"_suggestions",s=>"string"==typeof s||"number"==typeof s,t,void 0,{hooks:{afterPatch:s=>{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};

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

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-CsvpWHvb.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-C4VgH6EI.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as t,w as e,O as n,o,p as a,s,F as c}from"./common-BXXICkFX.js";const r=(e,a)=>{t(e,"_hasSettingsMenu",a)},l=(t,a)=>{e(t,"_on",e=>"object"==typeof e&&null!==e,new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange, Events.onChangeHeaderCells}"]),a)},f=(t,a)=>{e(t,"_on",e=>"object"==typeof e&&null!==e,new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),a)},y=(e,t,r)=>{n(t,()=>{o(t,()=>{void 0===t&&(t=[]);try{t=a(t)}catch(e){}Array.isArray(t)&&t.every(e=>"object"==typeof e&&null!==e)&&s(e,"_data",t,r)})})},i=(e,t,r)=>{n(t,()=>{o(t,()=>{void 0===t&&(t=[]);try{t=a(t)}catch(e){}Array.isArray(t)&&t.every(e=>"object"==typeof e&&null!==e)&&s(e,"_dataFoot",t,r)})})},p=(e,t)=>{(e=>e&&c(e)&&"function"==typeof e.label&&(!e.selectedKeys||Array.isArray(e.selectedKeys)))("string"==typeof t?(()=>{try{return a(t)}catch(e){return}})():t)&&s(e,"_selection",t)};export{i as a,r as b,p as c,f as d,l as e,y as v};

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-selection-C4VgH6EI.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-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\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\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\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\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 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 (e) {\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":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as o}from"./index-iB2O5Z2w.js";import"./common-L1K0yh1S.js";const s=class{constructor(s){o(this,s)}};export{s as test_component};
+import{r as o}from"./index-CNB6DDYH.js";import"./common-BXXICkFX.js";const s=class{constructor(s){o(this,s)}};export{s as test_component};

package/dist/kolibri/tooltip-align-P-7pyT1i.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as o}from"./align-C_bkzA-y.js";import"./common-BXXICkFX.js";const t=(t,i)=>{o(t,"_tooltipAlign",i)};export{t as v};

package/dist/kolibri/tooltip-align-P-7pyT1i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-align-P-7pyT1i.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-B6560U3V.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{L as e}from"./common-BXXICkFX.js";const a=new Set;function n(n){a.has(n)?e.warn(`There already is a nav element with the label "${n}"`):a.add(n)}function t(e){a.delete(e)}export{n as a,t as r};

package/dist/kolibri/unique-nav-labels-B6560U3V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unique-nav-labels-B6560U3V.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-Ct877GbF.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation-Ct877GbF.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-D0gTVdAQ.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as e}from"./common-BXXICkFX.js";import{h as o}from"./label-Dkj9sxQK.js";const r=(r,t)=>{e(r,"_level",e=>"number"==typeof e&&o.includes(e),new Set(o.map(String)),t,{defaultValue:1,required:!0})},t=(e,o)=>{r(e,o)};export{t as w};

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation-D0gTVdAQ.js","sources":["src/schema/props/level.ts","src/components/heading/validation.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\nimport { headingLevelOptions, type HeadingLevel } from './label';\n\nexport type LevelPropType = HeadingLevel;\n\n/**\n * Sets the heading level of the component.\n */\nexport type PropLevel = {\n\tlevel: LevelPropType;\n};\n\nexport const validateLevel = (component: Generic.Element.Component, value?: LevelPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: LevelPropType): 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","import type { HeadingLevel } from '../../schema';\nimport { validateLevel } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\tvalidateLevel(component, value);\n};\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAqB,KAAU;AAClG,IAAA,cAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAqB,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAI,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpG,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,CAAC;;MCpBY,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AACrG,IAAA,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC;AAChC;;;;"}

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

@@ -5,7 +5,7 @@ export declare class KolAccordion implements AccordionAPI, FocusableElement {
     private readonly nonce;
     private buttonWcRef?;
     private readonly catchRef;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private handleOnClick;
     render(): JSX.Element;
     _disabled?: boolean;

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

@@ -7,7 +7,7 @@ export declare class KolBadge implements BadgeAPI, FocusableElement {
     private smartButtonRef?;
     private readonly catchSmartButtonRef;
     private renderSmartButton;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void>;
     render(): JSX.Element;
     _color?: Stringified<PropColor>;
     _icons?: Stringified<KoliBriIconsProp>;

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

@@ -5,7 +5,7 @@ export declare class KolButtonWc implements InternalButtonAPI, FocusableElement
     private readonly host?;
     private buttonRef?;
     private tooltipRef?;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly hideTooltip;
     private readonly onClick;
     private readonly onMouseDown;

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

@@ -4,7 +4,7 @@ export declare class KolButton implements ButtonProps, FocusableElement {
     private buttonWcRef?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaControls?: string;

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

@@ -4,7 +4,7 @@ export declare class KolButtonLink implements ButtonLinkProps, FocusableElement
     private buttonWcRef?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaControls?: string;

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

@@ -4,7 +4,7 @@ import type { Generic } from 'adopted-style-sheets';
 export declare class ComboboxController extends InputIconController implements ComboboxWatches {
     protected readonly component: Generic.Element.Component & ComboboxProps;
     constructor(component: Generic.Element.Component & ComboboxProps, name: string, host?: HTMLElement);
-    validateHideClearButton(value?: boolean): void;
+    validateHasClearButton(value?: boolean): void;
     validatePlaceholder(value?: PlaceholderPropType): void;
     validateRequired(value?: RequiredPropType): void;
     validateSuggestions(value?: SuggestionsPropType): void;

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

@@ -7,7 +7,7 @@ export declare class KolCombobox implements ComboboxAPI {
     private _focusedOptionIndex;
     private readonly translateDeleteSelection;
     getValue(): Promise<string>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private toggleListbox;
     private readonly catchRef;
     private selectOption;
@@ -39,7 +39,7 @@ export declare class KolCombobox implements ComboboxAPI {
     _msg?: Stringified<MsgPropType>;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
-    _hideClearButton?: boolean;
+    _hasClearButton?: boolean;
     _suggestions: SuggestionsPropType;
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
@@ -65,7 +65,7 @@ export declare class KolCombobox implements ComboboxAPI {
     validateOn(value?: InputTypeOnDefault): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSuggestions(value?: SuggestionsPropType): void;
-    validateHideClearButton(value?: boolean): void;
+    validateHasClearButton(value?: boolean): void;
     validateRequired(value?: RequiredPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTouched(value?: boolean): void;

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

@@ -5,7 +5,7 @@ export declare class KolDetails implements DetailsAPI, FocusableElement {
     private readonly nonce;
     private buttonWcRef?;
     private readonly catchRef;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private toggleTimeout?;
     private handleOnClick;
     render(): JSX.Element;

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

@@ -0,0 +1,23 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { DialogAPI, DialogStates, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';
+import type { ModalVariantPropType } from '../../schema/props/variant/modal';
+export declare class KolDialogWc implements DialogAPI {
+    private readonly host?;
+    private refDialog?;
+    disconnectedCallback(): void;
+    private handleNativeCloseEvent;
+    openModal(): Promise<void>;
+    closeModal(): Promise<void>;
+    private readonly on;
+    render(): JSX.Element;
+    _label: LabelPropType;
+    _on?: KoliBriDialogEventCallbacks;
+    _width?: string;
+    _variant?: ModalVariantPropType;
+    state: DialogStates;
+    validateLabel(value?: LabelPropType): void;
+    validateOn(value?: KoliBriDialogEventCallbacks): void;
+    validateWidth(value?: string): void;
+    validateVariant(value?: ModalVariantPropType): void;
+    componentWillLoad(): void;
+}

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

@@ -0,0 +1,14 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { DialogProps, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';
+import type { ModalVariantPropType } from '../../schema/props/variant/modal';
+export declare class KolDialog implements DialogProps {
+    private dialogRef?;
+    private readonly catchRef;
+    openModal(): Promise<void>;
+    closeModal(): Promise<void>;
+    render(): JSX.Element;
+    _label: LabelPropType;
+    _on?: KoliBriDialogEventCallbacks;
+    _width?: string;
+    _variant?: ModalVariantPropType;
+}

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

@@ -7,7 +7,7 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     private readonly catchRef;
     private getModelValue;
     getValue(): Promise<StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private getFormFieldProps;
     private getFieldControlProps;
     private getInputProps;

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

@@ -11,7 +11,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly onColorInput;
     private readonly onTextInput;
     getValue(): Promise<string | undefined>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private get hasSuggestions();
     private getFormFieldProps;
     private getInputColorProps;

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

@@ -6,7 +6,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     private _initialValueType;
     private readonly catchRef;
     getValue(): Promise<string | Date | undefined | null>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     reset(): Promise<void>;
     private setInitialValueType;
     private remapValue;

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

@@ -5,7 +5,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly onKeyDown;
     private readonly onInput;
     private getFormFieldProps;

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

@@ -7,7 +7,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private readonly translateFilenameText;
     private readonly catchRef;
     getValue(): Promise<FileList | null | undefined>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     reset(): Promise<void>;
     private getFormFieldProps;
     private getInputProps;

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

@@ -5,7 +5,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<number | NumberString | null>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private setInitialValueType;
     private remapValue;
     private readonly onInput;

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

@@ -8,7 +8,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     private readonly translateShowPassword;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly onKeyDown;
     private readonly onInput;
     private getFormFieldProps;

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

@@ -4,9 +4,12 @@ import type { OrientationPropType } from '../../schema/props/orientation';
 export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
+    private inputRefs;
     private readonly catchRef;
+    private readonly catchInputRef;
     getValue(): Promise<StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
+    private getFocusableInput;
     private getFormFieldProps;
     render(): JSX.Element;
     private calculateDisabled;

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

@@ -4,7 +4,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     private readonly host?;
     private refInputNumber?;
     private refInputRange?;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly catchInputNumberRef;
     private readonly catchInputRangeRef;
     private getSanitizedFloatValue;

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

@@ -11,7 +11,7 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly onInput;
     private readonly onKeyDown;
     getValue(): Promise<string | undefined>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     selectionStart(): Promise<number | null | undefined>;
     selectioconEnd(): Promise<number | null | undefined>;
     setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): Promise<void>;

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

@@ -8,7 +8,7 @@ export declare class KolLinkWc implements InternalLinkAPI, FocusableElement {
     private readonly translateOpenLinkInTab;
     private readonly catchRef;
     private readonly hideTooltip;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly onClick;
     private readonly getRenderValues;
     render(): JSX.Element;

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

@@ -3,7 +3,7 @@ import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentV
 export declare class KolLink implements LinkProps, FocusableElement {
     private linkWcRef?;
     private readonly catchRef;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;

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

@@ -3,7 +3,7 @@ import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentV
 export declare class KolLinkButton implements LinkButtonProps, FocusableElement {
     private linkWcRef?;
     private readonly catchRef;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;

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

@@ -1,23 +1,14 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';
+import type { DialogProps, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';
 import type { ModalVariantPropType } from '../../schema/props/variant/modal';
-export declare class KolModal implements ModalAPI {
-    private readonly host?;
-    private refDialog?;
-    disconnectedCallback(): void;
-    private handleNativeCloseEvent;
+export declare class KolModal implements DialogProps {
+    private dialogRef?;
+    private readonly catchRef;
     openModal(): Promise<void>;
     closeModal(): Promise<void>;
-    private readonly on;
     render(): JSX.Element;
     _label: LabelPropType;
-    _on?: KoliBriModalEventCallbacks;
+    _on?: KoliBriDialogEventCallbacks;
     _width?: string;
     _variant?: ModalVariantPropType;
-    state: ModalStates;
-    validateLabel(value?: LabelPropType): void;
-    validateOn(value?: KoliBriModalEventCallbacks): void;
-    validateWidth(value?: string): void;
-    validateVariant(value?: ModalVariantPropType): void;
-    componentWillLoad(): void;
 }

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

@@ -6,6 +6,7 @@ export declare class KolNav implements NavAPI {
     private expandChildren;
     private collapseChildren;
     private readonly handleToggleExpansionClick;
+    private buildIconObject;
     private entry;
     private li;
     private linkList;

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

@@ -12,6 +12,8 @@ export declare class KolPaginationWc implements PaginationAPI {
     private readonly translatePagination;
     private readonly calcCount;
     private readonly getCount;
+    private getPageStart;
+    private getPageEnd;
     render(): JSX.Element;
     _boundaryCount?: number;
     _customClass?: CustomClassPropType;

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

@@ -10,7 +10,7 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     private popoverOpen;
     hidePopover(): Promise<void>;
     showPopover(): Promise<void>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private handleBeforeToggle;
     private alignPopover;
     private handleToggle;

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

@@ -6,7 +6,7 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     hidePopover(): Promise<void>;
     showPopover(): Promise<void>;
     private catchRef;
-    kolFocus(): Promise<void>;
+    focus(): Promise<any>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaControls?: string;