@public-ui/components 1.5.0-rc.8 → 1.5.0-rc.9

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

@@ -1,12 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { Alignment } from '../../types/props/alignment';
+import { PropAlignment } from '../../types/props';
 type RequiredProps = {
   id: string;
   label: string;
 };
 type OptionalProps = {
-  align: Alignment;
+  align: PropAlignment;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps & OptionalProps;
@@ -27,11 +27,11 @@ export declare class KolTooltip implements Generic.Element.ComponentApi<Required
   private catchTooltipElement;
   private catchArrowElement;
   render(): JSX.Element;
-  _align?: Alignment;
+  _align?: PropAlignment;
   _id: string;
   _label: string;
   state: States;
-  validateAlign(value?: Alignment): void;
+  validateAlign(value?: PropAlignment): void;
   validateId(value?: string): void;
   validateLabel(value?: string): void;
   private overFocusCount;

package/dist/types/components.d.ts

@@ -5,14 +5,14 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Alignment } from "./types/props/alignment";
+import { AriaCurrent, PropAlignment } from "./types/props";
 import { HeadingLevel } from "./types/heading-level";
-import { KoliBriAccordionCallbacks } from "./components/accordion/component";
-import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/alert";
+import { KoliBriAccordionCallbacks } from "./components/accordion/types";
+import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./components/alert/types";
 import { KoliBriColor } from "./components/badge/component";
 import { Stringified } from "./types/common";
 import { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
-import { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
+import { AlternativButtonLinkRole, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
 import { KoliBriFormCallbacks } from "./components/form/component";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
@@ -37,14 +37,14 @@ import { KoliBriDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } fro
 import { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/component";
 import { CSSResize } from "./components/textarea/types";
 import { KoliBriToastEventCallbacks } from "./types/toast";
-export { Alignment } from "./types/props/alignment";
+export { AriaCurrent, PropAlignment } from "./types/props";
 export { HeadingLevel } from "./types/heading-level";
-export { KoliBriAccordionCallbacks } from "./components/accordion/component";
-export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/alert";
+export { KoliBriAccordionCallbacks } from "./components/accordion/types";
+export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./components/alert/types";
 export { KoliBriColor } from "./components/badge/component";
 export { Stringified } from "./types/common";
 export { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
-export { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
+export { AlternativButtonLinkRole, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
 export { KoliBriFormCallbacks } from "./components/form/component";
 export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 export { Icofont } from "./types/icofont";
@@ -78,7 +78,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
     }
     interface KolAccordion {
         /**
@@ -201,7 +201,7 @@ export namespace Components {
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -229,7 +229,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -307,7 +307,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -358,7 +358,7 @@ export namespace Components {
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -386,7 +386,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -1527,7 +1527,7 @@ export namespace Components {
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -1570,7 +1570,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -1646,7 +1646,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Ausprägung der Button hat.
          */
@@ -1720,7 +1720,7 @@ export namespace Components {
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -1763,7 +1763,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -1794,10 +1794,6 @@ export namespace Components {
           * Gibt die EventCallback-Function für das Schließen des Modals an.
          */
         "_on"?: KoliBriModalEventCallbacks;
-        /**
-          * Gibt an, ob das Modal angezeigt wird.
-         */
-        "_show"?: boolean;
         /**
           * Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).
          */
@@ -1874,7 +1870,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, wie viele Einträge mit der Pagination gehandelt werden.
          */
@@ -2091,7 +2087,7 @@ export namespace Components {
         /**
           * Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.
          */
-        "_tabsAlign"?: Alignment;
+        "_tabsAlign"?: PropAlignment;
     }
     interface KolTextarea {
         /**
@@ -2213,7 +2209,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_align"?: Alignment;
+        "_align"?: PropAlignment;
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */
@@ -2647,7 +2643,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
     }
     interface KolAccordion {
         /**
@@ -2770,7 +2766,7 @@ declare namespace LocalJSX {
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -2798,7 +2794,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -2876,7 +2872,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -2927,7 +2923,7 @@ declare namespace LocalJSX {
           * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
           * @deprecated
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -2955,7 +2951,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Typ der Button hat.
          */
@@ -4096,7 +4092,7 @@ declare namespace LocalJSX {
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -4139,7 +4135,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -4215,7 +4211,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, welche Ausprägung der Button hat.
          */
@@ -4289,7 +4285,7 @@ declare namespace LocalJSX {
           * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
           * @deprecated Wird durch das neue flexibleren Icon-Typ abgedeckt.
          */
-        "_iconAlign"?: Alignment;
+        "_iconAlign"?: PropAlignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -4332,7 +4328,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt den Verwendungsfall des Links an.
           * @deprecated Das Styling sollte stets über CSS erfolgen.
@@ -4363,10 +4359,6 @@ declare namespace LocalJSX {
           * Gibt die EventCallback-Function für das Schließen des Modals an.
          */
         "_on"?: KoliBriModalEventCallbacks;
-        /**
-          * Gibt an, ob das Modal angezeigt wird.
-         */
-        "_show"?: boolean;
         /**
           * Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).
          */
@@ -4443,7 +4435,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.
          */
-        "_tooltipAlign"?: Alignment;
+        "_tooltipAlign"?: PropAlignment;
         /**
           * Gibt an, wie viele Einträge mit der Pagination gehandelt werden.
          */
@@ -4660,7 +4652,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.
          */
-        "_tabsAlign"?: Alignment;
+        "_tabsAlign"?: PropAlignment;
     }
     interface KolTextarea {
         /**
@@ -4782,7 +4774,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_align"?: Alignment;
+        "_align"?: PropAlignment;
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */

package/dist/types/i18n.d.ts

@@ -2,7 +2,7 @@ import { Generic } from '@a11y-ui/core';
 import locale_de from './locales/de';
 type ResourcePrefix = 'Kol';
 type ComponentKeys = keyof typeof locale_de;
-export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "info" | "success" | "warning" | "error" | "close" | "of" | "characters" | "message" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo">>;
+export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "info" | "success" | "warning" | "error" | "of" | "characters" | "message" | "close" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo">>;
 type Options = {
   count?: number;
   placeholders?: {

package/dist/types/schema/index.d.ts

@@ -1,2 +1,2 @@
 import { Theme } from '@a11y-ui/core';
-export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "close" | "of" | "characters" | "message" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo", "symbol" | "card" | "abbr" | "button" | "details" | "dialog" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "heading" | "accordion" | "icon" | "badge" | "tabs" | "accordion-group" | "alert" | "avatar" | "breadcrumb" | "button-group" | "button-link" | "dropdown" | "indented-text" | "input-checkbox" | "input-color" | "input-date" | "input-file" | "input-email" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "link-button" | "link-group" | "modal" | "pagination" | "popover" | "separator" | "skip-nav" | "spin" | "toast" | "toolbar" | "tooltip">;
+export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "of" | "characters" | "message" | "close" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo", "symbol" | "card" | "abbr" | "button" | "details" | "dialog" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "heading" | "badge" | "tabs" | "accordion" | "accordion-group" | "alert" | "avatar" | "breadcrumb" | "button-group" | "button-link" | "dropdown" | "indented-text" | "input-checkbox" | "input-color" | "input-date" | "input-file" | "input-email" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "link-button" | "link-group" | "modal" | "pagination" | "popover" | "separator" | "skip-nav" | "spin" | "toast" | "toolbar" | "tooltip">;

package/dist/types/types/button-link-text.d.ts

@@ -2,14 +2,14 @@ import { Generic } from '@a11y-ui/core';
 import { KoliBriButtonCallbacks, LinkTarget } from './button-link';
 import { Stringified } from './common';
 import { KoliBriIconProp } from './icon';
-import { Label } from './props/label';
-type RequiredButtonProps = Label & {
+import { PropLabel } from './props/label';
+type RequiredButtonProps = PropLabel & {
   on: KoliBriButtonCallbacks<unknown>;
 };
-type RequiredLinkProps = Label & {
+type RequiredLinkProps = PropLabel & {
   href: string;
 };
-type RequiredTextProps = Label;
+type RequiredTextProps = PropLabel;
 type OptionalButtonOrLinkOrTextProps = {
   active: boolean;
   icon: Stringified<KoliBriIconProp>;

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

@@ -2,46 +2,34 @@ import { Generic } from '@a11y-ui/core';
 import { Events } from '../enums/events';
 import { EventCallback, EventValueOrEventCallback } from './callbacks';
 import { Stringified } from './common';
-import { KoliBriCustomIcon, KoliBriIconProp } from './icon';
-import { Alignment } from './props/alignment';
-import { Label } from './props/label';
-export type AriaCurrent = boolean | 'page' | 'step' | 'location' | 'date' | 'time';
+import { KoliBriAllIcon, KoliBriIconProp } from './icon';
+import { PropAlignment, PropAriaCurrent, PropAriaExpanded, PropAriaSelected, PropDisabled, PropStealth } from './props';
+import { PropLabel } from './props/label';
 export type AlternativButtonLinkRole = 'button' | 'link' | 'tab';
-type RequiredButtonAndLinkProps = Label;
+type RequiredButtonAndLinkProps = PropLabel;
 type OptionalButtonAndLinkProps = {
   ariaControls: string;
-  ariaCurrent: AriaCurrent;
-  ariaExpanded: boolean;
   ariaLabel: string;
-  ariaSelected: boolean;
   icon: Stringified<KoliBriIconProp>;
-  iconAlign: Alignment;
+  iconAlign: PropAlignment;
   iconOnly: boolean;
   role: AlternativButtonLinkRole;
   tabIndex: number;
-  tooltipAlign: Alignment;
-};
+  tooltipAlign: PropAlignment;
+} & PropAriaCurrent & PropAriaExpanded & PropAriaSelected & PropDisabled;
 type RequiredButtonAndLinkStates = {
-  icon: {
-    top?: KoliBriCustomIcon;
-    right?: KoliBriCustomIcon;
-    bottom?: KoliBriCustomIcon;
-    left?: KoliBriCustomIcon;
-  };
+  icon: KoliBriAllIcon;
   label: string;
 };
 type OptionalButtonAndLinkStates = {
   ariaLabel: string;
   ariaControls: string;
-  ariaCurrent: AriaCurrent;
-  ariaExpanded: boolean;
-  ariaSelected: boolean;
-  iconAlign: Alignment;
+  iconAlign: PropAlignment;
   iconOnly: boolean;
   role: AlternativButtonLinkRole;
   tabIndex: number;
-  tooltipAlign: Alignment;
-};
+  tooltipAlign: PropAlignment;
+} & PropAriaCurrent & PropAriaExpanded & PropAriaSelected & PropDisabled;
 export type KoliBriButtonType = 'button' | 'reset' | 'submit';
 export type KoliBriButtonVariant = 'primary' | 'secondary' | 'normal' | 'danger' | 'ghost' | 'custom';
 export type KoliBriButtonCallbacks<T> = {
@@ -91,30 +79,24 @@ export type OptionalLinkProps = OptionalButtonAndLinkProps & {
   disabled: boolean;
   on: LinkOnCallbacks;
   selector: string;
-  stealth: boolean;
   target: LinkTarget;
   targetDescription: string;
   useCase: LinkUseCase;
-};
+} & PropStealth;
 export type LinkProps = Generic.Element.Members<RequiredLinkProps, OptionalLinkProps>;
 export type RequiredLinkStates = RequiredButtonAndLinkStates & {
   href: string;
 };
 export type OptionalLinkStates = OptionalButtonAndLinkStates & {
   ariaSelected: boolean;
-  disabled: boolean;
   on: LinkOnCallbacks;
   selector: string;
-  stealth: boolean;
   target: LinkTarget;
   targetDescription: string;
   useCase: LinkUseCase;
-};
+} & PropAriaSelected & PropStealth;
 export type LinkStates = Generic.Element.Members<RequiredLinkStates, OptionalLinkStates>;
 export type RequiredLinkButtonProps = RequiredLinkProps;
 export type OptionalLinkButtonProps = OptionalLinkProps & KoliBriButtonVariantPropState & KoliBriButtonCustomClassPropState;
-export type RequiredLinkButtonStates = KoliBriButtonVariantPropState;
-export type OptionalLinkButtonStates = KoliBriButtonCustomClassPropState;
-export type LinkButtonStates = Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;
-export declare const watchTooltipAlignment: (component: Generic.Element.Component, propName: string, value?: Alignment) => void;
+export declare const watchTooltipAlignment: (component: Generic.Element.Component, propName: string, value?: PropAlignment) => void;
 export {};

package/dist/types/types/icon.d.ts

@@ -1,41 +1,18 @@
-export type KoliBriIconProp = AnyIconFontClass | KoliBriAllIcon;
 export type AnyIconFontClass = string;
 export type KoliBriCustomIcon = {
   icon: AnyIconFontClass;
   style?: Record<string, string>;
 };
+type IconOrIconClass = AnyIconFontClass | KoliBriCustomIcon;
 export type KoliBriHorizontalIcon = {
-  right: AnyIconFontClass | KoliBriCustomIcon;
-  left?: AnyIconFontClass | KoliBriCustomIcon;
-} | {
-  right?: AnyIconFontClass | KoliBriCustomIcon;
-  left: AnyIconFontClass | KoliBriCustomIcon;
-};
-type KoliBriAllIcon = {
-  top: AnyIconFontClass | KoliBriCustomIcon;
-  right?: AnyIconFontClass | KoliBriCustomIcon;
-  bottom?: AnyIconFontClass | KoliBriCustomIcon;
-  left?: AnyIconFontClass | KoliBriCustomIcon;
-} | {
-  top?: AnyIconFontClass | KoliBriCustomIcon;
-  right: AnyIconFontClass | KoliBriCustomIcon;
-  bottom?: AnyIconFontClass | KoliBriCustomIcon;
-  left?: AnyIconFontClass | KoliBriCustomIcon;
-} | {
-  top?: AnyIconFontClass | KoliBriCustomIcon;
-  right?: AnyIconFontClass | KoliBriCustomIcon;
-  bottom: AnyIconFontClass | KoliBriCustomIcon;
-  left?: AnyIconFontClass | KoliBriCustomIcon;
-} | {
-  top?: AnyIconFontClass | KoliBriCustomIcon;
-  right?: AnyIconFontClass | KoliBriCustomIcon;
-  bottom?: AnyIconFontClass | KoliBriCustomIcon;
-  left: AnyIconFontClass | KoliBriCustomIcon;
+  right?: IconOrIconClass;
+  left?: IconOrIconClass;
 };
-export type KoliBriIconState = {
-  top?: AnyIconFontClass | KoliBriCustomIcon;
-  right?: AnyIconFontClass | KoliBriCustomIcon;
-  bottom?: AnyIconFontClass | KoliBriCustomIcon;
-  left?: AnyIconFontClass | KoliBriCustomIcon;
+type KoliBriVerticalIcon = {
+  top?: IconOrIconClass;
+  bottom?: IconOrIconClass;
 };
+export type KoliBriAllIcon = KoliBriHorizontalIcon & KoliBriVerticalIcon;
+export type KoliBriIconProp = AnyIconFontClass | KoliBriAllIcon;
+export type KoliBriIconState = KoliBriAllIcon;
 export {};

package/dist/types/types/props/adjust-height.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropAdjustHeight = {
+  adjustHeight: boolean;
+};
+export declare const validateAdjustHeight: (component: Generic.Element.Component, value?: boolean) => void;

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

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropAlert = {
+  alert: boolean;
+};
+export declare const validateAlert: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/alignment.d.ts

@@ -1,4 +1,4 @@
 type HorizontalAlignment = 'left' | 'right';
 type VerticalAlignment = 'top' | 'bottom';
-export type Alignment = HorizontalAlignment | VerticalAlignment;
+export type PropAlignment = HorizontalAlignment | VerticalAlignment;
 export {};

package/dist/types/types/props/aria-current.d.ts

@@ -0,0 +1,6 @@
+import { Generic } from '@a11y-ui/core';
+export type AriaCurrent = 'date' | 'location' | 'page' | 'step' | 'time' | boolean;
+export type PropAriaCurrent = {
+  ariaCurrent: AriaCurrent;
+};
+export declare const validateAriaCurrent: (component: Generic.Element.Component, value?: AriaCurrent) => void;

package/dist/types/types/props/aria-expanded.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropAriaExpanded = {
+  ariaExpanded: boolean;
+};
+export declare const validateAriaExpanded: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/aria-selected.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropAriaSelected = {
+  ariaSelected: boolean;
+};
+export declare const validateAriaSelected: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/checked.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropChecked = {
+  checked: boolean;
+};
+export declare const validateChecked: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/collapsible.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropCollapsible = {
+  collapsible: boolean;
+};
+export declare const validateCollapsible: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/compact.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropCompact = {
+  compact: boolean;
+};
+export declare const validateCompact: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/disabled.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropDisabled = {
+  disabled: boolean;
+};
+export declare const validateDisabled: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/has-closer.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropHasCloser = {
+  hasCloser: boolean;
+};
+export declare const validateHasCloser: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/has-compact-button.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropHasCompactButton = {
+  hasCompactButton: boolean;
+};
+export declare const validateHasCompactButton: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/has-counter.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropHasCounter = {
+  hasCounter: boolean;
+};
+export declare const validateHasCounter: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/has-footer.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropHasFooter = {
+  hasFooter: boolean;
+};
+export declare const validateHasFooter: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/hide-label.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropHideLabel = {
+  hideLabel: boolean;
+};
+export declare const validateHideLabel: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/indeterminate.d.ts

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type PropIndeterminate = {
+  indeterminate: boolean;
+};
+export declare const validateIndeterminate: (component: Generic.Element.Component, value?: boolean) => void;

package/dist/types/types/props/index.d.ts

@@ -0,0 +1 @@
+export{PropAdjustHeight,validateAdjustHeight}from"./adjust-height";export{PropAlert,validateAlert}from"./alert";export{PropAlignment}from"./alignment";export{PropChecked,validateChecked}from"./checked";export{AriaCurrent,PropAriaCurrent,validateAriaCurrent}from"./aria-current";export{PropAriaExpanded,validateAriaExpanded}from"./aria-expanded";export{PropAriaSelected,validateAriaSelected}from"./aria-selected";export{PropCollapsible,validateCollapsible}from"./collapsible";export{PropCompact,validateCompact}from"./compact";export{PropDisabled,validateDisabled}from"./disabled";export{PropHasCloser,validateHasCloser}from"./has-closer";export{PropHasCompactButton,validateHasCompactButton}from"./has-compact-button";export{PropHasCounter,validateHasCounter}from"./has-counter";export{PropHasFooter,validateHasFooter}from"./has-footer";export{PropHideLabel,validateHideLabel}from"./hide-label";export{PropIndeterminate,validateIndeterminate}from"./indeterminate";export{PropMultiple,validateMultiple}from"./multiple";export{PropOpen,validateOpen}from"./open";export{PropReadOnly,validateReadOnly}from"./read-only";export{PropRequired,validateRequired}from"./required";export{PropShow,validateShow}from"./show";export{PropStealth,validateStealth}from"./stealth";export{PropTouched,validateTouched}from"./touched";