@public-ui/react 1.1.9-rc.5 → 1.1.9-rc.6

package/dist/index.cjs

@@ -0,0 +1,266 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const React = require('react');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
+
+const React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const dashToPascalCase = (str) => str.toLowerCase().split("-").map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join("");
+const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+
+const attachProps = (node, newProps, oldProps = {}) => {
+  if (node instanceof Element) {
+    const className = getClassName(node.classList, newProps, oldProps);
+    if (className !== "") {
+      node.className = className;
+    }
+    Object.keys(newProps).forEach((name) => {
+      if (name === "children" || name === "style" || name === "ref" || name === "class" || name === "className" || name === "forwardedRef") {
+        return;
+      }
+      if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+        const eventName = name.substring(2);
+        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
+        if (!isCoveredByReact(eventNameLc)) {
+          syncEvent(node, eventNameLc, newProps[name]);
+        }
+      } else {
+        node[name] = newProps[name];
+        const propType = typeof newProps[name];
+        if (propType === "string") {
+          node.setAttribute(camelToDashCase(name), newProps[name]);
+        }
+      }
+    });
+  }
+};
+const getClassName = (classList, newProps, oldProps) => {
+  const newClassProp = newProps.className || newProps.class;
+  const oldClassProp = oldProps.className || oldProps.class;
+  const currentClasses = arrayToMap(classList);
+  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(" ") : []);
+  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(" ") : []);
+  const finalClassNames = [];
+  currentClasses.forEach((currentClass) => {
+    if (incomingPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+      incomingPropClasses.delete(currentClass);
+    } else if (!oldPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+    }
+  });
+  incomingPropClasses.forEach((s) => finalClassNames.push(s));
+  return finalClassNames.join(" ");
+};
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+const isCoveredByReact = (eventNameSuffix) => {
+  if (typeof document === "undefined") {
+    return true;
+  } else {
+    const eventName = "on" + eventNameSuffix;
+    let isSupported = eventName in document;
+    if (!isSupported) {
+      const element = document.createElement("div");
+      element.setAttribute(eventName, "return;");
+      isSupported = typeof element[eventName] === "function";
+    }
+    return isSupported;
+  }
+};
+const syncEvent = (node, eventName, newEventHandler) => {
+  const eventStore = node.__events || (node.__events = {});
+  const oldEventHandler = eventStore[eventName];
+  if (oldEventHandler) {
+    node.removeEventListener(eventName, oldEventHandler);
+  }
+  node.addEventListener(
+    eventName,
+    eventStore[eventName] = function handler(e) {
+      if (newEventHandler) {
+        newEventHandler.call(this, e);
+      }
+    }
+  );
+};
+const arrayToMap = (arr) => {
+  const map = /* @__PURE__ */ new Map();
+  arr.forEach((s) => map.set(s, s));
+  return map;
+};
+
+const setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref != null) {
+    ref.current = value;
+  }
+};
+const mergeRefs = (...refs) => {
+  return (value) => {
+    refs.forEach((ref) => {
+      setRef(ref, value);
+    });
+  };
+};
+const createForwardRef = (ReactComponent, displayName) => {
+  const forwardRef = (props, ref) => {
+    return /* @__PURE__ */ React__default.createElement(ReactComponent, {
+      ...props,
+      forwardedRef: ref
+    });
+  };
+  forwardRef.displayName = displayName;
+  return React__default.forwardRef(forwardRef);
+};
+
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+  if (defineCustomElement !== void 0) {
+    defineCustomElement();
+  }
+  const displayName = dashToPascalCase(tagName);
+  const ReactComponent = class extends React__default.Component {
+    constructor(props) {
+      super(props);
+      this.setComponentElRef = (element) => {
+        this.componentEl = element;
+      };
+    }
+    componentDidMount() {
+      this.componentDidUpdate(this.props);
+    }
+    componentDidUpdate(prevProps) {
+      attachProps(this.componentEl, this.props, prevProps);
+    }
+    render() {
+      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
+      let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+        const value = cProps[name];
+        if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+          const eventName = name.substring(2).toLowerCase();
+          if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
+            acc[name] = value;
+          }
+        } else {
+          const type = typeof value;
+          if (type === "string" || type === "boolean" || type === "number") {
+            acc[camelToDashCase(name)] = value;
+          }
+        }
+        return acc;
+      }, {});
+      if (manipulatePropsFunction) {
+        propsToPass = manipulatePropsFunction(this.props, propsToPass);
+      }
+      const newProps = {
+        ...propsToPass,
+        ref: mergeRefs(forwardedRef, this.setComponentElRef),
+        style
+      };
+      return React.createElement(tagName, newProps, children);
+    }
+    static get displayName() {
+      return displayName;
+    }
+  };
+  if (ReactComponentContext) {
+    ReactComponent.contextType = ReactComponentContext;
+  }
+  return createForwardRef(ReactComponent, displayName);
+};
+
+const KolAbbr = /* @__PURE__ */ createReactComponent("kol-abbr");
+const KolAccordion = /* @__PURE__ */ createReactComponent("kol-accordion");
+const KolAlert = /* @__PURE__ */ createReactComponent("kol-alert");
+const KolBadge = /* @__PURE__ */ createReactComponent("kol-badge");
+const KolBreadcrumb = /* @__PURE__ */ createReactComponent("kol-breadcrumb");
+const KolButton = /* @__PURE__ */ createReactComponent("kol-button");
+const KolButtonGroup = /* @__PURE__ */ createReactComponent("kol-button-group");
+const KolCard = /* @__PURE__ */ createReactComponent("kol-card");
+const KolDetails = /* @__PURE__ */ createReactComponent("kol-details");
+const KolForm = /* @__PURE__ */ createReactComponent("kol-form");
+const KolHeading = /* @__PURE__ */ createReactComponent("kol-heading");
+const KolHeadingWc = /* @__PURE__ */ createReactComponent("kol-heading-wc");
+const KolIcon = /* @__PURE__ */ createReactComponent("kol-icon");
+const KolIconFontAwesome = /* @__PURE__ */ createReactComponent("kol-icon-font-awesome");
+const KolIconIcofont = /* @__PURE__ */ createReactComponent("kol-icon-icofont");
+const KolIndentedText = /* @__PURE__ */ createReactComponent("kol-indented-text");
+const KolInputAdapterLeanup = /* @__PURE__ */ createReactComponent("kol-input-adapter-leanup");
+const KolInputCheckbox = /* @__PURE__ */ createReactComponent("kol-input-checkbox");
+const KolInputColor = /* @__PURE__ */ createReactComponent("kol-input-color");
+const KolInputEmail = /* @__PURE__ */ createReactComponent("kol-input-email");
+const KolInputFile = /* @__PURE__ */ createReactComponent("kol-input-file");
+const KolInputNumber = /* @__PURE__ */ createReactComponent("kol-input-number");
+const KolInputPassword = /* @__PURE__ */ createReactComponent("kol-input-password");
+const KolInputRadio = /* @__PURE__ */ createReactComponent("kol-input-radio");
+const KolInputRange = /* @__PURE__ */ createReactComponent("kol-input-range");
+const KolInputText = /* @__PURE__ */ createReactComponent("kol-input-text");
+const KolKolibri = /* @__PURE__ */ createReactComponent("kol-kolibri");
+const KolLink = /* @__PURE__ */ createReactComponent("kol-link");
+const KolLinkGroup = /* @__PURE__ */ createReactComponent("kol-link-group");
+const KolLogo = /* @__PURE__ */ createReactComponent("kol-logo");
+const KolModal = /* @__PURE__ */ createReactComponent("kol-modal");
+const KolNav = /* @__PURE__ */ createReactComponent("kol-nav");
+const KolPagination = /* @__PURE__ */ createReactComponent("kol-pagination");
+const KolProgress = /* @__PURE__ */ createReactComponent("kol-progress");
+const KolSelect = /* @__PURE__ */ createReactComponent("kol-select");
+const KolSkipNav = /* @__PURE__ */ createReactComponent("kol-skip-nav");
+const KolSpin = /* @__PURE__ */ createReactComponent("kol-spin");
+const KolSymbol = /* @__PURE__ */ createReactComponent("kol-symbol");
+const KolTable = /* @__PURE__ */ createReactComponent("kol-table");
+const KolTabs = /* @__PURE__ */ createReactComponent("kol-tabs");
+const KolTextarea = /* @__PURE__ */ createReactComponent("kol-textarea");
+const KolToast = /* @__PURE__ */ createReactComponent("kol-toast");
+const KolTooltip = /* @__PURE__ */ createReactComponent("kol-tooltip");
+const KolVersion = /* @__PURE__ */ createReactComponent("kol-version");
+
+exports.KolAbbr = KolAbbr;
+exports.KolAccordion = KolAccordion;
+exports.KolAlert = KolAlert;
+exports.KolBadge = KolBadge;
+exports.KolBreadcrumb = KolBreadcrumb;
+exports.KolButton = KolButton;
+exports.KolButtonGroup = KolButtonGroup;
+exports.KolCard = KolCard;
+exports.KolDetails = KolDetails;
+exports.KolForm = KolForm;
+exports.KolHeading = KolHeading;
+exports.KolHeadingWc = KolHeadingWc;
+exports.KolIcon = KolIcon;
+exports.KolIconFontAwesome = KolIconFontAwesome;
+exports.KolIconIcofont = KolIconIcofont;
+exports.KolIndentedText = KolIndentedText;
+exports.KolInputAdapterLeanup = KolInputAdapterLeanup;
+exports.KolInputCheckbox = KolInputCheckbox;
+exports.KolInputColor = KolInputColor;
+exports.KolInputEmail = KolInputEmail;
+exports.KolInputFile = KolInputFile;
+exports.KolInputNumber = KolInputNumber;
+exports.KolInputPassword = KolInputPassword;
+exports.KolInputRadio = KolInputRadio;
+exports.KolInputRange = KolInputRange;
+exports.KolInputText = KolInputText;
+exports.KolKolibri = KolKolibri;
+exports.KolLink = KolLink;
+exports.KolLinkGroup = KolLinkGroup;
+exports.KolLogo = KolLogo;
+exports.KolModal = KolModal;
+exports.KolNav = KolNav;
+exports.KolPagination = KolPagination;
+exports.KolProgress = KolProgress;
+exports.KolSelect = KolSelect;
+exports.KolSkipNav = KolSkipNav;
+exports.KolSpin = KolSpin;
+exports.KolSymbol = KolSymbol;
+exports.KolTable = KolTable;
+exports.KolTabs = KolTabs;
+exports.KolTextarea = KolTextarea;
+exports.KolToast = KolToast;
+exports.KolTooltip = KolTooltip;
+exports.KolVersion = KolVersion;

package/dist/index.d.ts

@@ -0,0 +1,57 @@
+import * as react from 'react';
+import { JSX } from '@public-ui/components';
+
+interface StyleReactProps {
+    class?: string;
+    className?: string;
+    style?: {
+        [key: string]: any;
+    };
+}
+
+declare const KolAbbr: react.ForwardRefExoticComponent<JSX.KolAbbr & Omit<react.HTMLAttributes<HTMLKolAbbrElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAbbrElement>>;
+declare const KolAccordion: react.ForwardRefExoticComponent<JSX.KolAccordion & Omit<react.HTMLAttributes<HTMLKolAccordionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAccordionElement>>;
+declare const KolAlert: react.ForwardRefExoticComponent<JSX.KolAlert & Omit<react.HTMLAttributes<HTMLKolAlertElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAlertElement>>;
+declare const KolBadge: react.ForwardRefExoticComponent<JSX.KolBadge & Omit<react.HTMLAttributes<HTMLKolBadgeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBadgeElement>>;
+declare const KolBreadcrumb: react.ForwardRefExoticComponent<JSX.KolBreadcrumb & Omit<react.HTMLAttributes<HTMLKolBreadcrumbElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBreadcrumbElement>>;
+declare const KolButton: react.ForwardRefExoticComponent<JSX.KolButton & Omit<react.HTMLAttributes<HTMLKolButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonElement>>;
+declare const KolButtonGroup: react.ForwardRefExoticComponent<JSX.KolButtonGroup & Omit<react.HTMLAttributes<HTMLKolButtonGroupElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonGroupElement>>;
+declare const KolCard: react.ForwardRefExoticComponent<JSX.KolCard & Omit<react.HTMLAttributes<HTMLKolCardElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardElement>>;
+declare const KolDetails: react.ForwardRefExoticComponent<JSX.KolDetails & Omit<react.HTMLAttributes<HTMLKolDetailsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDetailsElement>>;
+declare const KolForm: react.ForwardRefExoticComponent<JSX.KolForm & Omit<react.HTMLAttributes<HTMLKolFormElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolFormElement>>;
+declare const KolHeading: react.ForwardRefExoticComponent<JSX.KolHeading & Omit<react.HTMLAttributes<HTMLKolHeadingElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolHeadingElement>>;
+declare const KolHeadingWc: react.ForwardRefExoticComponent<JSX.KolHeadingWc & Omit<react.HTMLAttributes<HTMLKolHeadingWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolHeadingWcElement>>;
+declare const KolIcon: react.ForwardRefExoticComponent<JSX.KolIcon & Omit<react.HTMLAttributes<HTMLKolIconElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIconElement>>;
+declare const KolIconFontAwesome: react.ForwardRefExoticComponent<JSX.KolIconFontAwesome & Omit<react.HTMLAttributes<HTMLKolIconFontAwesomeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIconFontAwesomeElement>>;
+declare const KolIconIcofont: react.ForwardRefExoticComponent<JSX.KolIconIcofont & Omit<react.HTMLAttributes<HTMLKolIconIcofontElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIconIcofontElement>>;
+declare const KolIndentedText: react.ForwardRefExoticComponent<JSX.KolIndentedText & Omit<react.HTMLAttributes<HTMLKolIndentedTextElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIndentedTextElement>>;
+declare const KolInputAdapterLeanup: react.ForwardRefExoticComponent<JSX.KolInputAdapterLeanup & Omit<react.HTMLAttributes<HTMLKolInputAdapterLeanupElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputAdapterLeanupElement>>;
+declare const KolInputCheckbox: react.ForwardRefExoticComponent<JSX.KolInputCheckbox & Omit<react.HTMLAttributes<HTMLKolInputCheckboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputCheckboxElement>>;
+declare const KolInputColor: react.ForwardRefExoticComponent<JSX.KolInputColor & Omit<react.HTMLAttributes<HTMLKolInputColorElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputColorElement>>;
+declare const KolInputEmail: react.ForwardRefExoticComponent<JSX.KolInputEmail & Omit<react.HTMLAttributes<HTMLKolInputEmailElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputEmailElement>>;
+declare const KolInputFile: react.ForwardRefExoticComponent<JSX.KolInputFile & Omit<react.HTMLAttributes<HTMLKolInputFileElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputFileElement>>;
+declare const KolInputNumber: react.ForwardRefExoticComponent<JSX.KolInputNumber & Omit<react.HTMLAttributes<HTMLKolInputNumberElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputNumberElement>>;
+declare const KolInputPassword: react.ForwardRefExoticComponent<JSX.KolInputPassword & Omit<react.HTMLAttributes<HTMLKolInputPasswordElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputPasswordElement>>;
+declare const KolInputRadio: react.ForwardRefExoticComponent<JSX.KolInputRadio & Omit<react.HTMLAttributes<HTMLKolInputRadioElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRadioElement>>;
+declare const KolInputRange: react.ForwardRefExoticComponent<JSX.KolInputRange & Omit<react.HTMLAttributes<HTMLKolInputRangeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRangeElement>>;
+declare const KolInputText: react.ForwardRefExoticComponent<JSX.KolInputText & Omit<react.HTMLAttributes<HTMLKolInputTextElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputTextElement>>;
+declare const KolKolibri: react.ForwardRefExoticComponent<JSX.KolKolibri & Omit<react.HTMLAttributes<HTMLKolKolibriElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolKolibriElement>>;
+declare const KolLink: react.ForwardRefExoticComponent<JSX.KolLink & Omit<react.HTMLAttributes<HTMLKolLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkElement>>;
+declare const KolLinkGroup: react.ForwardRefExoticComponent<JSX.KolLinkGroup & Omit<react.HTMLAttributes<HTMLKolLinkGroupElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkGroupElement>>;
+declare const KolLogo: react.ForwardRefExoticComponent<JSX.KolLogo & Omit<react.HTMLAttributes<HTMLKolLogoElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLogoElement>>;
+declare const KolModal: react.ForwardRefExoticComponent<JSX.KolModal & Omit<react.HTMLAttributes<HTMLKolModalElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolModalElement>>;
+declare const KolNav: react.ForwardRefExoticComponent<JSX.KolNav & Omit<react.HTMLAttributes<HTMLKolNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolNavElement>>;
+declare const KolPagination: react.ForwardRefExoticComponent<JSX.KolPagination & Omit<react.HTMLAttributes<HTMLKolPaginationElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationElement>>;
+declare const KolProgress: react.ForwardRefExoticComponent<JSX.KolProgress & Omit<react.HTMLAttributes<HTMLKolProgressElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolProgressElement>>;
+declare const KolSelect: react.ForwardRefExoticComponent<JSX.KolSelect & Omit<react.HTMLAttributes<HTMLKolSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSelectElement>>;
+declare const KolSkipNav: react.ForwardRefExoticComponent<JSX.KolSkipNav & Omit<react.HTMLAttributes<HTMLKolSkipNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSkipNavElement>>;
+declare const KolSpin: react.ForwardRefExoticComponent<JSX.KolSpin & Omit<react.HTMLAttributes<HTMLKolSpinElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSpinElement>>;
+declare const KolSymbol: react.ForwardRefExoticComponent<JSX.KolSymbol & Omit<react.HTMLAttributes<HTMLKolSymbolElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSymbolElement>>;
+declare const KolTable: react.ForwardRefExoticComponent<JSX.KolTable & Omit<react.HTMLAttributes<HTMLKolTableElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableElement>>;
+declare const KolTabs: react.ForwardRefExoticComponent<JSX.KolTabs & Omit<react.HTMLAttributes<HTMLKolTabsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTabsElement>>;
+declare const KolTextarea: react.ForwardRefExoticComponent<JSX.KolTextarea & Omit<react.HTMLAttributes<HTMLKolTextareaElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTextareaElement>>;
+declare const KolToast: react.ForwardRefExoticComponent<JSX.KolToast & Omit<react.HTMLAttributes<HTMLKolToastElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToastElement>>;
+declare const KolTooltip: react.ForwardRefExoticComponent<JSX.KolTooltip & Omit<react.HTMLAttributes<HTMLKolTooltipElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTooltipElement>>;
+declare const KolVersion: react.ForwardRefExoticComponent<JSX.KolVersion & Omit<react.HTMLAttributes<HTMLKolVersionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolVersionElement>>;
+
+export { KolAbbr, KolAccordion, KolAlert, KolBadge, KolBreadcrumb, KolButton, KolButtonGroup, KolCard, KolDetails, KolForm, KolHeading, KolHeadingWc, KolIcon, KolIconFontAwesome, KolIconIcofont, KolIndentedText, KolInputAdapterLeanup, KolInputCheckbox, KolInputColor, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkGroup, KolLogo, KolModal, KolNav, KolPagination, KolProgress, KolSelect, KolSkipNav, KolSpin, KolSymbol, KolTable, KolTabs, KolTextarea, KolToast, KolTooltip, KolVersion };

package/dist/index.mjs

@@ -0,0 +1,215 @@
+import React, { createElement } from 'react';
+import 'react-dom';
+
+const dashToPascalCase = (str) => str.toLowerCase().split("-").map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join("");
+const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+
+const attachProps = (node, newProps, oldProps = {}) => {
+  if (node instanceof Element) {
+    const className = getClassName(node.classList, newProps, oldProps);
+    if (className !== "") {
+      node.className = className;
+    }
+    Object.keys(newProps).forEach((name) => {
+      if (name === "children" || name === "style" || name === "ref" || name === "class" || name === "className" || name === "forwardedRef") {
+        return;
+      }
+      if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+        const eventName = name.substring(2);
+        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
+        if (!isCoveredByReact(eventNameLc)) {
+          syncEvent(node, eventNameLc, newProps[name]);
+        }
+      } else {
+        node[name] = newProps[name];
+        const propType = typeof newProps[name];
+        if (propType === "string") {
+          node.setAttribute(camelToDashCase(name), newProps[name]);
+        }
+      }
+    });
+  }
+};
+const getClassName = (classList, newProps, oldProps) => {
+  const newClassProp = newProps.className || newProps.class;
+  const oldClassProp = oldProps.className || oldProps.class;
+  const currentClasses = arrayToMap(classList);
+  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(" ") : []);
+  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(" ") : []);
+  const finalClassNames = [];
+  currentClasses.forEach((currentClass) => {
+    if (incomingPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+      incomingPropClasses.delete(currentClass);
+    } else if (!oldPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+    }
+  });
+  incomingPropClasses.forEach((s) => finalClassNames.push(s));
+  return finalClassNames.join(" ");
+};
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+const isCoveredByReact = (eventNameSuffix) => {
+  if (typeof document === "undefined") {
+    return true;
+  } else {
+    const eventName = "on" + eventNameSuffix;
+    let isSupported = eventName in document;
+    if (!isSupported) {
+      const element = document.createElement("div");
+      element.setAttribute(eventName, "return;");
+      isSupported = typeof element[eventName] === "function";
+    }
+    return isSupported;
+  }
+};
+const syncEvent = (node, eventName, newEventHandler) => {
+  const eventStore = node.__events || (node.__events = {});
+  const oldEventHandler = eventStore[eventName];
+  if (oldEventHandler) {
+    node.removeEventListener(eventName, oldEventHandler);
+  }
+  node.addEventListener(
+    eventName,
+    eventStore[eventName] = function handler(e) {
+      if (newEventHandler) {
+        newEventHandler.call(this, e);
+      }
+    }
+  );
+};
+const arrayToMap = (arr) => {
+  const map = /* @__PURE__ */ new Map();
+  arr.forEach((s) => map.set(s, s));
+  return map;
+};
+
+const setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref != null) {
+    ref.current = value;
+  }
+};
+const mergeRefs = (...refs) => {
+  return (value) => {
+    refs.forEach((ref) => {
+      setRef(ref, value);
+    });
+  };
+};
+const createForwardRef = (ReactComponent, displayName) => {
+  const forwardRef = (props, ref) => {
+    return /* @__PURE__ */ React.createElement(ReactComponent, {
+      ...props,
+      forwardedRef: ref
+    });
+  };
+  forwardRef.displayName = displayName;
+  return React.forwardRef(forwardRef);
+};
+
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+  if (defineCustomElement !== void 0) {
+    defineCustomElement();
+  }
+  const displayName = dashToPascalCase(tagName);
+  const ReactComponent = class extends React.Component {
+    constructor(props) {
+      super(props);
+      this.setComponentElRef = (element) => {
+        this.componentEl = element;
+      };
+    }
+    componentDidMount() {
+      this.componentDidUpdate(this.props);
+    }
+    componentDidUpdate(prevProps) {
+      attachProps(this.componentEl, this.props, prevProps);
+    }
+    render() {
+      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
+      let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+        const value = cProps[name];
+        if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+          const eventName = name.substring(2).toLowerCase();
+          if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
+            acc[name] = value;
+          }
+        } else {
+          const type = typeof value;
+          if (type === "string" || type === "boolean" || type === "number") {
+            acc[camelToDashCase(name)] = value;
+          }
+        }
+        return acc;
+      }, {});
+      if (manipulatePropsFunction) {
+        propsToPass = manipulatePropsFunction(this.props, propsToPass);
+      }
+      const newProps = {
+        ...propsToPass,
+        ref: mergeRefs(forwardedRef, this.setComponentElRef),
+        style
+      };
+      return createElement(tagName, newProps, children);
+    }
+    static get displayName() {
+      return displayName;
+    }
+  };
+  if (ReactComponentContext) {
+    ReactComponent.contextType = ReactComponentContext;
+  }
+  return createForwardRef(ReactComponent, displayName);
+};
+
+const KolAbbr = /* @__PURE__ */ createReactComponent("kol-abbr");
+const KolAccordion = /* @__PURE__ */ createReactComponent("kol-accordion");
+const KolAlert = /* @__PURE__ */ createReactComponent("kol-alert");
+const KolBadge = /* @__PURE__ */ createReactComponent("kol-badge");
+const KolBreadcrumb = /* @__PURE__ */ createReactComponent("kol-breadcrumb");
+const KolButton = /* @__PURE__ */ createReactComponent("kol-button");
+const KolButtonGroup = /* @__PURE__ */ createReactComponent("kol-button-group");
+const KolCard = /* @__PURE__ */ createReactComponent("kol-card");
+const KolDetails = /* @__PURE__ */ createReactComponent("kol-details");
+const KolForm = /* @__PURE__ */ createReactComponent("kol-form");
+const KolHeading = /* @__PURE__ */ createReactComponent("kol-heading");
+const KolHeadingWc = /* @__PURE__ */ createReactComponent("kol-heading-wc");
+const KolIcon = /* @__PURE__ */ createReactComponent("kol-icon");
+const KolIconFontAwesome = /* @__PURE__ */ createReactComponent("kol-icon-font-awesome");
+const KolIconIcofont = /* @__PURE__ */ createReactComponent("kol-icon-icofont");
+const KolIndentedText = /* @__PURE__ */ createReactComponent("kol-indented-text");
+const KolInputAdapterLeanup = /* @__PURE__ */ createReactComponent("kol-input-adapter-leanup");
+const KolInputCheckbox = /* @__PURE__ */ createReactComponent("kol-input-checkbox");
+const KolInputColor = /* @__PURE__ */ createReactComponent("kol-input-color");
+const KolInputEmail = /* @__PURE__ */ createReactComponent("kol-input-email");
+const KolInputFile = /* @__PURE__ */ createReactComponent("kol-input-file");
+const KolInputNumber = /* @__PURE__ */ createReactComponent("kol-input-number");
+const KolInputPassword = /* @__PURE__ */ createReactComponent("kol-input-password");
+const KolInputRadio = /* @__PURE__ */ createReactComponent("kol-input-radio");
+const KolInputRange = /* @__PURE__ */ createReactComponent("kol-input-range");
+const KolInputText = /* @__PURE__ */ createReactComponent("kol-input-text");
+const KolKolibri = /* @__PURE__ */ createReactComponent("kol-kolibri");
+const KolLink = /* @__PURE__ */ createReactComponent("kol-link");
+const KolLinkGroup = /* @__PURE__ */ createReactComponent("kol-link-group");
+const KolLogo = /* @__PURE__ */ createReactComponent("kol-logo");
+const KolModal = /* @__PURE__ */ createReactComponent("kol-modal");
+const KolNav = /* @__PURE__ */ createReactComponent("kol-nav");
+const KolPagination = /* @__PURE__ */ createReactComponent("kol-pagination");
+const KolProgress = /* @__PURE__ */ createReactComponent("kol-progress");
+const KolSelect = /* @__PURE__ */ createReactComponent("kol-select");
+const KolSkipNav = /* @__PURE__ */ createReactComponent("kol-skip-nav");
+const KolSpin = /* @__PURE__ */ createReactComponent("kol-spin");
+const KolSymbol = /* @__PURE__ */ createReactComponent("kol-symbol");
+const KolTable = /* @__PURE__ */ createReactComponent("kol-table");
+const KolTabs = /* @__PURE__ */ createReactComponent("kol-tabs");
+const KolTextarea = /* @__PURE__ */ createReactComponent("kol-textarea");
+const KolToast = /* @__PURE__ */ createReactComponent("kol-toast");
+const KolTooltip = /* @__PURE__ */ createReactComponent("kol-tooltip");
+const KolVersion = /* @__PURE__ */ createReactComponent("kol-version");
+
+export { KolAbbr, KolAccordion, KolAlert, KolBadge, KolBreadcrumb, KolButton, KolButtonGroup, KolCard, KolDetails, KolForm, KolHeading, KolHeadingWc, KolIcon, KolIconFontAwesome, KolIconIcofont, KolIndentedText, KolInputAdapterLeanup, KolInputCheckbox, KolInputColor, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkGroup, KolLogo, KolModal, KolNav, KolPagination, KolProgress, KolSelect, KolSkipNav, KolSpin, KolSymbol, KolTable, KolTabs, KolTextarea, KolToast, KolTooltip, KolVersion };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/react",
-	"version": "1.1.9-rc.5",
+	"version": "1.1.9-rc.6",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": "https://github.com/public-ui/kolibri",
@@ -18,54 +18,46 @@
 			"email": "martin.oppitz@itzbund.de"
 		}
 	],
-	"sideEffects": false,
-	"type": "module",
 	"description": "Das React-Modul ist der Framework-Adapter für die Komponenten-Bibliothek.",
 	"scripts": {
-		"clean": "lerna exec --stream -- git clean -f -d -X && git clean -f -d -X",
-		"build:cjs": "tsc -m commonjs --outDir cjs",
-		"build:clean": "rimraf cjs esm types umd",
-		"build:esm": "tsc -m esnext --outDir esm",
-		"build:tsc": "tsc -p .",
-		"build:types": "tsc -d --outDir types && rimraf types/*.js types/*.map types/**/*.js types/**/*.map",
-		"build:umd": "tsc -m umd --outDir umd",
-		"build": "npm run build:clean && npm run build:cjs && npm run build:esm && npm run build:types && npm run build:umd",
-		"prepack": "npm run build",
+		"build": "unbuild",
+		"prepack": "unbuild",
 		":install": "pnpm i && pnpm update",
 		":publish": "npm run :install && npm publish --registry=http://localhost:4873 || true",
 		":republish": "npm run :unpublish && npm run :publish",
 		":unpublish": "npm unpublish -f --registry=http://localhost:4873"
 	},
-	"main": "cjs/index.js",
-	"module": "esm/index.js",
-	"types": "types/index.d.ts",
-	"exports": {
-		"require": "./cjs/index.js",
-		"import": "./esm/index.js"
-	},
 	"devDependencies": {
-		"@public-ui/core": "1.1.9-rc.5",
-		"@public-ui/components": "1.1.9-rc.5",
+		"@public-ui/core": "1.1.9-rc.6",
+		"@public-ui/components": "1.1.9-rc.6",
 		"@types/minimatch": "5.1.2",
 		"@types/minimist": "1.2.2",
 		"@types/node": "18.8.4",
 		"@types/normalize-package-data": "2.4.1",
 		"@types/react": "18.0.21",
 		"@types/react-dom": "18.0.6",
-		"rimraf": "3.0.2",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
-		"typescript": "4.8.4"
+		"typescript": "4.8.4",
+		"unbuild": "0.8.11"
 	},
 	"peerDependencies": {
-		"@public-ui/components": "1.1.9-rc.5",
+		"@public-ui/components": "1.1.9-rc.6",
 		"react": ">=16.14.0",
 		"react-dom": ">=16.14.0"
 	},
+	"sideEffects": false,
+	"type": "module",
+	"exports": {
+		".": {
+			"import": "./dist/index.mjs",
+			"require": "./dist/index.cjs"
+		}
+	},
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.mjs",
+	"types": "./dist/index.d.ts",
 	"files": [
-		"cjs",
-		"esm",
-		"types",
-		"umd"
+		"dist"
 	]
 }