@public-ui/components 4.1.3-rc.0 → 4.1.4-rc.0

package/dist/kolibri/{validation-BytKl095.js.map → validation-CH4ZrnXs.js.map}

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

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as s,b as n,n as r,d as a}from"./normalizers-C14RETgU.js";const e=s("max",100,n,a=>a>0),t=s("unit","%",r,a=>a.length>0),o=a("value",0,(a,s)=>{const m=n(a);return m<s.min?s.min:m>s.max?s.max:m},a=>null!=a);export{o as c,e as m,t as u};

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

@@ -0,0 +1 @@
+{"version":3,"file":"value-number-clamped-_HbNn448.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-quote-DI6q8gPw.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as t,n as e}from"./normalizers-C14RETgU.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"],a=new Set(o),c=t("loading","lazy",t=>e(t),t=>a.has(t)),r=["block","inline"],i=new Set(r),l=t("variant","inline",t=>e(t),t=>i.has(t));export{n as B,c as l,l as v};

package/dist/kolibri/{variant-quote-CHD0qMkY.js.map → variant-quote-DI6q8gPw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"variant-quote-CHD0qMkY.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;;;;"}
+{"version":3,"file":"variant-quote-DI6q8gPw.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/button/component.d.ts

@@ -10,6 +10,8 @@ export declare class KolButtonWc implements ButtonAPI, FocusableElement {
     private readonly setButtonRef;
     private readonly onClick;
     private readonly onMouseDown;
+    private readonly onFocus;
+    private readonly onBlur;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: AccessKeyPropType;

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

@@ -6,6 +6,7 @@ export declare class KolCombobox implements ComboboxAPI, FocusableElement {
     private refSuggestions;
     private _focusedOptionIndex;
     private readonly translateDeleteSelection;
+    private clearButtonFocused;
     getValue(): Promise<string>;
     focus(): Promise<void>;
     click(): Promise<void>;
@@ -72,8 +73,7 @@ export declare class KolCombobox implements ComboboxAPI, FocusableElement {
     validateValue(value?: string): void;
     componentWillLoad(): void;
     handleMouseEvent(): void;
+    handleFocusIn(event: FocusEvent): void;
     handleFocusOut(event: FocusEvent): void;
-    handleWindowBlur(event: FocusEvent): void;
-    private onBlur;
     private onChange;
 }

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

@@ -8,7 +8,6 @@ export declare class InputDateController extends InputIconController implements
     private static readonly isoMonthRegex;
     private static readonly isoTimeRegex;
     private static readonly isoWeekRegex;
-    private static readonly DEFAULT_MAX_DATE;
     protected readonly component: Generic.Element.Component & InputDateProps;
     constructor(component: Generic.Element.Component & InputDateProps, name: string, host?: HTMLElement);
     validateAutoComplete(value?: AutoCompletePropType): void;

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

@@ -13,7 +13,7 @@ export declare class KolMeter extends BaseWebComponent<MeterApi> implements WebC
     watchLow(value?: number): void;
     _max: number;
     watchMax(value?: number): void;
-    _min?: number;
+    _min: number;
     watchMin(value?: number): void;
     _optimum?: number;
     watchOptimum(value?: number): void;

package/dist/types/components/single-select/shadow.d.ts

@@ -7,7 +7,7 @@ export declare class KolSingleSelect implements SingleSelectAPI, FocusableElemen
     private readonly translateDeleteSelection;
     private readonly translateNoResultsMessage;
     private oldValue?;
-    private isClearing;
+    private clearButtonFocused;
     getValue(): Promise<StencilUnknown>;
     focus(): Promise<void>;
     private readonly setRefInput;
@@ -27,8 +27,6 @@ export declare class KolSingleSelect implements SingleSelectAPI, FocusableElemen
     private getFormFieldProps;
     private getInputProps;
     render(): JSX.Element;
-    handleFocusOut(event: FocusEvent): void;
-    handleWindowBlur(event: FocusEvent): void;
     handleKeyDown(event: KeyboardEvent): void;
     private readonly controller;
     private _isOpen;
@@ -79,6 +77,8 @@ export declare class KolSingleSelect implements SingleSelectAPI, FocusableElemen
     validateHasClearButton(value?: boolean): void;
     validateRows(value?: number): void;
     handleMouseEvent(): void;
+    handleFocusIn(event: FocusEvent): void;
+    handleFocusOut(event: FocusEvent): void;
     private updateInputValue;
     componentWillLoad(): void;
     private onChange;

package/dist/types/components/table-stateless/component.d.ts

@@ -15,6 +15,7 @@ export declare class KolTableStatelessWc implements TableStatelessAPI {
     private maxCols;
     private fixedOffsets;
     private resizeDebounceTimeout?;
+    private settingsChangedCounter;
     private tableDivElementHasScrollbar;
     private stickyColsDisabled;
     private previousHeaderCells?;

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

@@ -20,6 +20,6 @@ export declare class KolToolbar implements ToolbarAPI, FocusableElement {
     private getCurrentToolbarItem;
     private setFirstEnabledItemIndex;
     handleKeyDown(event: KeyboardEvent): void;
-    handleBlur(event: FocusEvent): void;
+    handleFocusout(event: FocusEvent): void;
     componentWillLoad(): void;
 }

package/dist/types/components.d.ts

@@ -2402,7 +2402,7 @@ export namespace Components {
     }
     interface KolMeter {
         /**
-          * Defines the upper boundary of the high range.
+          * From this value to the max value is the high range of the meter. Below this value is the middle range.
          */
         "_high"?: number;
         /**
@@ -2410,19 +2410,21 @@ export namespace Components {
          */
         "_label": string;
         /**
-          * Defines the lower boundary of the low range.
+          * From this value to the min value is the low range of the meter. Above this value is the middle range.
          */
         "_low"?: number;
         /**
-          * Defines the maximum value of the element.
+          * Defines the maximum value of the element. Default like native component.
+          * @default 1
          */
         "_max": number;
         /**
-          * Defines the minimum value of the element.
+          * Defines the minimum value of the element. Default like native component.
+          * @default 0
          */
-        "_min"?: number;
+        "_min": number;
         /**
-          * Defines the optimal value of the element.
+          * Indicates the optimal range of the element. If this lies in the high range, the high range will be optimum, the middle range will be suboptimum and the low range will be critical. If this lies in the low range, the low range will be optimum, the middle range will be suboptimum and the high range will be critical. If this lies in the middle range, both low and high range will be suboptimum and nothing will be critical.
          */
         "_optimum"?: number;
         /**
@@ -2431,12 +2433,12 @@ export namespace Components {
          */
         "_orientation": OrientationPropType1;
         /**
-          * Defines the unit of the step values (not shown).
+          * Defines the unit of the value.
           * @default '%'
          */
         "_unit": string;
         /**
-          * Defines the value of the element.
+          * Defines the value of the element. Is capped between min and max.
          */
         "_value": number;
     }
@@ -6717,7 +6719,7 @@ declare namespace LocalJSX {
     }
     interface KolMeter {
         /**
-          * Defines the upper boundary of the high range.
+          * From this value to the max value is the high range of the meter. Below this value is the middle range.
          */
         "_high"?: number;
         /**
@@ -6725,19 +6727,21 @@ declare namespace LocalJSX {
          */
         "_label": string;
         /**
-          * Defines the lower boundary of the low range.
+          * From this value to the min value is the low range of the meter. Above this value is the middle range.
          */
         "_low"?: number;
         /**
-          * Defines the maximum value of the element.
+          * Defines the maximum value of the element. Default like native component.
+          * @default 1
          */
-        "_max": number;
+        "_max"?: number;
         /**
-          * Defines the minimum value of the element.
+          * Defines the minimum value of the element. Default like native component.
+          * @default 0
          */
         "_min"?: number;
         /**
-          * Defines the optimal value of the element.
+          * Indicates the optimal range of the element. If this lies in the high range, the high range will be optimum, the middle range will be suboptimum and the low range will be critical. If this lies in the low range, the low range will be optimum, the middle range will be suboptimum and the high range will be critical. If this lies in the middle range, both low and high range will be suboptimum and nothing will be critical.
          */
         "_optimum"?: number;
         /**
@@ -6746,12 +6750,12 @@ declare namespace LocalJSX {
          */
         "_orientation"?: OrientationPropType1;
         /**
-          * Defines the unit of the step values (not shown).
+          * Defines the unit of the value.
           * @default '%'
          */
         "_unit"?: string;
         /**
-          * Defines the value of the element.
+          * Defines the value of the element. Is capped between min and max.
          */
         "_value": number;
     }

package/dist/types/schema/props/button-callbacks.d.ts

@@ -5,6 +5,8 @@ import type { Generic } from 'adopted-style-sheets';
 export type ButtonCallbacksPropType<T> = {
     [Callback.onClick]?: EventValueOrEventCallback<MouseEvent, T>;
     [Callback.onMouseDown]?: EventCallback<MouseEvent>;
+    [Callback.onFocus]?: EventCallback<FocusEvent>;
+    [Callback.onBlur]?: EventCallback<FocusEvent>;
 };
 export type PropButtonCallbacks<T> = {
     on: ButtonCallbacksPropType<T>;

package/doc/button-link.md

@@ -17,26 +17,26 @@ Since a link, unlike a button, is not offered in multiple variants (`primary`, `
 
 ## Properties
 
-| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
-| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                 | `undefined` |
-| `_inline`             | `_inline`           | Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.                                                                                                                     | `boolean \| undefined`                                                                                                                                 | `true`      |
-| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string`                                                                                                                                               | `undefined` |
-| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_on`                 | --                  | Gibt die EventCallback-Funktionen für die Button-Events an.                                                                                                                                                                              | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
-| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
-| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
-| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `string \| undefined`                                                                                                                                  | `undefined` |
+| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                                                                                                                      | Default     |
+| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
+| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
+| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                    | `undefined` |
+| `_inline`             | `_inline`           | Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.                                                                                                                     | `boolean \| undefined`                                                                                                                                                                                                                                    | `true`      |
+| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string`                                                                                                                                                                                                                                                  | `undefined` |
+| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_on`                 | --                  | Gibt die EventCallback-Funktionen für die Button-Events an.                                                                                                                                                                              | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; onFocus?: EventCallback<FocusEvent> \| undefined; onBlur?: EventCallback<FocusEvent> \| undefined; }` | `undefined` |
+| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                                                                                                                        | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                                                                                                                     | `'top'`     |
+| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                                                                                                                            | `'button'`  |
+| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                                                                                                                              | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
 
 
 ## Methods

package/doc/button.md

@@ -9,27 +9,27 @@ The **Button** component is used to present users with action options and arrang
 
 ## Properties
 
-| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
-| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                          | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                 | `undefined` |
-| `_inline`             | `_inline`           | Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.                                                                                                                     | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string`                                                                                                                                               | `undefined` |
-| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                                                                        | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
-| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
-| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
-| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined`                                                   | `'normal'`  |
+| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                                                                                                                      | Default     |
+| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
+| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
+| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                          | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                    | `undefined` |
+| `_inline`             | `_inline`           | Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.                                                                                                                     | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string`                                                                                                                                                                                                                                                  | `undefined` |
+| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                                                                        | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; onFocus?: EventCallback<FocusEvent> \| undefined; onBlur?: EventCallback<FocusEvent> \| undefined; }` | `undefined` |
+| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                                                                                                                        | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                                                                                                                     | `'top'`     |
+| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                                                                                                                            | `'button'`  |
+| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                                                                                                                              | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined`                                                                                                                                                      | `'normal'`  |
 
 
 ## Methods

package/doc/meter.md

@@ -5,17 +5,17 @@
 
 ## Properties
 
-| Property              | Attribute      | Description                                                                                                        | Type                         | Default        |
-| --------------------- | -------------- | ------------------------------------------------------------------------------------------------------------------ | ---------------------------- | -------------- |
-| `_high`               | `_high`        | Defines the upper boundary of the high range.                                                                      | `number \| undefined`        | `undefined`    |
-| `_label` _(required)_ | `_label`       | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                     | `undefined`    |
-| `_low`                | `_low`         | Defines the lower boundary of the low range.                                                                       | `number \| undefined`        | `undefined`    |
-| `_max` _(required)_   | `_max`         | Defines the maximum value of the element.                                                                          | `number`                     | `undefined`    |
-| `_min`                | `_min`         | Defines the minimum value of the element.                                                                          | `number \| undefined`        | `undefined`    |
-| `_optimum`            | `_optimum`     | Defines the optimal value of the element.                                                                          | `number \| undefined`        | `undefined`    |
-| `_orientation`        | `_orientation` | Defines whether the meter bar is displayed horizontally or vertically.                                             | `"horizontal" \| "vertical"` | `'horizontal'` |
-| `_unit`               | `_unit`        | Defines the unit of the step values (not shown).                                                                   | `string`                     | `'%'`          |
-| `_value` _(required)_ | `_value`       | Defines the value of the element.                                                                                  | `number`                     | `undefined`    |
+| Property              | Attribute      | Description                                                                                                                                                                                                                                                                                                                                                                                                                           | Type                         | Default        |
+| --------------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------------- |
+| `_high`               | `_high`        | From this value to the max value is the high range of the meter. Below this value is the middle range.                                                                                                                                                                                                                                                                                                                                | `number \| undefined`        | `undefined`    |
+| `_label` _(required)_ | `_label`       | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                                                                                                                                                                                                                                                                                    | `string`                     | `undefined`    |
+| `_low`                | `_low`         | From this value to the min value is the low range of the meter. Above this value is the middle range.                                                                                                                                                                                                                                                                                                                                 | `number \| undefined`        | `undefined`    |
+| `_max`                | `_max`         | Defines the maximum value of the element. Default like native component.                                                                                                                                                                                                                                                                                                                                                              | `number`                     | `1`            |
+| `_min`                | `_min`         | Defines the minimum value of the element. Default like native component.                                                                                                                                                                                                                                                                                                                                                              | `number`                     | `0`            |
+| `_optimum`            | `_optimum`     | Indicates the optimal range of the element. If this lies in the high range, the high range will be optimum, the middle range will be suboptimum and the low range will be critical. If this lies in the low range, the low range will be optimum, the middle range will be suboptimum and the high range will be critical. If this lies in the middle range, both low and high range will be suboptimum and nothing will be critical. | `number \| undefined`        | `undefined`    |
+| `_orientation`        | `_orientation` | Defines whether the meter bar is displayed horizontally or vertically.                                                                                                                                                                                                                                                                                                                                                                | `"horizontal" \| "vertical"` | `'horizontal'` |
+| `_unit`               | `_unit`        | Defines the unit of the value.                                                                                                                                                                                                                                                                                                                                                                                                        | `string`                     | `'%'`          |
+| `_value` _(required)_ | `_value`       | Defines the value of the element. Is capped between min and max.                                                                                                                                                                                                                                                                                                                                                                      | `number`                     | `undefined`    |
 
 
 ----------------------------------------------

package/doc/split-button.md

@@ -10,26 +10,26 @@ a main action, while the secondary button opens a context menu (`Popover`) that
 
 ## Properties
 
-| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
-| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                          | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                 | `undefined` |
-| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                                                                                       | `string`                                                                                                                                               | `undefined` |
-| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                                                                        | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
-| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
-| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
-| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined`                                                   | `'normal'`  |
+| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                                                                                                                      | Default     |
+| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
+| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
+| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                          | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                    | `undefined` |
+| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                                                                                       | `string`                                                                                                                                                                                                                                                  | `undefined` |
+| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                                                                        | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; onFocus?: EventCallback<FocusEvent> \| undefined; onBlur?: EventCallback<FocusEvent> \| undefined; }` | `undefined` |
+| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                                                                                                                        | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                                                                                                                     | `'top'`     |
+| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                                                                                                                            | `'button'`  |
+| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                                                                                                                              | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined`                                                                                                                                                      | `'normal'`  |
 
 
 ## Methods