@public-ui/components 4.3.0-rc.4 → 4.3.0-rc.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"variant-class-name-DFWOlDkF.js","sources":["src/schema/props/variant-class-name.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { WatchOptions, watchValidator } from '../utils';\nimport { isString } from '../validators';\n\nexport type VariantClassNamePropType = string | string[];\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isValidArrayOrString = (value: unknown) =>\n\t(Array.isArray(value) && value.every(isSafeClassName)) || (isString(value, 1) && (value as string).split(' ').every(isSafeClassName));\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nconst beforePatchString = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_variant')) {\n\t\tconst variants = component.nextState?.get('_variant');\n\t\tlet nextStateVariants: VariantClassNamePropType = [];\n\t\tif (isString(variants, 1)) {\n\t\t\tnextStateVariants = (variants as string).split(' ');\n\t\t} else if (Array.isArray(variants)) {\n\t\t\tnextStateVariants = variants;\n\t\t}\n\t\tcomponent.nextState?.set('_variant', nextStateVariants);\n\t}\n};\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType, options: WatchOptions = {}): void => {\n\twatchValidator(component, '_variant', isValidArrayOrString, SAFE_CLASS_NAME_ALLOWED, value, {\n\t\t...options,\n\t\tdefaultValue: {},\n\t\thooks: {\n\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t}\n\t\t\t\tbeforePatchString(component);\n\t\t\t},\n\t\t},\n\t});\n};\n\nexport const classNameFromVariant = (variants: VariantClassNamePropType | undefined, componentName: string): string => {\n\tlet className = '';\n\n\tif (Array.isArray(variants)) {\n\t\tvariants.forEach((variant) => {\n\t\t\tclassName += 'kol-' + componentName + '--' + variant + ' ';\n\t\t});\n\t}\n\treturn className;\n};\n"],"names":[],"mappings":";;;;;AAWA,MAAM,kBAAkB,GAAG,+BAA+B;AAC1D,MAAM,oBAAoB,GAAG,CAAC,KAAc,KAC3C,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,IAAK,KAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACtI,MAAM,eAAe,GAAG,CAAC,KAAc,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AACvG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;AAEpE,MAAM,iBAAiB,GAAG,CAAC,SAAoC,KAAU;;AACxE,IAAA,IAAI,CAAA,EAAA,GAAA,SAAS,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,CAAC,UAAU,CAAC,EAAE;AACzC,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,SAAS,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,CAAC,UAAU,CAAC;QACrD,IAAI,iBAAiB,GAA6B,EAAE;AACpD,QAAA,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE;AAC1B,YAAA,iBAAiB,GAAI,QAAmB,CAAC,KAAK,CAAC,GAAG,CAAC;;AAC7C,aAAA,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YACnC,iBAAiB,GAAG,QAAQ;;AAE7B,QAAA,CAAA,EAAA,GAAA,SAAS,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,GAAG,CAAC,UAAU,EAAE,iBAAiB,CAAC;;AAEzD,CAAC;AAEM,MAAM,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,EAAE,OAAA,GAAwB,EAAE,KAAU;;AACpJ,IAAA,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACtF,OAAO,CACV,EAAA,EAAA,YAAY,EAAE,EAAE,EAChB,KAAK,EAAE;YACN,UAAU,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,0CAAE,UAAU;YACrC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAI;;AACrD,gBAAA,IAAI,QAAO,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,CAAA,KAAK,UAAU,EAAE;AACrD,oBAAA,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC;;gBAEjE,iBAAiB,CAAC,SAAS,CAAC;aAC5B;SACD,EAAA,CAAA,CACA;AACH;MAEa,oBAAoB,GAAG,CAAC,QAA8C,EAAE,aAAqB,KAAY;IACrH,IAAI,SAAS,GAAG,EAAE;AAElB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC5B,QAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;YAC5B,SAAS,IAAI,MAAM,GAAG,aAAa,GAAG,IAAI,GAAG,OAAO,GAAG,GAAG;AAC3D,SAAC,CAAC;;AAEH,IAAA,OAAO,SAAS;AACjB;;;;"}

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

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as n,n as o}from"./normalizers-Dmgd1cXp.js";const s=["eager","lazy"];const a=new Set(s);const t=n("loading","lazy",(n=>o(n)),(n=>a.has(n)));const e=["block","inline"];const c=new Set(e);const i=n("variant","inline",(n=>o(n)),(n=>c.has(n)));export{t as l,i as v};
+//# sourceMappingURL=variant-quote-BI3zVSZn.js.map

package/dist/{cjs/base-web-component-DP6_UGyy.js.map → kolibri/variant-quote-BI3zVSZn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"base-web-component-DP6_UGyy.js","sources":["src/internal/props/loading.ts","src/internal/props/variant-quote.ts","src/internal/functional-components/base-web-component.ts"],"sourcesContent":["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","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"],"names":["createPropDefinition","normalizeString"],"mappings":";;;;;;;AAyBA,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU;AAIlD,MAAM,WAAW,GAAwB,IAAI,GAAG,CAAC,eAAe,CAAC;AAE1D,MAAM,WAAW,GAAGA,gCAAoB,CAC9C,SAAS,EACT,MAAM,EACN,CAAC,KAAc,KAAKC,2BAAe,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,GAAGD,gCAAoB,CACnD,SAAS,EACT,QAAQ,EACR,CAAC,KAAc,KAAKC,2BAAe,CAAC,KAAK,CAAqB,EAC9D,CAAC,CAAC,KAAK,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;;AC9BhC,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;;;;;;"}
+{"version":3,"file":"variant-quote-BI3zVSZn.js","sources":["src/internal/props/loading.ts","src/internal/props/variant-quote.ts"],"sourcesContent":["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":";;;;;AAyBA,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/@deprecated/input/controller.d.ts

@@ -40,7 +40,6 @@ export declare class InputController extends ControlledInputController implement
         onInput: (event: Event, shouldSetFormAssociatedValue?: boolean, value?: StencilUnknown) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     };
-    readonly updateCurrentLengthDebounced: import("lodash-es").DebouncedFunc<(length: number) => void>;
     hasSoftCharacterLimit(): boolean;
     hasCounter(): boolean;
 }

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

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

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

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

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

@@ -1,7 +1,6 @@
 import { KolAbbr } from './abbr/component';
 import { KolAccordion } from './accordion/shadow';
 import { KolAlert } from './alert/shadow';
-import { KolAvatar } from './avatar/component';
 import { KolBadge } from './badge/shadow';
 import { KolBreadcrumb } from './breadcrumb/shadow';
 import { KolButtonLink } from './button-link/shadow';
@@ -30,17 +29,14 @@ import { KolKolibri } from './kolibri/shadow';
 import { KolLinkButton } from './link-button/shadow';
 import { KolLinkWc } from './link/component';
 import { KolLink } from './link/shadow';
-import { KolMeter } from './meter/component';
 import { KolModal } from './modal/shadow';
 import { KolNav } from './nav/shadow';
 import { KolPagination } from './pagination/shadow';
 import { KolPopoverButton } from './popover-button/shadow';
-import { KolProgress } from './progress/component';
 import { KolQuote } from './quote/component';
 import { KolSelect } from './select/shadow';
 import { KolSingleSelect } from './single-select/shadow';
 import { KolSkipNav } from './skip-nav/shadow';
-import { KolSpin } from './spin/component';
 import { KolSplitButton } from './split-button/shadow';
 import { KolTabs } from './tabs/shadow';
 import { KolTextarea } from './textarea/shadow';
@@ -52,4 +48,4 @@ import { KolTreeItem } from './tree-item/shadow';
 import { KolTreeWc } from './tree/component';
 import { KolTree } from './tree/shadow';
 import { KolVersion } from './version/shadow';
-export declare const COMPONENTS: (typeof KolAbbr | typeof KolAccordion | typeof KolAlert | typeof KolAvatar | typeof KolBadge | typeof KolBreadcrumb | typeof KolButtonLink | typeof KolButtonWc | typeof KolButton | typeof KolCard | typeof KolCombobox | typeof KolDetails | typeof KolDialogWc | typeof KolDialog | typeof KolForm | typeof KolHeading | typeof KolIcon | typeof KolImage | typeof KolInputCheckbox | typeof KolInputColor | typeof KolInputDate | typeof KolInputEmail | typeof KolInputFile | typeof KolInputNumber | typeof KolInputPassword | typeof KolInputRadio | typeof KolInputRange | typeof KolInputText | typeof KolKolibri | typeof KolLinkButton | typeof KolLinkWc | typeof KolLink | typeof KolMeter | typeof KolModal | typeof KolNav | typeof KolPagination | typeof KolPopoverButton | typeof KolProgress | typeof KolQuote | typeof KolSelect | typeof KolSingleSelect | typeof KolSkipNav | typeof KolSpin | typeof KolSplitButton | typeof KolTabs | typeof KolTextarea | typeof KolToastContainer | typeof KolToolbar | typeof KolTooltipWc | typeof KolTreeItemWc | typeof KolTreeItem | typeof KolTreeWc | typeof KolTree | typeof KolVersion)[];
+export declare const COMPONENTS: (typeof KolAbbr | typeof KolAccordion | typeof KolAlert | typeof KolBadge | typeof KolBreadcrumb | typeof KolButtonLink | typeof KolButtonWc | typeof KolButton | typeof KolCard | typeof KolCombobox | typeof KolDetails | typeof KolDialogWc | typeof KolDialog | typeof KolForm | typeof KolHeading | typeof KolIcon | typeof KolImage | typeof KolInputCheckbox | typeof KolInputColor | typeof KolInputDate | typeof KolInputEmail | typeof KolInputFile | typeof KolInputNumber | typeof KolInputPassword | typeof KolInputRadio | typeof KolInputRange | typeof KolInputText | typeof KolKolibri | typeof KolLinkButton | typeof KolLinkWc | typeof KolLink | typeof KolModal | typeof KolNav | typeof KolPagination | typeof KolPopoverButton | typeof KolQuote | typeof KolSelect | typeof KolSingleSelect | typeof KolSkipNav | typeof KolSplitButton | typeof KolTabs | typeof KolTextarea | typeof KolToastContainer | typeof KolToolbar | typeof KolTooltipWc | typeof KolTreeItemWc | typeof KolTreeItem | typeof KolTreeWc | typeof KolTree | typeof KolVersion)[];

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

@@ -3,6 +3,7 @@ import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, Disab
 export declare class KolInputEmail implements ClickableElement, FocusableElement, InputEmailAPI {
     protected readonly host?: HTMLKolInputEmailElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
+    private readonly counterUpdater;
     getValue(): Promise<string | undefined>;
     focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
@@ -71,5 +72,7 @@ export declare class KolInputEmail implements ClickableElement, FocusableElement
     validateValue(value?: string): void;
     validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     validateVariant(value?: VariantClassNamePropType): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
 }

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

@@ -5,7 +5,6 @@ import type { Generic } from 'adopted-style-sheets';
 export declare class InputPasswordController extends InputIconController implements InputPasswordWatches {
     protected readonly component: Generic.Element.Component & InputPasswordProps;
     constructor(component: Generic.Element.Component & InputPasswordProps, name: string, host?: HTMLElement);
-    protected afterSyncCharCounter: () => void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateHasCounter(value?: HasCounterPropType): void;
     validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;

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

@@ -3,6 +3,7 @@ import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, Disab
 export declare class KolInputPassword implements ClickableElement, FocusableElement, InputPasswordAPI {
     protected readonly host?: HTMLKolInputPasswordElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
+    private readonly counterUpdater;
     private readonly translateHidePassword;
     private readonly translateShowPassword;
     getValue(): Promise<string | undefined>;
@@ -73,5 +74,7 @@ export declare class KolInputPassword implements ClickableElement, FocusableElem
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
     validateVisibilityToggle(value?: boolean): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
 }

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

@@ -4,6 +4,7 @@ export declare class KolInputText implements ClickableElement, FocusableElement,
     protected readonly host?: HTMLKolInputTextElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private oldValue?;
+    private readonly counterUpdater;
     private readonly onBlur;
     private readonly onChange;
     private readonly onFocus;
@@ -82,5 +83,7 @@ export declare class KolInputText implements ClickableElement, FocusableElement,
     validateType(value?: InputTextTypePropType): void;
     validateValue(value?: string): void;
     validateVariant(value?: VariantClassNamePropType): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
 }

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, DownloadPropType, FocusableElement, HrefPropType, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, LinkButtonProps, LinkOnCallbacksPropType, LinkTargetPropType, ShortKeyPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, ClickableElement, CustomClassPropType, DownloadPropType, FocusableElement, HrefPropType, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, LinkButtonProps, LinkOnCallbacksPropType, LinkTargetPropType, ShortKeyPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 export declare class KolLinkButton implements ClickableElement, FocusableElement, LinkButtonProps {
     protected readonly host?: HTMLKolLinkButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
@@ -16,11 +16,12 @@ export declare class KolLinkButton implements ClickableElement, FocusableElement
     _hideLabel?: boolean;
     _href: HrefPropType;
     _icons?: IconsPropType;
+    _inline?: InlinePropType;
     _label?: LabelWithExpertSlotPropType;
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
-    _variant?: ButtonVariantPropType;
+    _variant?: VariantClassNamePropType;
 }

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, IdPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, IdPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 import type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';
 export declare class KolPopoverButtonWc implements ClickableElement, FocusableElement, PopoverButtonProps {
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
@@ -34,7 +34,7 @@ export declare class KolPopoverButtonWc implements ClickableElement, FocusableEl
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
     _value?: StencilUnknown;
-    _variant?: ButtonVariantPropType;
+    _variant?: VariantClassNamePropType;
     validateInline(value?: InlinePropType): void;
     validatePopoverAlign(value?: PopoverAlignPropType): void;
     componentWillLoad(): void;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 import type { PopoverButtonProps } from '../../schema/components/popover-button';
 export declare class KolPopoverButton implements ClickableElement, FocusableElement, PopoverButtonProps {
     protected readonly host?: HTMLKolPopoverButtonElement;
@@ -25,5 +25,5 @@ export declare class KolPopoverButton implements ClickableElement, FocusableElem
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
     _value?: StencilUnknown;
-    _variant?: ButtonVariantPropType;
+    _variant?: VariantClassNamePropType;
 }

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 export declare class KolSplitButton implements ClickableElement, FocusableElement, SplitButtonProps {
     protected readonly host?: HTMLKolSplitButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
@@ -30,6 +30,6 @@ export declare class KolSplitButton implements ClickableElement, FocusableElemen
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
     _value?: StencilUnknown;
-    _variant?: ButtonVariantPropType;
+    _variant?: VariantClassNamePropType;
     state: SplitButtonStates;
 }

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

@@ -9,7 +9,6 @@ export declare class KolTableSettings {
     private readonly translateTableSettingsCancel;
     private readonly translateTableSettingsApply;
     private readonly translateErrorAllInvisible;
-    private readonly translateColumnNotHidable;
     _horizontalHeaderCells: KoliBriTableHeaderCell[][];
     handleHeaderCellsChange(newValue: KoliBriTableHeaderCell[][]): void;
     componentWillLoad(): void;

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

@@ -4,7 +4,6 @@ import type { Generic } from 'adopted-style-sheets';
 export declare class TextareaController extends InputIconController implements TextareaWatches {
     protected readonly component: Generic.Element.Component & TextareaProps;
     constructor(component: Generic.Element.Component & TextareaProps, name: string, host?: HTMLElement);
-    private afterSyncCharCounter;
     validateHasCounter(value?: HasCounterPropType): void;
     validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     validateMaxLength(value?: number): void;

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

@@ -3,6 +3,7 @@ import type { AdjustHeightPropType, AriaDetailsPropType, ClickableElement, Disab
 export declare class KolTextarea implements ClickableElement, FocusableElement, TextareaAPI {
     protected readonly host?: HTMLKolTextareaElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLTextAreaElement>;
+    private readonly counterUpdater;
     getValue(): Promise<string | undefined>;
     focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
@@ -68,6 +69,8 @@ export declare class KolTextarea implements ClickableElement, FocusableElement,
     validateValue(value?: string): void;
     validateVariant(value?: VariantClassNamePropType): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
+    private readonly onKeyDown;
     private readonly onInput;
 }

package/dist/types/components/tree-item/shadow.d.ts

@@ -6,7 +6,7 @@ export declare class KolTreeItem implements TreeItemProps {
     _label: LabelPropType;
     _open?: OpenPropType;
     _href: HrefPropType;
-    focus(options?: KolFocusOptions): Promise<any>;
+    focus(options?: KolFocusOptions): Promise<void | undefined>;
     expand(): Promise<void | undefined>;
     collapse(): Promise<void | undefined>;
     isOpen(): Promise<boolean>;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaDetailsPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from "./schema";
+import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaDetailsPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from "./schema";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { LoadingType, OrientationPropType as OrientationPropType1, ProgressVariantType } from "./internal/props";
@@ -16,7 +16,7 @@ import { QuoteVariantType } from "./internal/props/variant-quote";
 import { SpinVariantType } from "./internal/props/variant-spin";
 import { AriaLabelledbyPropType } from "./schema/props/aria-labelledby";
 import { HasCreateButtonPropType } from "./schema/props/has-create-button";
-export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaDetailsPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from "./schema";
+export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaDetailsPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
 export { LoadingType, OrientationPropType as OrientationPropType1, ProgressVariantType } from "./internal/props";
@@ -29,12 +29,11 @@ export { AriaLabelledbyPropType } from "./schema/props/aria-labelledby";
 export { HasCreateButtonPropType } from "./schema/props/has-create-button";
 export namespace Components {
     /**
-     * The **Abbr** component implements the HTML tag `abbr` with an accessible tooltip.
-     * The tooltip for the description is displayed and read aloud when the **Abbr** component is focused or hovered.
+     * The **Abbr** component implements the HTML tag `abbr`.
      */
     interface KolAbbr {
         /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+          * DEPRECATED! Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label"?: LabelPropType;
     }
@@ -297,9 +296,8 @@ export namespace Components {
         "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
-          * @default 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -517,6 +515,7 @@ export namespace Components {
         "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
+          * @default getFeatureFlag('buttonVariantDefault', this.host) ?? 'normal'
          */
         "_variant"?: VariantClassNamePropType;
         /**
@@ -2416,6 +2415,11 @@ export namespace Components {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -2444,9 +2448,9 @@ export namespace Components {
         "_tooltipAlign"?: TooltipAlignPropType;
         /**
           * Defines which variant should be used for presentation.
-          * @default 'normal'
+          * @default getFeatureFlag('buttonVariantDefault', this.host) ?? 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -2864,7 +2868,7 @@ export namespace Components {
           * Defines which variant should be used for presentation.
           * @default 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -2962,7 +2966,7 @@ export namespace Components {
           * Defines which variant should be used for presentation.
           * @default 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -3501,7 +3505,7 @@ export namespace Components {
           * Defines which variant should be used for presentation.
           * @default 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -3965,7 +3969,7 @@ export namespace Components {
         /**
           * Focuses the link element.
          */
-        "focus": (options?: KolFocusOptions) => Promise<any>;
+        "focus": (options?: KolFocusOptions) => Promise<void | undefined>;
         /**
           * Returns whether the tree item is expanded.
          */
@@ -4034,8 +4038,7 @@ export interface KolSkeletonCustomEvent<T> extends CustomEvent<T> {
 }
 declare global {
     /**
-     * The **Abbr** component implements the HTML tag `abbr` with an accessible tooltip.
-     * The tooltip for the description is displayed and read aloud when the **Abbr** component is focused or hovered.
+     * The **Abbr** component implements the HTML tag `abbr`.
      */
     interface HTMLKolAbbrElement extends Components.KolAbbr, HTMLStencilElement {
     }
@@ -4810,7 +4813,7 @@ declare global {
         /**
           * Focuses the link element.
          */
-        "focus": (options?: KolFocusOptions) => Promise<any>;
+        "focus": (options?: KolFocusOptions) => Promise<void | undefined>;
     }
     var HTMLKolTreeItemElement: {
         prototype: HTMLKolTreeItemElement;
@@ -4920,12 +4923,11 @@ declare global {
 }
 declare namespace LocalJSX {
     /**
-     * The **Abbr** component implements the HTML tag `abbr` with an accessible tooltip.
-     * The tooltip for the description is displayed and read aloud when the **Abbr** component is focused or hovered.
+     * The **Abbr** component implements the HTML tag `abbr`.
      */
     interface KolAbbr {
         /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+          * DEPRECATED! Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label"?: LabelPropType;
     }
@@ -5172,9 +5174,8 @@ declare namespace LocalJSX {
         "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
-          * @default 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
     }
     /**
      * The **ButtonLink** component is semantically a button but has the appearance of a link. All relevant properties of the Button component are adopted and extended with the design-defining properties of a link.
@@ -6949,6 +6950,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -6977,9 +6983,9 @@ declare namespace LocalJSX {
         "_tooltipAlign"?: TooltipAlignPropType;
         /**
           * Defines which variant should be used for presentation.
-          * @default 'normal'
+          * @default getFeatureFlag('buttonVariantDefault', this.host) ?? 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
     }
     interface KolLinkWc {
         /**
@@ -7351,7 +7357,7 @@ declare namespace LocalJSX {
           * Defines which variant should be used for presentation.
           * @default 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
     }
     interface KolPopoverButtonWc {
         /**
@@ -7425,7 +7431,7 @@ declare namespace LocalJSX {
           * Defines which variant should be used for presentation.
           * @default 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
     }
     /**
      * The **Progress** component visualizes the completion status of a task or process. It supports both determinate (percentage-based) and indeterminate variants.
@@ -7900,7 +7906,7 @@ declare namespace LocalJSX {
           * Defines which variant should be used for presentation.
           * @default 'normal'
          */
-        "_variant"?: ButtonVariantPropType;
+        "_variant"?: VariantClassNamePropType;
     }
     interface KolTableSettingsWc {
         /**
@@ -8375,8 +8381,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             /**
-             * The **Abbr** component implements the HTML tag `abbr` with an accessible tooltip.
-             * The tooltip for the description is displayed and read aloud when the **Abbr** component is focused or hovered.
+             * The **Abbr** component implements the HTML tag `abbr`.
              */
             "kol-abbr": LocalJSX.KolAbbr & JSXBase.HTMLAttributes<HTMLKolAbbrElement>;
             /**

package/dist/types/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.d.ts

@@ -5,6 +5,10 @@ import { type InputCheckboxStates, type InputColorStates, type InputEmailStates,
 type InputState = InputTextStates | InputEmailStates | InputPasswordStates | InputNumberStates | InputColorStates | InputFileStates | InputRangeStates | InputCheckboxStates | InputRadioStates | SelectStates | TextareaStates;
 export type FormFieldStateWrapperProps = Partial<FormFieldProps> & {
     state: InputState;
+    counterRefs?: {
+        visualRef?: (el?: HTMLSpanElement) => void;
+        ariaRef?: (el?: HTMLSpanElement) => void;
+    };
 };
 declare const FormFieldStateWrapper: FC<FormFieldStateWrapperProps>;
 export default FormFieldStateWrapper;

package/dist/types/functional-components/FormField/FormField.d.ts

@@ -15,11 +15,10 @@ export type FormFieldProps = JSXBase.HTMLAttributes<HTMLElement> & {
     accessKey?: string;
     shortKey?: string;
     counter?: {
-        currentLength: number;
-        currentLengthDebounced: number;
         maxLengthBehavior: MaxLengthBehaviorPropType;
         maxLength?: number;
-        id?: string;
+        visualRef?: (el?: HTMLSpanElement) => void;
+        ariaRef?: (el?: HTMLSpanElement) => void;
     };
     readOnly?: boolean;
     touched?: boolean;

package/dist/types/functional-components/FormField/counter-utils.d.ts

@@ -0,0 +1,4 @@
+import type { MaxLengthBehaviorPropType } from '../../schema';
+export declare const getCounterVisualText: (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number) => string;
+export declare const getCounterAriaText: (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number) => string;
+export declare const getCounterMaxText: (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number) => string;

package/dist/types/functional-components/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
-import type { ButtonVariantPropType } from '../../schema';
+import type { VariantClassNamePropType } from '../../schema';
 import { type ButtonProps } from '../Button';
 type IconType = {
     componentName: 'icon';
@@ -16,7 +16,7 @@ type ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {
     icon?: string;
     label?: string;
     class?: string;
-    buttonVariant?: ButtonVariantPropType;
+    buttonVariant?: VariantClassNamePropType;
     onClick?: (event: MouseEvent) => void;
 };
 export type IconButtonProps = IconType | ButtonType;

package/dist/types/internal/functional-components/abbr/api.d.ts

@@ -1,9 +1,3 @@
 import type { ApiFromConfig } from '../generic-types';
-export declare const abbrPropsConfig: {
-    readonly optional: readonly [import("../../props").PropDefinition<string, import("../../props").LabelProp>];
-};
-export type AbbrApi = ApiFromConfig<typeof abbrPropsConfig, {
-    Refs: {
-        abbr: HTMLElement;
-    };
-}>;
+export declare const abbrPropsConfig: {};
+export type AbbrApi = ApiFromConfig<typeof abbrPropsConfig>;

package/dist/types/locales/de.d.ts

@@ -47,8 +47,10 @@ declare const _default: {
     'table-settings-column-width': string;
     'table-settings-move-up': string;
     'table-settings-move-down': string;
+    'table-settings-not-move': string;
     'table-settings-error-all-invisible': string;
     'table-settings-column-not-hidable': string;
+    'table-settings-column-hidable': string;
     dropdown: string;
     'nav-label-open': string;
     'nav-label-close': string;
@@ -68,6 +70,7 @@ declare const _default: {
     'character-counter-current': string;
     'character-counter-current-of-max': string;
     'character-counter-current-of-max-aria': string;
+    'character-counter-max-aria': string;
     'live-value-bounded': string;
     'live-value': string;
     readonly: string;