@public-ui/components 2.0.0-rc.4 → 2.0.0-rc.6

package/dist/kolibri/{tab-index-59a834d8.js.map → tab-index-d2d0d9db.js.map}

@@ -1 +1 @@
-{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/utils/validators/tab-index.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { a11yHint } from '../a11y.tipps';\nimport { watchNumber, WatchNumberOptions } from '../prop.validators';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;0FAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S"}
+{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/utils/validators/tab-index.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { a11yHint } from '../a11y.tipps';\nimport { watchNumber, WatchNumberOptions } from '../prop.validators';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;+FAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S"}

package/dist/kolibri/toaster-2063df5a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToasterService","constructor","document","this","toastContainerElement","createElement","body","prepend","getInstance","instance","instances","get","set","dispose","element","undefined","remove","console","warn","enqueue","toast","Map"],"sources":["src/components/toaster/toaster.tsx"],"sourcesContent":["import { Toast } from './types';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(private readonly document: Document) {\n\t\tthis.toastContainerElement = this.document.createElement('kol-toast-container');\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document) {\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tconsole.warn('Toaster service is already disposed.');\n\t\t}\n\t}\n\n\tpublic async enqueue(toast: Toast) {\n\t\t/**\n\t\t * We need this condition for SSR. The toast container is not rendered on the server,\n\t\t * so we can't enqueue toasts.\n\t\t */\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {\n\t\t\tawait this.toastContainerElement.enqueue(toast);\n\t\t}\n\t}\n}\n"],"mappings":";;;MAEaA,EAKZ,WAAAC,CAAqCC,GAAAC,KAAAD,WACpCC,KAAKC,sBAAwBD,KAAKD,SAASG,cAAc,uBACzDF,KAAKD,SAASI,KAAKC,QAAQJ,KAAKC,sB,CAM1B,kBAAOI,CAAYN,GACzB,IAAIO,EAAWN,KAAKO,UAAUC,IAAIT,GAClC,IAAKO,EAAU,CACdA,EAAW,IAAIT,EAAeE,GAC9BC,KAAKO,UAAUE,IAAIV,EAAUO,E,CAE9B,OAAOA,C,CAGD,OAAAI,GACN,MAAMC,EAAUX,KAAKC,sBACrB,GAAIU,EAAS,CACZX,KAAKC,sBAAwBW,UAC7BD,EAAQE,Q,KACF,CACNC,QAAQC,KAAK,uC,EAIR,aAAMC,CAAQC,GAKpB,GAAIjB,KAAKC,8BAAgCD,KAAKC,sBAAsBe,UAAY,WAAY,OACrFhB,KAAKC,sBAAsBe,QAAQC,E,GArCnBpB,EAAAU,UAA2C,IAAIW,W"}

package/dist/kolibri/toaster-6901baa3.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{T as o}from"./toaster-2063df5a.js";var t,i;const a=o.getInstance(document);a.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"});let l=0;null===(t=document.getElementById("oneToast"))||void 0===t||t.addEventListener("kol-click",(()=>{a.enqueue({description:"Toasty "+ ++l,label:"Label",type:"warning"})})),null===(i=document.getElementById("manyToast"))||void 0===i||i.addEventListener("kol-click",(()=>{for(let e=0;e<5;e++)a.enqueue({description:"Toasty "+ ++l,label:"Label",type:"warning"})}));

package/dist/kolibri/toaster-6901baa3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toaster","ToasterService","getInstance","document","enqueue","description","label","type","myToastId","_a","getElementById","addEventListener","_b","i"],"sources":["src/dev/toaster.ts"],"sourcesContent":["import { ToasterService } from '../components/toaster/toaster';\n\nconst toaster = ToasterService.getInstance(document);\n\nvoid toaster.enqueue({\n\tdescription: `Toasty`,\n\tlabel: `Initial Toast`,\n\ttype: 'warning',\n});\n\nlet myToastId = 0;\n\ndocument.getElementById('oneToast')?.addEventListener('kol-click', () => {\n\tvoid toaster.enqueue({\n\t\tdescription: `Toasty ${++myToastId}`,\n\t\tlabel: `Label`,\n\t\ttype: 'warning',\n\t});\n});\n\ndocument.getElementById('manyToast')?.addEventListener('kol-click', () => {\n\tfor (let i = 0; i < 5; i++) {\n\t\tvoid toaster.enqueue({\n\t\t\tdescription: `Toasty ${++myToastId}`,\n\t\t\tlabel: `Label`,\n\t\t\ttype: 'warning',\n\t\t});\n\t}\n});\n"],"mappings":";;;kDAEA,MAAMA,EAAUC,EAAeC,YAAYC,eAEtCH,EAAQI,QAAQ,CACpBC,YAAa,SACbC,MAAO,gBACPC,KAAM,YAGP,IAAIC,EAAY,GAEhBC,EAAAN,SAASO,eAAe,eAAW,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,aAAa,UAC7DX,EAAQI,QAAQ,CACpBC,YAAa,YAAYG,IACzBF,MAAO,QACPC,KAAM,WACL,KAGHK,EAAAT,SAASO,eAAe,gBAAY,MAAAE,SAAA,SAAAA,EAAED,iBAAiB,aAAa,KACnE,IAAK,IAAIE,EAAI,EAAGA,EAAI,EAAGA,IAAK,MACtBb,EAAQI,QAAQ,CACpBC,YAAa,YAAYG,IACzBF,MAAO,QACPC,KAAM,W"}

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

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

package/dist/kolibri/validation-68e14b6f.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-06cd7c77.js";import{c as t}from"./prop.validators-3d53ddab.js";const s=(s,p,r)=>{t(p,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),r),o(s,p.state._links.length)};export{s as w};

package/dist/kolibri/validation-c57e7be5.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as e}from"./prop.validators-3d53ddab.js";const r=[0,1,2,3,4,5,6],t=(t,o)=>{e(t,"_level",(e=>"number"==typeof e&&r.includes(e)),new Set([`Number {${r.join(", ")}`]),o,{defaultValue:1,required:!0})};export{t as w};

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

@@ -0,0 +1 @@
+{"version":3,"names":["headingLevelOptions","watchHeadingLevel","component","value","watchValidator","includes","Set","join","defaultValue","required"],"sources":["src/types/heading-level.ts","src/components/heading/validation.ts"],"sourcesContent":["export const headingLevelOptions = [0, 1, 2, 3, 4, 5, 6] as const;\nexport type HeadingLevel = (typeof headingLevelOptions)[number];\n","import { Generic } from '@a11y-ui/core';\n\nimport { watchValidator } from '../../utils/prop.validators';\nimport { HeadingLevel, headingLevelOptions } from '../../types/heading-level';\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 => {\n\t\t\treturn typeof value === 'number' && headingLevelOptions.includes(value);\n\t\t},\n\t\tnew Set([`Number {${headingLevelOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\t// TODO: options not in the validator\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t}\n\t);\n};\n"],"mappings":";;;kDAAO,MAAMA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,G,MCKzCC,EAAoB,CAACC,EAAsCC,KACvEC,EACCF,EACA,UACCC,UACcA,IAAU,UAAYH,EAAoBK,SAASF,IAElE,IAAIG,IAAI,CAAC,WAAWN,EAAoBO,KAAK,UAC7CJ,EACA,CAECK,aAAc,EACdC,SAAU,MAEX,S"}

package/dist/types/components/alert/types.d.ts

@@ -4,8 +4,10 @@ import { HeadingLevel } from '../../types/heading-level';
 import { PropAlert } from '../../types/props/alert';
 import { PropHasCloser } from '../../types/props/has-closer';
 import { PropLabel } from '../../types/props/label';
-export type AlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
-export type AlertVariant = 'card' | 'msg';
+export declare const alertTypeOptions: readonly ["default", "info", "success", "warning", "error"];
+export type AlertType = (typeof alertTypeOptions)[number];
+export declare const alertVariantOptions: readonly ["card", "msg"];
+export type AlertVariant = (typeof alertVariantOptions)[number];
 export type KoliBriAlertEventCallbacks = {
   onClose?: EventCallback<Event>;
 };

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

@@ -13,6 +13,7 @@ import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-sel
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
 import { API } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolButtonWc implements API {
   private readonly host?;
   private ref?;
@@ -20,6 +21,7 @@ export declare class KolButtonWc implements API {
   private readonly onClick;
   render(): JSX.Element;
   private readonly controller;
+  _accessKey?: AccessKeyPropType;
   _ariaControls?: string;
   _ariaExpanded?: boolean;
   _ariaSelected?: boolean;
@@ -40,6 +42,7 @@ export declare class KolButtonWc implements API {
   _variant?: ButtonVariantPropType;
   state: ButtonStates;
   constructor();
+  validateAccessKey(value?: AccessKeyPropType): void;
   validateAriaControls(value?: string): void;
   validateAriaExpanded(value?: boolean): void;
   validateAriaSelected(value?: boolean): void;

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

@@ -11,11 +11,13 @@ import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-sel
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
 import { Props } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolButton implements Props {
   private readonly host?;
   private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _ariaControls?: string;
   _ariaExpanded?: boolean;
   _ariaSelected?: boolean;

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

@@ -18,11 +18,12 @@ import { PropName } from '../../types/props/name';
 import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
+import { PropAccessKey } from '../../types/props/access-key';
 export type RequiredButtonProps = PropLabelWithExpertSlot;
 export type OptionalButtonProps = {
   tabIndex: number;
   value: Stringified<StencilUnknown>;
-} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaExpanded & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign;
+} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaExpanded & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign & PropAccessKey;
 export type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
 export type RequiredButtonStates = RequiredButtonProps & PropButtonType & PropButtonVariant & {
   icons: KoliBriAllIcons;

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

@@ -11,11 +11,13 @@ import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-sel
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
 import { Props } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolButtonLink implements Props {
   private readonly host?;
   private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _ariaControls?: string;
   _ariaExpanded?: boolean;
   _ariaSelected?: boolean;

package/dist/types/components/heading/validation.d.ts

@@ -1,2 +1,3 @@
 import { Generic } from '@a11y-ui/core';
-export declare const watchHeadingLevel: (component: Generic.Element.Component, value?: number) => void;
+import { HeadingLevel } from '../../types/heading-level';
+export declare const watchHeadingLevel: (component: Generic.Element.Component, value?: HeadingLevel) => void;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcons } from '../../types/icons';
+import { AccessKeyPropType } from '../../types/props/access-key';
 import { IdPropType } from '../../types/props/id';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
@@ -14,6 +15,7 @@ export declare class KolInput implements Props {
   private catchInputSlot;
   private getIconStyles;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _alert?: boolean;
   _currentLength?: number;
   _disabled?: boolean;

package/dist/types/components/input/types.d.ts

@@ -1,6 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcons } from '../../types/icons';
+import { PropAccessKey } from '../../types/props/access-key';
 import { PropAlert } from '../../types/props/alert';
 import { PropDisabled } from '../../types/props/disabled';
 import { PropHasCounter } from '../../types/props/has-counter';
@@ -24,6 +25,6 @@ type OptionalProps = {
   maxLength: number;
   slotName: string;
   smartButton: Stringified<ButtonProps>;
-} & PropAlert & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
+} & PropAccessKey & PropAlert & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -13,7 +13,8 @@ import { PropRequired } from '../../types/props/required';
 import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
 import { PropTouched } from '../../types/props/touched';
 import { StencilUnknown } from '../../types/unknown';
-export type InputCheckboxVariant = 'button' | 'default' | 'switch';
+export declare const inputCheckboxVariantOptions: readonly ["button", "default", "switch"];
+export type InputCheckboxVariant = (typeof inputCheckboxVariantOptions)[number];
 export type InputCheckboxIconsProp = {
   checked: AnyIconFontClass;
   indeterminate?: AnyIconFontClass;

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

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { InputNumberType } from '../../types/input/control/number';
+import { InputDateType } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { HideErrorPropType } from '../../types/props/hide-error';
@@ -29,7 +29,7 @@ export declare class InputDateController extends InputIconController implements
   validateReadOnly(value?: ReadOnlyPropType): void;
   validateRequired(value?: boolean): void;
   validateStep(value?: number): void;
-  validateType(value?: InputNumberType): void;
+  validateType(value?: InputDateType): void;
   validateValue(value?: Iso8601 | Date | null): void;
   validateValueEx(value?: Iso8601 | Date | null, afterPatch?: (v: string) => void): void;
   componentWillLoad(): void;

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

@@ -11,6 +11,7 @@ import { LinkTargetPropType } from '../../types/props/link-target';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { States as LinkStates } from '../link/types';
 import { API } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolLinkWc implements API {
   private readonly host?;
   private ref?;
@@ -18,6 +19,7 @@ export declare class KolLinkWc implements API {
   private readonly onClick;
   private readonly getRenderValues;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;
@@ -31,6 +33,7 @@ export declare class KolLinkWc implements API {
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignPropType;
   state: LinkStates;
+  validateAccessKey(value?: AccessKeyPropType): void;
   private validateAriaCurrent;
   validateDownload(value?: DownloadPropType): void;
   validateHideLabel(value?: boolean): void;

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

@@ -10,11 +10,13 @@ import { LinkOnCallbacksPropType } from '../../types/props/link-on-callbacks';
 import { LinkTargetPropType } from '../../types/props/link-target';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { LinkProps } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolLink implements LinkProps {
   private readonly host?;
   private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;

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

@@ -9,11 +9,12 @@ import { PropLinkOnCallbacks } from '../../types/props/link-on-callbacks';
 import { PropLinkTarget } from '../../types/props/link-target';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
 import { PropHideLabel } from '../../types/props/hide-label';
+import { PropAccessKey } from '../../types/props/access-key';
 export type RequiredProps = PropHref;
 export type OptionalProps = {
   targetDescription: string;
   tabIndex: number;
-} & PropAlternativeButtonLinkRole & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropListenAriaCurrent & PropTooltipAlign;
+} & PropAccessKey & PropAlternativeButtonLinkRole & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropListenAriaCurrent & PropTooltipAlign;
 export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = PropIcons & PropHref;
 type OptionalStates = PropAriaCurrent & Omit<RequiredProps & OptionalProps, keyof RequiredStates> & PropLabelWithExpertSlot;

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

@@ -11,11 +11,13 @@ import { LinkOnCallbacksPropType } from '../../types/props/link-on-callbacks';
 import { LinkTargetPropType } from '../../types/props/link-target';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { Props } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolLinkButton implements Props {
   private readonly host?;
   private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _customClass?: CustomClassPropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;

package/dist/types/components/quote/types.d.ts

@@ -1,7 +1,8 @@
 import { Generic } from '@a11y-ui/core';
 import { PropHref } from '../../types/props/href';
 import { PropLabel } from '../../types/props/label';
-export type KoliBriQuoteVariant = 'block' | 'inline';
+export declare const koliBriQuoteVariantOptions: readonly ["block", "inline"];
+export type KoliBriQuoteVariant = (typeof koliBriQuoteVariantOptions)[number];
 type RequiredProps = {
   quote: string;
 } & PropHref;

package/dist/types/components/span/InternalUnderlinedAccessKey.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+  accessKey: string;
+  label: string;
+};
+export declare const InternalUnderlinedAccessKey: ({ accessKey, label }: Props) => any;
+export {};

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

@@ -4,13 +4,16 @@ import { KoliBriIconsProp } from '../../types/icons';
 import { HideLabelPropType } from '../../types/props/hide-label';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { API, States } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolSpanWc implements API {
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _allowMarkdown?: boolean;
   _hideLabel?: boolean;
   _icons?: Stringified<KoliBriIconsProp>;
   _label: LabelWithExpertSlotPropType;
   state: States;
+  validateAccessKey(value?: AccessKeyPropType): void;
   validateAllowMarkdown(value?: boolean): void;
   validateHideLabel(value?: HideLabelPropType): void;
   validateIcons(value?: KoliBriIconsProp): void;

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

@@ -3,8 +3,10 @@ import { Stringified } from '../../types/common';
 import { KoliBriIconsProp } from '../../types/icons';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { Props } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolSpan implements Props {
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _hideLabel?: boolean;
   _icons?: Stringified<KoliBriIconsProp>;
   _label: LabelWithExpertSlotPropType;

package/dist/types/components/span/types.d.ts

@@ -3,11 +3,12 @@ import { Stringified } from '../../types/common';
 import { KoliBriCustomIcon, KoliBriIconsProp } from '../../types/icons';
 import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropAccessKey } from '../../types/props/access-key';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   allowMarkdown: boolean;
   icons: Stringified<KoliBriIconsProp>;
-} & PropHideLabel;
+} & PropHideLabel & PropAccessKey;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   allowMarkdown: boolean;
@@ -18,7 +19,7 @@ type RequiredStates = {
     left?: KoliBriCustomIcon;
   };
 } & PropLabelWithExpertSlot;
-type OptionalStates = PropHideLabel;
+type OptionalStates = PropHideLabel & PropAccessKey;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -13,7 +13,8 @@ import { PropRequired } from '../../types/props/required';
 import { PropRows } from '../../types/props/rows';
 import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
 import { PropTouched } from '../../types/props/touched';
-export type CSSResize = 'both' | 'horizontal' | 'vertical' | 'none';
+export declare const cssResizeOptions: readonly ["both", "horizontal", "vertical", "none"];
+export type CSSResize = (typeof cssResizeOptions)[number];
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   accessKey: string;

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

@@ -3,6 +3,7 @@ import { AlignPropType } from '../../types/props/align';
 import { IdPropType } from '../../types/props/id';
 import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolTooltip implements API {
   private host;
   private arrowElement?;
@@ -19,10 +20,12 @@ export declare class KolTooltip implements API {
   private catchTooltipElement;
   private catchArrowElement;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _align?: AlignPropType;
   _id?: IdPropType;
   _label: LabelPropType;
   state: States;
+  validateAccessKey(value?: AccessKeyPropType): void;
   validateAlign(value?: AlignPropType): void;
   validateId(value?: IdPropType): void;
   validateLabel(value?: LabelPropType): void;

package/dist/types/components/tooltip/types.d.ts

@@ -2,11 +2,12 @@ import { Generic } from '@a11y-ui/core';
 import { PropAlign } from '../../types/props/align';
 import { PropId } from '../../types/props/id';
 import { PropLabel } from '../../types/props/label';
+import { PropAccessKey } from '../../types/props/access-key';
 type RequiredProps = PropLabel;
-type OptionalProps = PropAlign & PropId;
+type OptionalProps = PropAccessKey & PropAlign & PropId;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps & OptionalProps;
-type OptionalStates = NonNullable<unknown>;
+type RequiredStates = PropLabel & PropAlign & PropId;
+type OptionalStates = PropAccessKey;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};