@public-ui/vue 4.0.0-alpha.0 → 4.0.0-alpha.10

package/dist/index.mjs

@@ -1,12 +1,10 @@
-import { defineComponent, ref, getCurrentInstance, inject, h, withDirectives } from 'vue';
+import { defineComponent, ref, getCurrentInstance, inject, h } from 'vue';
 
 let tagNameTransformer;
 const setTagNameTransformer = (_tagNameTransformer) => {
   tagNameTransformer = _tagNameTransformer;
 };
 
-const UPDATE_VALUE_EVENT = "update:modelValue";
-const MODEL_VALUE = "modelValue";
 const ROUTER_LINK_VALUE = "routerLink";
 const NAV_MANAGER = "navManager";
 const ROUTER_PROP_PREFIX = "router";
@@ -22,31 +20,16 @@ const getElementClasses = (ref2, componentClasses, defaultClasses = []) => {
   );
 };
 const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
-  if (defineCustomElement !== void 0) {
-    defineCustomElement();
-  }
   const Container = defineComponent((props, { attrs, slots, emit }) => {
-    let modelPropValue = props[modelProp];
+    props[modelProp];
     const containerRef = ref();
     const classes = new Set(getComponentClasses(attrs.class));
-    const vModelDirective = {
-      created: (el) => {
-        const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
-        eventsNames.forEach((eventName) => {
-          el.addEventListener(eventName.toLowerCase(), (e) => {
-            modelPropValue = (e?.target)[modelProp];
-            emit(UPDATE_VALUE_EVENT, modelPropValue);
-          });
-        });
-      }
-    };
     const currentInstance = getCurrentInstance();
     const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
     const navManager = hasRouter ? inject(NAV_MANAGER) : void 0;
     const handleRouterLink = (ev) => {
       const { routerLink } = props;
-      if (routerLink === EMPTY_PROP)
-        return;
+      if (routerLink === EMPTY_PROP) return;
       if (navManager !== void 0) {
         let navigationPayload = { event: ev };
         for (const key in props) {
@@ -61,7 +44,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
       }
     };
     return () => {
-      modelPropValue = props[modelProp];
+      props[modelProp];
       getComponentClasses(attrs.class).forEach((value) => {
         classes.add(value);
       });
@@ -85,22 +68,9 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
           propsToAdd[key] = value;
         }
       }
-      if (modelProp) {
-        if (props[MODEL_VALUE] !== EMPTY_PROP) {
-          propsToAdd = {
-            ...propsToAdd,
-            [modelProp]: props[MODEL_VALUE]
-          };
-        } else if (modelPropValue !== EMPTY_PROP) {
-          propsToAdd = {
-            ...propsToAdd,
-            [modelProp]: modelPropValue
-          };
-        }
-      }
       const newTagName = typeof tagNameTransformer === "function" ? tagNameTransformer(name) : name;
       const node = h(newTagName, propsToAdd, slots.default && slots.default());
-      return modelProp === void 0 ? node : withDirectives(node, [[vModelDirective]]);
+      return node ;
     };
   });
   if (typeof Container !== "function") {
@@ -111,10 +81,6 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
     componentProps.forEach((componentProp) => {
       Container.props[componentProp] = DEFAULT_EMPTY_PROP;
     });
-    if (modelProp) {
-      Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
-      Container.emits = [UPDATE_VALUE_EVENT];
-    }
   }
   return Container;
 };
@@ -139,6 +105,7 @@ const KolAlert = /* @__PURE__ */ defineContainer("kol-alert", void 0, [
   "_variant"
 ]);
 const KolAvatar = /* @__PURE__ */ defineContainer("kol-avatar", void 0, [
+  "_color",
   "_src",
   "_label"
 ]);
@@ -163,19 +130,18 @@ const KolButton = /* @__PURE__ */ defineContainer("kol-button", void 0, [
   "_hideLabel",
   "_icons",
   "_id",
+  "_inline",
   "_label",
   "_name",
   "_on",
   "_role",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_type",
   "_value",
   "_variant"
 ]);
-const KolButtonGroup = /* @__PURE__ */ defineContainer("kol-button-group", void 0);
 const KolButtonLink = /* @__PURE__ */ defineContainer("kol-button-link", void 0, [
   "_accessKey",
   "_ariaControls",
@@ -186,13 +152,13 @@ const KolButtonLink = /* @__PURE__ */ defineContainer("kol-button-link", void 0,
   "_hideLabel",
   "_icons",
   "_id",
+  "_inline",
   "_label",
   "_name",
   "_on",
   "_role",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_type",
   "_value"
@@ -203,12 +169,17 @@ const KolCard = /* @__PURE__ */ defineContainer("kol-card", void 0, [
   "_label",
   "_level"
 ]);
+const KolCardWc = /* @__PURE__ */ defineContainer("kol-card-wc", void 0, [
+  "_on",
+  "_hasCloser",
+  "_label",
+  "_level"
+]);
 const KolCombobox = /* @__PURE__ */ defineContainer("kol-combobox", void 0, [
   "_accessKey",
   "_placeholder",
-  "_alert",
   "_disabled",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -217,11 +188,11 @@ const KolCombobox = /* @__PURE__ */ defineContainer("kol-combobox", void 0, [
   "_msg",
   "_name",
   "_on",
+  "_hideClearButton",
   "_suggestions",
   "_required",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
@@ -236,8 +207,8 @@ const KolDetails = /* @__PURE__ */ defineContainer("kol-details", void 0, [
 const KolDrawer = /* @__PURE__ */ defineContainer("kol-drawer", void 0, [
   "_open",
   "_align",
+  "_hasCloser",
   "_label",
-  "_modal",
   "_on"
 ]);
 const KolForm = /* @__PURE__ */ defineContainer("kol-form", void 0, [
@@ -248,8 +219,7 @@ const KolForm = /* @__PURE__ */ defineContainer("kol-form", void 0, [
 const KolHeading = /* @__PURE__ */ defineContainer("kol-heading", void 0, [
   "_label",
   "_level",
-  "_secondaryHeadline",
-  "_variant"
+  "_secondaryHeadline"
 ]);
 const KolIcon = /* @__PURE__ */ defineContainer("kol-icon", void 0, [
   "_icons",
@@ -262,14 +232,11 @@ const KolImage = /* @__PURE__ */ defineContainer("kol-image", void 0, [
   "_src",
   "_srcset"
 ]);
-const KolIndentedText = /* @__PURE__ */ defineContainer("kol-indented-text", void 0);
 const KolInputCheckbox = /* @__PURE__ */ defineContainer("kol-input-checkbox", void 0, [
   "_accessKey",
-  "_alert",
   "_checked",
-  "_hideError",
+  "_hideMsg",
   "_disabled",
-  "_error",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -283,7 +250,6 @@ const KolInputCheckbox = /* @__PURE__ */ defineContainer("kol-input-checkbox", v
   "_required",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value",
@@ -291,11 +257,9 @@ const KolInputCheckbox = /* @__PURE__ */ defineContainer("kol-input-checkbox", v
 ]);
 const KolInputColor = /* @__PURE__ */ defineContainer("kol-input-color", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -308,18 +272,15 @@ const KolInputColor = /* @__PURE__ */ defineContainer("kol-input-color", void 0,
   "_smartButton",
   "_suggestions",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
 const KolInputDate = /* @__PURE__ */ defineContainer("kol-input-date", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -337,7 +298,6 @@ const KolInputDate = /* @__PURE__ */ defineContainer("kol-input-date", void 0, [
   "_suggestions",
   "_syncValueBySelector",
   "_step",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_type",
@@ -345,12 +305,11 @@ const KolInputDate = /* @__PURE__ */ defineContainer("kol-input-date", void 0, [
 ]);
 const KolInputEmail = /* @__PURE__ */ defineContainer("kol-input-email", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
-  "_disabled",
-  "_error",
   "_hasCounter",
-  "_hideError",
+  "_maxLengthBehavior",
+  "_disabled",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -369,7 +328,6 @@ const KolInputEmail = /* @__PURE__ */ defineContainer("kol-input-email", void 0,
   "_smartButton",
   "_suggestions",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
@@ -377,10 +335,8 @@ const KolInputEmail = /* @__PURE__ */ defineContainer("kol-input-email", void 0,
 const KolInputFile = /* @__PURE__ */ defineContainer("kol-input-file", void 0, [
   "_accept",
   "_accessKey",
-  "_alert",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -394,18 +350,14 @@ const KolInputFile = /* @__PURE__ */ defineContainer("kol-input-file", void 0, [
   "_shortKey",
   "_smartButton",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
-  "_touched",
-  "_value"
+  "_touched"
 ]);
 const KolInputNumber = /* @__PURE__ */ defineContainer("kol-input-number", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -424,19 +376,17 @@ const KolInputNumber = /* @__PURE__ */ defineContainer("kol-input-number", void
   "_suggestions",
   "_step",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
 const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
-  "_disabled",
-  "_error",
   "_hasCounter",
-  "_hideError",
+  "_maxLengthBehavior",
+  "_disabled",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -453,18 +403,14 @@ const KolInputPassword = /* @__PURE__ */ defineContainer("kol-input-password", v
   "_shortKey",
   "_smartButton",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value",
   "_variant"
 ]);
 const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0, [
-  "_accessKey",
-  "_alert",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_id",
@@ -475,20 +421,16 @@ const KolInputRadio = /* @__PURE__ */ defineContainer("kol-input-radio", void 0,
   "_options",
   "_orientation",
   "_required",
-  "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
 const KolInputRange = /* @__PURE__ */ defineContainer("kol-input-range", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -503,19 +445,17 @@ const KolInputRange = /* @__PURE__ */ defineContainer("kol-input-range", void 0,
   "_step",
   "_suggestions",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
 const KolInputText = /* @__PURE__ */ defineContainer("kol-input-text", void 0, [
   "_accessKey",
-  "_alert",
   "_autoComplete",
-  "_disabled",
-  "_error",
   "_hasCounter",
-  "_hideError",
+  "_maxLengthBehavior",
+  "_disabled",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -530,10 +470,10 @@ const KolInputText = /* @__PURE__ */ defineContainer("kol-input-text", void 0, [
   "_readOnly",
   "_required",
   "_shortKey",
+  "_spellCheck",
   "_suggestions",
   "_smartButton",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_type",
@@ -546,23 +486,26 @@ const KolKolibri = /* @__PURE__ */ defineContainer("kol-kolibri", void 0, [
 const KolLink = /* @__PURE__ */ defineContainer("kol-link", void 0, [
   "_accessKey",
   "_ariaCurrentValue",
+  "_ariaControls",
   "_ariaDescription",
+  "_ariaExpanded",
   "_disabled",
   "_download",
   "_hideLabel",
   "_href",
   "_icons",
+  "_inline",
   "_label",
   "_on",
   "_role",
   "_shortKey",
-  "_tabIndex",
   "_target",
   "_tooltipAlign"
 ]);
 const KolLinkButton = /* @__PURE__ */ defineContainer("kol-link-button", void 0, [
   "_accessKey",
   "_ariaCurrentValue",
+  "_ariaControls",
   "_ariaDescription",
   "_customClass",
   "_disabled",
@@ -574,25 +517,15 @@ const KolLinkButton = /* @__PURE__ */ defineContainer("kol-link-button", void 0,
   "_on",
   "_role",
   "_shortKey",
-  "_tabIndex",
   "_target",
   "_tooltipAlign",
   "_variant"
 ]);
-const KolLinkGroup = /* @__PURE__ */ defineContainer("kol-link-group", void 0, [
-  "_listStyleType",
-  "_label",
-  "_links",
-  "_orientation"
-]);
-const KolLogo = /* @__PURE__ */ defineContainer("kol-logo", void 0, [
-  "_org"
-]);
 const KolModal = /* @__PURE__ */ defineContainer("kol-modal", void 0, [
-  "_activeElement",
   "_label",
   "_on",
-  "_width"
+  "_width",
+  "_variant"
 ]);
 const KolNav = /* @__PURE__ */ defineContainer("kol-nav", void 0, [
   "_collapsible",
@@ -600,8 +533,7 @@ const KolNav = /* @__PURE__ */ defineContainer("kol-nav", void 0, [
   "_hasIconsWhenExpanded",
   "_hideLabel",
   "_label",
-  "_links",
-  "_orientation"
+  "_links"
 ]);
 const KolPagination = /* @__PURE__ */ defineContainer("kol-pagination", void 0, [
   "_boundaryCount",
@@ -616,6 +548,67 @@ const KolPagination = /* @__PURE__ */ defineContainer("kol-pagination", void 0,
   "_tooltipAlign",
   "_max"
 ]);
+const KolPaginationWc = /* @__PURE__ */ defineContainer("kol-pagination-wc", void 0, [
+  "_boundaryCount",
+  "_customClass",
+  "_label",
+  "_hasButtons",
+  "_page",
+  "_pageSize",
+  "_pageSizeOptions",
+  "_on",
+  "_siblingCount",
+  "_tooltipAlign",
+  "_max"
+]);
+const KolPopoverButton = /* @__PURE__ */ defineContainer("kol-popover-button", void 0, [
+  "_accessKey",
+  "_ariaControls",
+  "_ariaDescription",
+  "_ariaSelected",
+  "_customClass",
+  "_disabled",
+  "_hideLabel",
+  "_icons",
+  "_inline",
+  "_id",
+  "_label",
+  "_name",
+  "_on",
+  "_popoverAlign",
+  "_role",
+  "_shortKey",
+  "_syncValueBySelector",
+  "_tabIndex",
+  "_tooltipAlign",
+  "_type",
+  "_value",
+  "_variant"
+]);
+const KolPopoverButtonWc = /* @__PURE__ */ defineContainer("kol-popover-button-wc", void 0, [
+  "_accessKey",
+  "_ariaControls",
+  "_ariaDescription",
+  "_ariaSelected",
+  "_customClass",
+  "_disabled",
+  "_hideLabel",
+  "_icons",
+  "_id",
+  "_inline",
+  "_label",
+  "_name",
+  "_on",
+  "_popoverAlign",
+  "_role",
+  "_shortKey",
+  "_syncValueBySelector",
+  "_tabIndex",
+  "_tooltipAlign",
+  "_type",
+  "_value",
+  "_variant"
+]);
 const KolProgress = /* @__PURE__ */ defineContainer("kol-progress", void 0, [
   "_label",
   "_max",
@@ -631,10 +624,8 @@ const KolQuote = /* @__PURE__ */ defineContainer("kol-quote", void 0, [
 ]);
 const KolSelect = /* @__PURE__ */ defineContainer("kol-select", void 0, [
   "_accessKey",
-  "_alert",
   "_disabled",
-  "_error",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -657,9 +648,8 @@ const KolSelect = /* @__PURE__ */ defineContainer("kol-select", void 0, [
 const KolSingleSelect = /* @__PURE__ */ defineContainer("kol-single-select", void 0, [
   "_accessKey",
   "_placeholder",
-  "_alert",
   "_disabled",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
@@ -672,10 +662,11 @@ const KolSingleSelect = /* @__PURE__ */ defineContainer("kol-single-select", voi
   "_required",
   "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
-  "_value"
+  "_value",
+  "_hideClearButton",
+  "_rows"
 ]);
 const KolSkipNav = /* @__PURE__ */ defineContainer("kol-skip-nav", void 0, [
   "_label",
@@ -683,10 +674,13 @@ const KolSkipNav = /* @__PURE__ */ defineContainer("kol-skip-nav", void 0, [
 ]);
 const KolSpin = /* @__PURE__ */ defineContainer("kol-spin", void 0, [
   "_show",
+  "_label",
   "_variant"
 ]);
 const KolSplitButton = /* @__PURE__ */ defineContainer("kol-split-button", void 0, [
+  "_accessKey",
   "_ariaControls",
+  "_ariaDescription",
   "_ariaExpanded",
   "_ariaSelected",
   "_customClass",
@@ -698,29 +692,13 @@ const KolSplitButton = /* @__PURE__ */ defineContainer("kol-split-button", void
   "_name",
   "_on",
   "_role",
+  "_shortKey",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_type",
   "_value",
   "_variant"
 ]);
-const KolSymbol = /* @__PURE__ */ defineContainer("kol-symbol", void 0, [
-  "_label",
-  "_symbol"
-]);
-const KolTable = /* @__PURE__ */ defineContainer("kol-table", void 0, [
-  "_allowMultiSort",
-  "_data",
-  "_dataFoot",
-  "_headers",
-  "_label",
-  "_minWidth",
-  "_pagination",
-  "_paginationPosition",
-  "_selection",
-  "_on"
-]);
 const KolTableStateful = /* @__PURE__ */ defineContainer("kol-table-stateful", void 0, [
   "_allowMultiSort",
   "_data",
@@ -731,7 +709,9 @@ const KolTableStateful = /* @__PURE__ */ defineContainer("kol-table-stateful", v
   "_pagination",
   "_paginationPosition",
   "_selection",
-  "_on"
+  "_on",
+  "_tableSettings",
+  "_hasSettingsMenu"
 ]);
 const KolTableStateless = /* @__PURE__ */ defineContainer("kol-table-stateless", void 0, [
   "_data",
@@ -740,11 +720,14 @@ const KolTableStateless = /* @__PURE__ */ defineContainer("kol-table-stateless",
   "_label",
   "_minWidth",
   "_on",
-  "_selection"
+  "_selection",
+  "_tableSettings",
+  "_hasSettingsMenu"
 ]);
 const KolTabs = /* @__PURE__ */ defineContainer("kol-tabs", void 0, [
   "_align",
   "_behavior",
+  "_hasCreateButton",
   "_label",
   "_on",
   "_selected",
@@ -753,17 +736,16 @@ const KolTabs = /* @__PURE__ */ defineContainer("kol-tabs", void 0, [
 const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
   "_accessKey",
   "_adjustHeight",
-  "_alert",
   "_disabled",
-  "_error",
-  "_hasCounter",
-  "_hideError",
+  "_hideMsg",
   "_hideLabel",
   "_hint",
   "_icons",
   "_id",
   "_label",
   "_maxLength",
+  "_hasCounter",
+  "_maxLengthBehavior",
   "_msg",
   "_name",
   "_on",
@@ -773,16 +755,17 @@ const KolTextarea = /* @__PURE__ */ defineContainer("kol-textarea", void 0, [
   "_required",
   "_rows",
   "_shortKey",
+  "_spellCheck",
   "_syncValueBySelector",
-  "_tabIndex",
   "_tooltipAlign",
   "_touched",
   "_value"
 ]);
-const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container", void 0);
+const KolToastContainer = /* @__PURE__ */ defineContainer("kol-toast-container");
 const KolToolbar = /* @__PURE__ */ defineContainer("kol-toolbar", void 0, [
   "_label",
-  "_items"
+  "_items",
+  "_orientation"
 ]);
 const KolTree = /* @__PURE__ */ defineContainer("kol-tree", void 0, [
   "_label"
@@ -803,4 +786,4 @@ const KolVersion = /* @__PURE__ */ defineContainer("kol-version", void 0, [
   "_label"
 ]);
 
-export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonGroup, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolIndentedText, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolLinkGroup, KolLogo, KolModal, KolNav, KolPagination, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolSymbol, KolTable, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };
+export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, setTagNameTransformer };