npm - @plurid/plurid-ui-components-react - Versions diffs - 0.0.0-19 → 0.0.0-20 - Mend

@plurid/plurid-ui-components-react 0.0.0-19 → 0.0.0-20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/distribution/index.js CHANGED Viewed

@@ -20,26 +20,26 @@ var reactRedux = require("react-redux");
 var pluridUiStateReact = require("@plurid/plurid-ui-state-react");
-function _interopDefaultLegacy(e) {
-    return e && typeof e === "object" && "default" in e ? e : {
+function _interopDefault(e) {
+    return e && e.__esModule ? e : {
         default: e
     };
 }
-var React__default = _interopDefaultLegacy(React);
+var React__default = _interopDefault(React);
-var themes__default = _interopDefaultLegacy(themes);
+var themes__default = _interopDefault(themes);
-var styled__default = _interopDefaultLegacy(styled);
+var styled__default = _interopDefault(styled);
-const StyledSpinner = styled__default["default"].div`
+const StyledSpinner = styled__default.default.div`
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
 `;
-const StyledLoader = styled__default["default"].div`
+const StyledLoader = styled__default.default.div`
     display: inline-block;
     position: relative;
@@ -166,20 +166,20 @@ const StyledLoader = styled__default["default"].div`
     }
 `;
-const Spinner = properties => {
+const Spinner$1 = properties => {
     const {theme: theme, size: size, style: style, className: className} = properties;
     const themeValue = theme || themes.plurid;
     const sizeValue = size || "normal";
-    return React__default["default"].createElement(StyledSpinner, {
+    return React__default.default.createElement(StyledSpinner, {
         style: Object.assign({}, style),
         className: className
-    }, React__default["default"].createElement(StyledLoader, {
+    }, React__default.default.createElement(StyledLoader, {
         theme: themeValue,
         size: sizeValue
-    }, React__default["default"].createElement("div", null), React__default["default"].createElement("div", null), React__default["default"].createElement("div", null), React__default["default"].createElement("div", null)));
+    }, React__default.default.createElement("div", null), React__default.default.createElement("div", null), React__default.default.createElement("div", null), React__default.default.createElement("div", null)));
 };
-const StyledPureButton = styled__default["default"].button`
+const StyledPureButton = styled__default.default.button`
     color: ${({theme: theme}) => theme.colorPrimary};
     background-color: ${({theme: theme, level: level, isDisabled: isDisabled}) => {
     if (isDisabled) {
@@ -340,7 +340,7 @@ const StyledPureButton = styled__default["default"].button`
     }
 `;
-const StyledPureButtonDiv = styled__default["default"](StyledPureButton).attrs({
+const StyledPureButtonDiv = styled__default.default(StyledPureButton).attrs({
     as: "div"
 })`
     background-color: ${({theme: theme, level: level, isDisabled: isDisabled}) => {
@@ -367,25 +367,25 @@ const StyledPureButtonDiv = styled__default["default"](StyledPureButton).attrs({
     box-shadow: 0px 3px 3px 0px ${({theme: theme}) => theme.boxShadowUmbraColor};
 `;
-const PureButton = properties => {
+const PureButton$1 = properties => {
     const {text: text, atClick: atClick, theme: themeProperty, level: levelProperty, size: sizeProperty, disabled: disabled, loading: loading, style: style, className: className} = properties;
     const theme = themeProperty || themes.plurid;
     const level = levelProperty !== null && levelProperty !== void 0 ? levelProperty : 0;
     const size = sizeProperty || "normal";
     if (loading) {
-        return React__default["default"].createElement(StyledPureButtonDiv, {
+        return React__default.default.createElement(StyledPureButtonDiv, {
             style: Object.assign({}, style),
             className: className,
             theme: theme,
             level: level,
             size: size,
             isDisabled: disabled
-        }, React__default["default"].createElement(Spinner, {
+        }, React__default.default.createElement(Spinner$1, {
             theme: theme,
             size: "small"
         }));
     }
-    return React__default["default"].createElement(StyledPureButton, {
+    return React__default.default.createElement(StyledPureButton, {
         onClick: event => disabled ? null : atClick(event),
         style: Object.assign({}, style),
         className: className,
@@ -396,7 +396,7 @@ const PureButton = properties => {
     }, text);
 };
-const StyledLinkButton = styled__default["default"].button`
+const StyledLinkButton = styled__default.default.button`
     font-family: ${({theme: theme}) => theme.fontFamilySansSerif};
     color: ${({theme: theme, level: level, isDisabled: isDisabled}) => {
@@ -462,7 +462,7 @@ const StyledLinkButton = styled__default["default"].button`
     outline: none;
 `;
-const StyledLinkButtonLoading = styled__default["default"].div`
+const StyledLinkButtonLoading = styled__default.default.div`
     position: relative;
     min-height: 1rem;
     height: 100%;
@@ -471,17 +471,17 @@ const StyledLinkButtonLoading = styled__default["default"].div`
 const DEFAULT_LEVEL$1 = 0;
-const LinkButton = properties => {
+const LinkButton$1 = properties => {
     const {text: text, atClick: atClick, theme: themeProperty, level: levelProperty, inline: inline, disabled: disabled, loading: loading, active: active, style: style, className: className} = properties;
     const theme = themeProperty || themes.plurid;
     const level = levelProperty !== null && levelProperty !== void 0 ? levelProperty : DEFAULT_LEVEL$1;
     if (loading) {
-        return React__default["default"].createElement(StyledLinkButtonLoading, null, React__default["default"].createElement(Spinner, {
+        return React__default.default.createElement(StyledLinkButtonLoading, null, React__default.default.createElement(Spinner$1, {
             size: "small",
             theme: theme
         }));
     }
-    return React__default["default"].createElement(StyledLinkButton, {
+    return React__default.default.createElement(StyledLinkButton, {
         onClick: event => disabled ? null : atClick(event),
         style: Object.assign({}, style),
         className: className,
@@ -493,10 +493,10 @@ const LinkButton = properties => {
     }, text);
 };
-const StyledRefreshButton = styled__default["default"].div`
+const StyledRefreshButton = styled__default.default.div`
 `;
-const RefreshButton = properties => {
+const RefreshButton$1 = properties => {
     const {atClick: atClick, theme: themeProperty, text: textProperty, disabled: disabled, hideAtClick: hideAtClickProperty, hideTime: hideTimeProperty} = properties;
     const theme = themeProperty || themes.plurid;
     const text = textProperty || "";
@@ -524,9 +524,9 @@ const RefreshButton = properties => {
     React.useEffect((() => () => {
         isMounted.current = false;
     }), []);
-    return React__default["default"].createElement(StyledRefreshButton, {
+    return React__default.default.createElement(StyledRefreshButton, {
         theme: theme
-    }, showIconReset && React__default["default"].createElement(pluridIconsReact.PluridIconReset, {
+    }, showIconReset && React__default.default.createElement(pluridIconsReact.PluridIconReset, {
         theme: theme,
         title: text,
         inactive: disabled,
@@ -536,12 +536,12 @@ const RefreshButton = properties => {
 };
 const buttons = {
-    PureButton: PureButton,
-    LinkButton: LinkButton,
-    RefreshButton: RefreshButton
+    PureButton: PureButton$1,
+    LinkButton: LinkButton$1,
+    RefreshButton: RefreshButton$1
 };
-const StyledFormbutton = styled__default["default"].div`
+const StyledFormbutton = styled__default.default.div`
     display: grid;
     grid-template-columns: 20px 1fr;
     grid-gap: 0.5rem;
@@ -578,16 +578,16 @@ const StyledFormbutton = styled__default["default"].div`
     }
 `;
-const StyledFormbuttonIcon = styled__default["default"].div`
+const StyledFormbuttonIcon = styled__default.default.div`
     justify-self: ${props => props.position};
     display: grid;
     place-content: center;
 `;
-const StyledFormbuttonText = styled__default["default"].div`
+const StyledFormbuttonText = styled__default.default.div`
 `;
-const Formbutton = properties => {
+const Formbutton$1 = properties => {
     const {text: text, Icon: Icon, atClick: atClick, link: link, target: target, theme: theme, devisible: devisible, level: level, iconPosition: iconPosition, inactive: inactive, hoverEffect: hoverEffectProperty, style: style, className: className} = properties;
     const _theme = theme || themes.plurid;
     const _level = level !== null && level !== void 0 ? level : 0;
@@ -595,11 +595,11 @@ const Formbutton = properties => {
     const _iconPosition = iconPosition || "left";
     const _inactive = inactive !== null && inactive !== void 0 ? inactive : false;
     const hoverEffect = hoverEffectProperty !== null && hoverEffectProperty !== void 0 ? hoverEffectProperty : true;
-    const render = () => React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledFormbuttonIcon, {
+    const render = () => React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledFormbuttonIcon, {
         position: _iconPosition
-    }, React__default["default"].createElement(Icon, {
+    }, React__default.default.createElement(Icon, {
         theme: _theme
-    })), React__default["default"].createElement(StyledFormbuttonText, null, text));
+    })), React__default.default.createElement(StyledFormbuttonText, null, text));
     const renderProperties = {
         style: Object.assign({}, style),
         className: className,
@@ -610,19 +610,19 @@ const Formbutton = properties => {
         hoverEffect: hoverEffect
     };
     if (link) {
-        return React__default["default"].createElement(StyledFormbutton, Object.assign({
+        return React__default.default.createElement(StyledFormbutton, Object.assign({
             onClick: event => !_inactive ? atClick(event) : null,
             as: "a",
             href: link,
             target: target
         }, renderProperties), render());
     }
-    return React__default["default"].createElement(StyledFormbutton, Object.assign({
+    return React__default.default.createElement(StyledFormbutton, Object.assign({
         onClick: event => !_inactive ? atClick(event) : null
     }, renderProperties), render());
 };
-const StyledFormitem = styled__default["default"].div`
+const StyledFormitem = styled__default.default.div`
     display: grid;
     align-items: center;
     min-height: 2rem;
@@ -630,11 +630,11 @@ const StyledFormitem = styled__default["default"].div`
     user-select: none;
 `;
-const Formitem = properties => {
+const Formitem$1 = properties => {
     const {theme: theme, level: level, style: style, className: className, children: children} = properties;
     const _theme = theme || themes.plurid;
     const _level = level !== null && level !== void 0 ? level : 0;
-    return React__default["default"].createElement(StyledFormitem, {
+    return React__default.default.createElement(StyledFormitem, {
         style: Object.assign({}, style),
         className: className,
         theme: _theme,
@@ -642,23 +642,23 @@ const Formitem = properties => {
     }, children);
 };
-const StyledFormLeftRight = styled__default["default"].div`
+const StyledFormLeftRight = styled__default.default.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
 `;
-const FormLeftRight = properties => {
+const FormLeftRight$1 = properties => {
     const {theme: theme, style: style, className: className, children: children} = properties;
     const _theme = theme || themes.plurid;
-    return React__default["default"].createElement(StyledFormLeftRight, {
+    return React__default.default.createElement(StyledFormLeftRight, {
         style: Object.assign({}, style),
         className: className,
         theme: _theme
     }, children);
 };
-const StyledFormline = styled__default["default"].div`
+const StyledFormline = styled__default.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     align-items: center;
@@ -695,11 +695,11 @@ const StyledFormline = styled__default["default"].div`
     }
 `;
-const StyledFormlineText = styled__default["default"].div`
+const StyledFormlineText = styled__default.default.div`
     user-select: none;
 `;
-const StyledFormlineElement = styled__default["default"].div`
+const StyledFormlineElement = styled__default.default.div`
     justify-self: right;
     @media (max-width: 800px) {
@@ -712,30 +712,30 @@ const StyledFormlineElement = styled__default["default"].div`
     }
 `;
-const Formline = properties => {
+const Formline$1 = properties => {
     const {text: text, Element: Element, theme: theme, level: level, responsive: responsive, style: style, className: className, children: children} = properties;
     const _theme = theme || themes.plurid;
     const _level = level === undefined ? 0 : level;
     const _responsive = responsive === undefined ? false : responsive;
-    return React__default["default"].createElement(StyledFormline, {
+    return React__default.default.createElement(StyledFormline, {
         style: Object.assign({}, style),
         className: className,
         theme: _theme,
         level: _level,
         responsive: _responsive
-    }, React__default["default"].createElement(StyledFormlineText, null, text), React__default["default"].createElement(StyledFormlineElement, {
+    }, React__default.default.createElement(StyledFormlineText, null, text), React__default.default.createElement(StyledFormlineElement, {
         responsive: _responsive
-    }, Element ? React__default["default"].createElement(Element, null) : React__default["default"].createElement(React__default["default"].Fragment, null, children)));
+    }, Element ? React__default.default.createElement(Element, null) : React__default.default.createElement(React__default.default.Fragment, null, children)));
 };
-const StyledFormObliterate = styled__default["default"].div`
+const StyledFormObliterate = styled__default.default.div`
     color: ${properties => properties.theme.colorPrimary};
     font-family: ${properties => properties.theme.fontFamilySansSerif};
     font-size: 0.8rem;
     user-select: none;
 `;
-const StyledObliterateContainer = styled__default["default"].div`
+const StyledObliterateContainer = styled__default.default.div`
     text-align: center;
     display: grid;
     grid-template-columns: 1fr;
@@ -745,7 +745,7 @@ const StyledObliterateContainer = styled__default["default"].div`
     margin: 1rem auto;
 `;
-const FormObliterate = properties => {
+const FormObliterate$1 = properties => {
     const {atObliterate: atObliterate, item: item, theme: theme, devisible: devisible, level: level, style: style, className: className} = properties;
     const _theme = theme || themes.plurid;
     const _level = level !== null && level !== void 0 ? level : 0;
@@ -755,23 +755,23 @@ const FormObliterate = properties => {
         setShowObliterate(false);
         atObliterate(event);
     };
-    return React__default["default"].createElement(StyledFormObliterate, {
+    return React__default.default.createElement(StyledFormObliterate, {
         theme: _theme,
         level: _level,
         devisible: _devisible,
         style: Object.assign({}, style),
         className: className
-    }, !showObliterate && React__default["default"].createElement(Formbutton, {
+    }, !showObliterate && React__default.default.createElement(Formbutton$1, {
         theme: _theme,
         text: item ? `obliterate ${item}` : "obliterate",
         Icon: pluridIconsReact.PluridIconObliterate,
         atClick: () => setShowObliterate(true),
         devisible: true
-    }), showObliterate && React__default["default"].createElement(StyledObliterateContainer, null, React__default["default"].createElement("div", null, "remove forever?"), React__default["default"].createElement(LinkButton, {
+    }), showObliterate && React__default.default.createElement(StyledObliterateContainer, null, React__default.default.createElement("div", null, "remove forever?"), React__default.default.createElement(LinkButton$1, {
         theme: _theme,
         text: "cancel",
         atClick: () => setShowObliterate(false)
-    }), React__default["default"].createElement(PureButton, {
+    }), React__default.default.createElement(PureButton$1, {
         theme: _theme,
         text: "Obliterate",
         atClick: event => handleObliterate(event)
@@ -779,14 +779,14 @@ const FormObliterate = properties => {
 };
 const form = {
-    Formbutton: Formbutton,
-    Formitem: Formitem,
-    FormLeftRight: FormLeftRight,
-    Formline: Formline,
-    FormObliterate: FormObliterate
+    Formbutton: Formbutton$1,
+    Formitem: Formitem$1,
+    FormLeftRight: FormLeftRight$1,
+    Formline: Formline$1,
+    FormObliterate: FormObliterate$1
 };
-const GlobalStyles = styled.createGlobalStyle`
+const GlobalStyles$1 = styled.createGlobalStyle`
     *, *::after, *::before {
         box-sizing: border-box;
     }
@@ -821,7 +821,7 @@ const GlobalStyles = styled.createGlobalStyle`
 `;
 const general = {
-    GlobalStyles: GlobalStyles
+    GlobalStyles: GlobalStyles$1
 };
 const setNativeValue = (element, value) => {
@@ -835,7 +835,7 @@ const setNativeValue = (element, value) => {
     }
 };
-const StyledTextline = styled__default["default"].div`
+const StyledTextline = styled__default.default.div`
     position: relative;
     display: inline-block;
     width: 100%;
@@ -923,7 +923,7 @@ const StyledTextline = styled__default["default"].div`
     }
 `;
-const StyledEnterIcon = styled__default["default"].div`
+const StyledEnterIcon = styled__default.default.div`
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
@@ -957,7 +957,7 @@ const StyledEnterIcon = styled__default["default"].div`
     }
 `;
-const StyledErrorLine = styled__default["default"].div`
+const StyledErrorLine = styled__default.default.div`
     position: absolute;
     background-color: #FF0000;
     bottom: -2px;
@@ -1003,7 +1003,7 @@ const StyledErrorLine = styled__default["default"].div`
 }};
 `;
-const Textline = React.forwardRef(((properties, reference) => {
+const Textline$1 = React.forwardRef(((properties, reference) => {
     const {text: text, atChange: atChange, atKeyDown: atKeyDown, atFocus: atFocus, atBlur: atBlur, type: type, placeholder: placeholder, autoCapitalize: autoCapitalize, autoComplete: autoComplete, autoCorrect: autoCorrect, spellCheck: spellCheck, style: style, className: className, theme: theme, level: level, devisible: devisible, center: center, round: round, width: width, error: error, enterIconLeft: enterIconLeft, enterEmpty: enterEmpty, enterAtClick: enterAtClick, escapeClear: escapeClear, ariaLabel: ariaLabel} = properties;
     const _type = type || "text";
     const _theme = theme || themes.plurid;
@@ -1029,7 +1029,7 @@ const Textline = React.forwardRef(((properties, reference) => {
         }
     };
     const showEnterIcon = enterAtClick && (text.length > 0 || enterEmpty);
-    return React__default["default"].createElement(StyledTextline, {
+    return React__default.default.createElement(StyledTextline, {
         theme: _theme,
         level: _level,
         devisible: devisible,
@@ -1037,7 +1037,7 @@ const Textline = React.forwardRef(((properties, reference) => {
         round: _round,
         width: width,
         className: className
-    }, React__default["default"].createElement("input", {
+    }, React__default.default.createElement("input", {
         type: _type,
         value: text,
         onChange: event => {
@@ -1054,18 +1054,18 @@ const Textline = React.forwardRef(((properties, reference) => {
         "aria-label": ariaLabel,
         style: Object.assign({}, style),
         ref: pluridFunctionsReact.mergeReferences(inputElement, reference)
-    }), error && React__default["default"].createElement(StyledErrorLine, {
+    }), error && React__default.default.createElement(StyledErrorLine, {
         theme: _theme,
         devisible: devisible,
         round: _round
-    }), showEnterIcon && React__default["default"].createElement(StyledEnterIcon, {
+    }), showEnterIcon && React__default.default.createElement(StyledEnterIcon, {
         theme: _theme,
         onClick: () => enterAtClick(),
         left: enterIconLeft
     }, "➔"));
 }));
-const StyledDropdown = styled__default["default"].div`
+const StyledDropdown = styled__default.default.div`
     color: ${props => props.theme.colorPrimary};
     text-align: ${props => {
     if (props.left) {
@@ -1078,7 +1078,7 @@ const StyledDropdown = styled__default["default"].div`
     position: relative;
 `;
-const StyledDropdownSelected = styled__default["default"].div`
+const StyledDropdownSelected = styled__default.default.div`
     cursor: pointer;
     user-select: none;
     color: ${props => {
@@ -1089,7 +1089,7 @@ const StyledDropdownSelected = styled__default["default"].div`
 }};
 `;
-const StyledDropdownList = styled__default["default"].div`
+const StyledDropdownList = styled__default.default.div`
     font-size: 0.85rem;
     background: ${props => {
@@ -1214,7 +1214,7 @@ const StyledDropdownList = styled__default["default"].div`
     }
 `;
-const StyledFilterable = styled__default["default"].div`
+const StyledFilterable = styled__default.default.div`
     position: relative;
     input {
@@ -1227,7 +1227,7 @@ const StyledFilterable = styled__default["default"].div`
     }
 `;
-const StyledFilterUpdate = styled__default["default"].div`
+const StyledFilterUpdate = styled__default.default.div`
     position: absolute;
     z-index: 9999;
     top: 0;
@@ -1245,7 +1245,7 @@ const StyledFilterUpdate = styled__default["default"].div`
 }};
 `;
-const Dropdown = properties => {
+const Dropdown$1 = properties => {
     const {selected: selected, selectables: selectables, atSelect: atSelect, left: left, kind: kind, listTop: listTop, dropdownToggled: dropdownToggled, hideAtSelect: hideAtSelect, selectAtHover: selectAtHover, selectedColor: selectedColor, filterable: filterable, style: style, className: className, theme: themeProperty, generalTheme: generalThemeProperty, interactionTheme: interactionThemeProperty, level: level, heightItems: heightItems, width: width, setDropdownToggled: setDropdownToggled, filterUpdate: filterUpdate} = properties;
     const _generalTheme = generalThemeProperty === undefined ? themeProperty === undefined ? themes.plurid : themeProperty : generalThemeProperty;
     const _interactionTheme = interactionThemeProperty === undefined ? themeProperty === undefined ? themes.plurid : themeProperty : interactionThemeProperty;
@@ -1308,7 +1308,7 @@ const Dropdown = properties => {
         setFilterValue(value);
         setFilteredSelectables(filteredSelectables);
         itemsReferences.current = filteredSelectables.reduce(((accumulator, _, index) => {
-            accumulator[index] = React__default["default"].createRef();
+            accumulator[index] = React__default.default.createRef();
             return accumulator;
         }), {});
     };
@@ -1320,7 +1320,7 @@ const Dropdown = properties => {
         }), 100);
     };
     const itemsReferences = React.useRef(filteredSelectables.reduce(((accumulator, _, index) => {
-        accumulator[index] = React__default["default"].createRef();
+        accumulator[index] = React__default.default.createRef();
         return accumulator;
     }), {}));
     React.useEffect((() => {
@@ -1398,12 +1398,12 @@ const Dropdown = properties => {
     React.useEffect((() => {
         setFilteredSelectables([ ...selectables ]);
     }), [ selectables.length ]);
-    return React__default["default"].createElement(StyledDropdown, {
+    return React__default.default.createElement(StyledDropdown, {
         theme: interactionTheme,
         left: left,
         style: Object.assign({}, style),
         className: className
-    }, React__default["default"].createElement(StyledDropdownSelected, {
+    }, React__default.default.createElement(StyledDropdownSelected, {
         onClick: () => {
             setShowList(!showList);
             if (setDropdownToggled) {
@@ -1415,7 +1415,7 @@ const Dropdown = properties => {
         },
         theme: generalTheme,
         selectedColor: selectedColor
-    }, typeof selected === "string" ? selected : selected.value), showList && React__default["default"].createElement(StyledDropdownList, {
+    }, typeof selected === "string" ? selected : selected.value), showList && React__default.default.createElement(StyledDropdownList, {
         theme: interactionTheme,
         left: left,
         listTop: listTop,
@@ -1423,16 +1423,16 @@ const Dropdown = properties => {
         heightItems: heightItems && filterable && filteredSelectables.length < heightItems ? filteredSelectables.length + 1 : heightItems,
         heightBeyond: filteredSelectables.length > (heightItems || 0),
         width: width
-    }, React__default["default"].createElement("ul", null, filterable && React__default["default"].createElement("li", {
+    }, React__default.default.createElement("ul", null, filterable && React__default.default.createElement("li", {
         style: {
             backgroundColor: interactionTheme.backgroundColorTertiary,
             boxShadow: interactionTheme.boxShadowPenumbraInset
         }
-    }, React__default["default"].createElement(StyledFilterable, {
+    }, React__default.default.createElement(StyledFilterable, {
         left: left
-    }, filterUpdate && showFilterUpdate && React__default["default"].createElement(StyledFilterUpdate, {
+    }, filterUpdate && showFilterUpdate && React__default.default.createElement(StyledFilterUpdate, {
         left: left
-    }, React__default["default"].createElement(pluridIconsReact.PluridIconReset, {
+    }, React__default.default.createElement(pluridIconsReact.PluridIconReset, {
         theme: interactionTheme,
         atClick: () => {
             setShowFilterUpdate(false);
@@ -1444,7 +1444,7 @@ const Dropdown = properties => {
                 setShowFilterUpdate(true);
             }), 5300);
         }
-    })), React__default["default"].createElement(Textline, {
+    })), React__default.default.createElement(Textline$1, {
         ref: filterInput,
         theme: interactionTheme,
         text: filterValue,
@@ -1473,7 +1473,7 @@ const Dropdown = properties => {
         if (arrowIndex === index) {
             isSelected = true;
         }
-        return React__default["default"].createElement("li", {
+        return React__default.default.createElement("li", {
             ref: itemsReferences.current[index],
             key: selectableID,
             onClick: () => handleSelect(selectable),
@@ -1485,7 +1485,7 @@ const Dropdown = properties => {
     })))));
 };
-const StyledEntityPill = styled__default["default"].div`
+const StyledEntityPill = styled__default.default.div`
     background-color: ${({theme: theme}) => theme.backgroundColorTertiary};
     box-shadow: ${({theme: theme}) => theme.boxShadowUmbra};
@@ -1497,39 +1497,39 @@ const StyledEntityPill = styled__default["default"].div`
     align-items: center;
 `;
-const EntityPill = properties => {
+const EntityPill$1 = properties => {
     const {id: id, remove: remove, text: text, theme: theme, style: style} = properties;
     const textValue = text || id;
-    return React__default["default"].createElement(StyledEntityPill, {
+    return React__default.default.createElement(StyledEntityPill, {
         theme: theme || themes.plurid,
         style: Object.assign({}, style)
-    }, React__default["default"].createElement("div", {
+    }, React__default.default.createElement("div", {
         style: {
             marginRight: "0.5rem"
         }
-    }, textValue), React__default["default"].createElement(pluridIconsReact.PluridIconDelete, {
+    }, textValue), React__default.default.createElement(pluridIconsReact.PluridIconDelete, {
         theme: theme,
         atClick: () => remove(id)
     }));
 };
-const StyledEntityPillGroup = styled__default["default"].div`
+const StyledEntityPillGroup = styled__default.default.div`
     display: flex;
     flex-flow: wrap;
     margin: 0 auto;
     justify-content: center;
 `;
-const EntityPillGroup = properties => {
+const EntityPillGroup$1 = properties => {
     const {entities: entities, remove: remove, keyFix: keyFix, theme: theme, style: style, pillStyle: pillStyle} = properties;
-    return React__default["default"].createElement(StyledEntityPillGroup, {
+    return React__default.default.createElement(StyledEntityPillGroup, {
         theme: theme,
         style: Object.assign({}, style)
     }, entities.map((entity => {
         const stringEntity = typeof entity === "string";
         const id = stringEntity ? entity : entity.id;
         const text = stringEntity ? undefined : entity.text;
-        return React__default["default"].createElement(EntityPill, {
+        return React__default.default.createElement(EntityPill$1, {
             key: `entity-pill-${id}${keyFix || ""}`,
             id: id,
             text: text,
@@ -1540,7 +1540,7 @@ const EntityPillGroup = properties => {
     })));
 };
-const StyledInputDescriptor = styled__default["default"].div`
+const StyledInputDescriptor = styled__default.default.div`
     text-align: left;
     font-size: 0.9rem;
     line-height: 1;
@@ -1553,17 +1553,17 @@ const StyledInputDescriptor = styled__default["default"].div`
     color: ${({theme: theme}) => theme.colorPrimary};
 `;
-const InputDescriptor = properties => {
+const InputDescriptor$1 = properties => {
     const {name: name, show: show, theme: themeProperty, style: style, className: className} = properties;
     const theme = themeProperty || themes.plurid;
-    return React__default["default"].createElement(StyledInputDescriptor, {
+    return React__default.default.createElement(StyledInputDescriptor, {
         theme: theme,
         className: className,
         style: Object.assign({}, style)
-    }, show && React__default["default"].createElement(React__default["default"].Fragment, null, name));
+    }, show && React__default.default.createElement(React__default.default.Fragment, null, name));
 };
-const StyledInputBox = styled__default["default"].div`
+const StyledInputBox = styled__default.default.div`
     textarea {
         box-sizing: border-box;
         width: 100%;
@@ -1588,23 +1588,23 @@ const StyledInputBox = styled__default["default"].div`
     }
 `;
-const StyledTextBox = styled__default["default"].div`
+const StyledTextBox = styled__default.default.div`
 `;
-const InputBox = properties => {
+const InputBox$1 = properties => {
     const {text: text, name: name, atChange: atChange, theme: themeProperty, style: style, className: className, atKeyDown: atKeyDown} = properties;
     const theme = themeProperty || themes.plurid;
-    return React__default["default"].createElement(StyledInputBox, {
+    return React__default.default.createElement(StyledInputBox, {
         theme: theme,
         className: className,
         style: Object.assign({}, style)
-    }, React__default["default"].createElement(InputDescriptor, {
+    }, React__default.default.createElement(InputDescriptor$1, {
         name: name,
         show: text !== "",
         theme: theme
-    }), React__default["default"].createElement(StyledTextBox, {
+    }), React__default.default.createElement(StyledTextBox, {
         theme: theme
-    }, React__default["default"].createElement("textarea", {
+    }, React__default.default.createElement("textarea", {
         value: text,
         placeholder: name,
         onChange: event => atChange(event),
@@ -1616,22 +1616,22 @@ const InputBox = properties => {
     })));
 };
-const StyledInputLine = styled__default["default"].div`
+const StyledInputLine = styled__default.default.div`
     width: 350px;
 `;
-const InputLine = properties => {
+const InputLine$1 = properties => {
     const {name: name, text: text, atChange: atChange, theme: themeProperty, type: type, error: error, textline: textline, style: style, className: className, atKeyDown: atKeyDown} = properties;
     const theme = themeProperty || themes.plurid;
-    return React__default["default"].createElement(StyledInputLine, {
+    return React__default.default.createElement(StyledInputLine, {
         theme: theme,
         style: Object.assign({}, style),
         className: className
-    }, React__default["default"].createElement(InputDescriptor, {
+    }, React__default.default.createElement(InputDescriptor$1, {
         name: name,
         show: text !== "",
         theme: theme
-    }), React__default["default"].createElement(Textline, Object.assign({
+    }), React__default.default.createElement(Textline$1, Object.assign({
         text: text,
         type: type,
         placeholder: name,
@@ -1647,7 +1647,7 @@ const InputLine = properties => {
     }, textline)));
 };
-const StyledSwitch = styled__default["default"].label`
+const StyledSwitch = styled__default.default.label`
     position: relative;
     display: inline-block;
     width: 60px;
@@ -1704,7 +1704,7 @@ const backgroundColor = props => {
     return levelBackgroundColor(props);
 };
-const StyledSwitchSlider = styled__default["default"].span`
+const StyledSwitchSlider = styled__default.default.span`
     position: absolute;
     cursor: pointer;
     top: 0;
@@ -1747,7 +1747,7 @@ const StyledSwitchSlider = styled__default["default"].span`
     }
 `;
-const StyledSwitchIcon = styled__default["default"].div`
+const StyledSwitchIcon = styled__default.default.div`
     height: 100%;
     position: absolute;
     top: 0;
@@ -1760,7 +1760,7 @@ const StyledSwitchIcon = styled__default["default"].div`
     }
 `;
-const Switch = properties => {
+const Switch$1 = properties => {
     const {checked: checked, theme: theme, level: level, round: round, exclusive: exclusive, accent: accent, Icon: Icon, atChange: atChange} = properties;
     const _theme = theme || themes.plurid;
     const _level = level === undefined ? 0 : level;
@@ -1772,22 +1772,22 @@ const Switch = properties => {
         checked: checked,
         accent: accent
     };
-    return React__default["default"].createElement(StyledSwitch, {
+    return React__default.default.createElement(StyledSwitch, {
         theme: _theme
-    }, React__default["default"].createElement("input", {
+    }, React__default.default.createElement("input", {
         type: "checkbox",
         checked: checked,
         onChange: () => atChange()
-    }), React__default["default"].createElement(StyledSwitchSlider, Object.assign({
+    }), React__default.default.createElement(StyledSwitchSlider, Object.assign({
         round: _round
-    }, commonProperties)), Icon && React__default["default"].createElement(StyledSwitchIcon, Object.assign({}, commonProperties, {
+    }, commonProperties)), Icon && React__default.default.createElement(StyledSwitchIcon, Object.assign({}, commonProperties, {
         style: {
             left: checked ? "35px" : "9px"
         }
-    }), React__default["default"].createElement(Icon, null)));
+    }), React__default.default.createElement(Icon, null)));
 };
-const StyledInputSwitch = styled__default["default"].div`
+const StyledInputSwitch = styled__default.default.div`
     font-size: 0.9rem;
     margin-top: ${({compact: compact}) => {
@@ -1798,18 +1798,18 @@ const StyledInputSwitch = styled__default["default"].div`
 }};
 `;
-const InputSwitch = properties => {
+const InputSwitch$1 = properties => {
     const {name: name, checked: checked, atChange: atChange, theme: themeProperty, compact: compact, switch: switchProperties, style: style, className: className} = properties;
     const theme = themeProperty || themes.plurid;
-    return React__default["default"].createElement(StyledInputSwitch, {
+    return React__default.default.createElement(StyledInputSwitch, {
         compact: compact,
         style: Object.assign({}, style),
         className: className
-    }, React__default["default"].createElement(FormLeftRight, null, React__default["default"].createElement("div", {
+    }, React__default.default.createElement(FormLeftRight$1, null, React__default.default.createElement("div", {
         style: {
             marginLeft: "0.9rem"
         }
-    }, name), React__default["default"].createElement(Switch, Object.assign({
+    }, name), React__default.default.createElement(Switch$1, Object.assign({
         checked: checked,
         level: 2,
         exclusive: true,
@@ -1818,7 +1818,7 @@ const InputSwitch = properties => {
     }, switchProperties))));
 };
-const StyledItemsline = styled__default["default"].div`
+const StyledItemsline = styled__default.default.div`
     padding: 0 0.7rem;
     font-size: 0.9rem;
@@ -1850,24 +1850,24 @@ const StyledItemsline = styled__default["default"].div`
     }
 `;
-const Itemsline = properties => {
+const Itemsline$1 = properties => {
     const {items: items, removeItem: removeItem, theme: theme, level: level, left: left, style: style, className: className} = properties;
-    const _theme = theme === undefined ? themes__default["default"].plurid : theme;
+    const _theme = theme === undefined ? themes__default.default.plurid : theme;
     const _level = level === undefined ? 0 : level;
     const _left = left === undefined ? false : left;
-    return React__default["default"].createElement(StyledItemsline, {
+    return React__default.default.createElement(StyledItemsline, {
         style: Object.assign({}, style),
         className: className,
         theme: _theme,
         level: _level,
         left: _left
-    }, items.length > 0 && React__default["default"].createElement("ul", null, items.map((item => React__default["default"].createElement("li", {
+    }, items.length > 0 && React__default.default.createElement("ul", null, items.map((item => React__default.default.createElement("li", {
         key: item + Math.random(),
         onClick: () => removeItem(item)
     }, item)))));
 };
-const StyledSelect = styled__default["default"].div`
+const StyledSelect = styled__default.default.div`
 `;
 const PluridSelect = properties => {
@@ -1875,19 +1875,19 @@ const PluridSelect = properties => {
     const _theme = theme || themes.plurid;
     const _level = level !== null && level !== void 0 ? level : 0;
     const _round = round !== null && round !== void 0 ? round : true;
-    return React__default["default"].createElement(StyledSelect, {
+    return React__default.default.createElement(StyledSelect, {
         theme: _theme,
         level: _level,
         devisible: devisible,
         round: _round,
         width: width
-    }, React__default["default"].createElement("select", null, selectables.map((selectable => React__default["default"].createElement("option", {
+    }, React__default.default.createElement("select", null, selectables.map((selectable => React__default.default.createElement("option", {
         key: selectable,
         value: selectable
     }, selectable)))));
 };
-const StyledSlider = styled__default["default"].div`
+const StyledSlider = styled__default.default.div`
     display: grid;
     align-items: center;
     font-family: ${props => props.theme.fontFamilySansSerif};
@@ -1905,7 +1905,7 @@ const StyledSlider = styled__default["default"].div`
 }};
 `;
-const StyledNamedValue = styled__default["default"].div`
+const StyledNamedValue = styled__default.default.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1914,14 +1914,14 @@ const StyledNamedValue = styled__default["default"].div`
     user-select: none;
 `;
-const StyledSliderValue = styled__default["default"].div`
+const StyledSliderValue = styled__default.default.div`
     user-select: none;
     font-size: 0.8rem;
     min-width: 1.6rem;
     text-align: right;
 `;
-const StyledSliderInputContainer = styled__default["default"].div`
+const StyledSliderInputContainer = styled__default.default.div`
     width: ${props => {
     if (props.width) {
         if (typeof props.width === "string") {
@@ -2111,7 +2111,7 @@ const DEFAULT_LEVEL = 0;
 const DEFAULT_THUMB_SIZE = "large";
-const Slider = properties => {
+const Slider$1 = properties => {
     const {value: value, atChange: atChange, defaultValue: defaultValue, min: min, max: max, step: step, name: name, theme: theme, level: level, thumbSize: thumbSize, width: width, valueSign: valueSign, namedValueAbove: namedValueAbove} = properties;
     const [mouseOver, setMouseOver] = React.useState(false);
     const _theme = theme || themes.plurid;
@@ -2124,18 +2124,18 @@ const Slider = properties => {
     const handleSliderInput = event => {
         atChange(parseFloat(event.target.value));
     };
-    return React__default["default"].createElement(StyledSlider, {
+    return React__default.default.createElement(StyledSlider, {
         theme: _theme,
         width: width
-    }, namedValueAbove && React__default["default"].createElement(StyledNamedValue, null, React__default["default"].createElement("div", null, name), React__default["default"].createElement(StyledSliderValue, {
+    }, namedValueAbove && React__default.default.createElement(StyledNamedValue, null, React__default.default.createElement("div", null, name), React__default.default.createElement(StyledSliderValue, {
         theme: _theme
-    }, value, valueSign)), React__default["default"].createElement(StyledSliderInputContainer, {
+    }, value, valueSign)), React__default.default.createElement(StyledSliderInputContainer, {
         theme: _theme,
         hovered: mouseOver,
         thumbSize: _thumbSize,
         level: _level,
         width: width
-    }, React__default["default"].createElement("input", {
+    }, React__default.default.createElement("input", {
         type: "range",
         min: min || DEFAULT_MIN,
         max: max || DEFAULT_MAX,
@@ -2151,21 +2151,21 @@ const Slider = properties => {
 };
 const inputs = {
-    Dropdown: Dropdown,
-    EntityPill: EntityPill,
-    EntityPillGroup: EntityPillGroup,
-    InputBox: InputBox,
-    InputDescriptor: InputDescriptor,
-    InputLine: InputLine,
-    InputSwitch: InputSwitch,
-    Itemsline: Itemsline,
+    Dropdown: Dropdown$1,
+    EntityPill: EntityPill$1,
+    EntityPillGroup: EntityPillGroup$1,
+    InputBox: InputBox$1,
+    InputDescriptor: InputDescriptor$1,
+    InputLine: InputLine$1,
+    InputSwitch: InputSwitch$1,
+    Itemsline: Itemsline$1,
     Select: PluridSelect,
-    Slider: Slider,
-    Switch: Switch,
-    Textline: Textline
+    Slider: Slider$1,
+    Switch: Switch$1,
+    Textline: Textline$1
 };
-const StyledHR = styled__default["default"].hr`
+const StyledHR = styled__default.default.hr`
     outline: 0;
     border: 0;
     margin: 0.8rem auto;
@@ -2174,17 +2174,17 @@ const StyledHR = styled__default["default"].hr`
     background-color: ${({theme: theme}) => theme.colorPrimary};
 `;
-const HR = properties => {
+const HR$1 = properties => {
     const {theme: theme, style: style, className: className} = properties;
     const themeValue = theme || themes.plurid;
-    return React__default["default"].createElement(StyledHR, {
+    return React__default.default.createElement(StyledHR, {
         theme: themeValue,
         style: Object.assign({}, style),
         className: className
     });
 };
-const StyledProgressCircle = styled__default["default"].div`
+const StyledProgressCircle = styled__default.default.div`
     height: 0;
     width: 0;
     transform: rotate(-90deg);
@@ -2196,7 +2196,7 @@ const StyledProgressCircle = styled__default["default"].div`
     }
 `;
-const ProgressCircle = properties => {
+const ProgressCircle$1 = properties => {
     const {progress: progress, size: size, radius: radius, stroke: stroke, theme: theme, style: style, className: className} = properties;
     const progressValue = pluridFunctions.mathematics.numbers.normalizeBetween(progress, 0, 100);
     const radiusValue = radius || 20;
@@ -2207,21 +2207,21 @@ const ProgressCircle = properties => {
     const strokeDashoffset = circumference - progressValue / 100 * circumference;
     const themeValue = theme || themes.plurid;
     const sizeValue = size || "normal";
-    return React__default["default"].createElement(StyledProgressCircle, {
+    return React__default.default.createElement(StyledProgressCircle, {
         size: sizeValue,
         style: Object.assign({}, style),
         className: className
-    }, React__default["default"].createElement("svg", {
+    }, React__default.default.createElement("svg", {
         height: diameter,
         width: diameter
-    }, React__default["default"].createElement("circle", {
+    }, React__default.default.createElement("circle", {
         stroke: themeValue.backgroundColorPrimaryAlpha,
         fill: "transparent",
         strokeWidth: strokeValue,
         r: normalizedRadius,
         cx: radiusValue,
         cy: radiusValue
-    }), React__default["default"].createElement("circle", {
+    }), React__default.default.createElement("circle", {
         stroke: themeValue.colorPrimary,
         fill: "transparent",
         strokeWidth: strokeValue,
@@ -2235,14 +2235,14 @@ const ProgressCircle = properties => {
     })));
 };
-const StyledTooltip = styled__default["default"].span`
+const StyledTooltip = styled__default.default.span`
     position: relative;
 `;
-const StyledTooltipString = styled__default["default"].span`
+const StyledTooltipString = styled__default.default.span`
 `;
-const StyledTooltipIcon = styled__default["default"].span`
+const StyledTooltipIcon = styled__default.default.span`
     user-select: none;
     cursor: pointer;
@@ -2261,7 +2261,7 @@ const StyledTooltipIcon = styled__default["default"].span`
     background-color: ${props => props.theme.backgroundColorSecondary};
 `;
-const StyledTooltipText = styled__default["default"].div`
+const StyledTooltipText = styled__default.default.div`
     position: absolute;
     top: 30px;
     left: 50%;
@@ -2305,7 +2305,7 @@ const StyledTooltipText = styled__default["default"].div`
     }
 `;
-const Tooltip = properties => {
+const Tooltip$1 = properties => {
     const {tool: Tool, tip: Tip, indicator: indicatorProperty, icon: iconProperty, theme: themeProperty, style: style, className: className} = properties;
     const theme = themeProperty || themes.plurid;
     const indicator = indicatorProperty !== null && indicatorProperty !== void 0 ? indicatorProperty : true;
@@ -2335,72 +2335,72 @@ const Tooltip = properties => {
             }
         };
     }), [ mouseOver ]);
-    const renderTool = React__default["default"].createElement(React__default["default"].Fragment, null, typeof Tool === "string" ? React__default["default"].createElement(React__default["default"].Fragment, null, Tool) : React__default["default"].createElement(Tool, null));
-    return React__default["default"].createElement(StyledTooltip, {
+    const renderTool = React__default.default.createElement(React__default.default.Fragment, null, typeof Tool === "string" ? React__default.default.createElement(React__default.default.Fragment, null, Tool) : React__default.default.createElement(Tool, null));
+    return React__default.default.createElement(StyledTooltip, {
         onMouseEnter: () => setMouseOver(true),
         onMouseLeave: () => setMouseOver(false),
         onMouseMove: () => !showTooltipText ? setMouseOver(true) : null,
         theme: theme,
         style: Object.assign({}, style),
         className: className
-    }, icon && React__default["default"].createElement(StyledTooltipIcon, {
+    }, icon && React__default.default.createElement(StyledTooltipIcon, {
         theme: theme
-    }, renderTool), !icon && React__default["default"].createElement(StyledTooltipString, null, renderTool), showTooltipText && React__default["default"].createElement(StyledTooltipText, {
+    }, renderTool), !icon && React__default.default.createElement(StyledTooltipString, null, renderTool), showTooltipText && React__default.default.createElement(StyledTooltipText, {
         theme: theme,
         indicator: indicator
-    }, typeof Tip === "string" ? React__default["default"].createElement(React__default["default"].Fragment, null, Tip) : React__default["default"].createElement(Tip, null)));
+    }, typeof Tip === "string" ? React__default.default.createElement(React__default.default.Fragment, null, Tip) : React__default.default.createElement(Tip, null)));
 };
 const markers = {
-    HR: HR,
-    ProgressCircle: ProgressCircle,
-    Spinner: Spinner,
-    Tooltip: Tooltip
+    HR: HR$1,
+    ProgressCircle: ProgressCircle$1,
+    Spinner: Spinner$1,
+    Tooltip: Tooltip$1
 };
-const StyledHeading1 = styled__default["default"].h1`
+const StyledHeading1 = styled__default.default.h1`
     color: ${props => props.theme.colorPrimary};
     font-family: ${props => props.theme.fontFamilySansSerif};
     font-size: 2.2rem;
     margin: 1.4rem 0;
 `;
-const StyledHeading2 = styled__default["default"].h2`
+const StyledHeading2 = styled__default.default.h2`
     color: ${props => props.theme.colorPrimary};
     font-family: ${props => props.theme.fontFamilySansSerif};
     font-size: 2rem;
     margin: 1.2rem 0;
 `;
-const StyledHeading3 = styled__default["default"].h3`
+const StyledHeading3 = styled__default.default.h3`
     color: ${props => props.theme.colorPrimary};
     font-family: ${props => props.theme.fontFamilySansSerif};
     font-size: 1.8rem;
     margin: 1rem 0;
 `;
-const StyledHeading4 = styled__default["default"].h4`
+const StyledHeading4 = styled__default.default.h4`
     color: ${props => props.theme.colorPrimary};
     font-family: ${props => props.theme.fontFamilySansSerif};
     font-size: 1.6rem;
     margin: 1rem 0;
 `;
-const StyledHeading5 = styled__default["default"].h5`
+const StyledHeading5 = styled__default.default.h5`
     color: ${props => props.theme.colorPrimary};
     font-family: ${props => props.theme.fontFamilySansSerif};
     font-size: 1.4rem;
     margin: 1rem 0;
 `;
-const StyledHeading6 = styled__default["default"].h5`
+const StyledHeading6 = styled__default.default.h5`
     color: ${props => props.theme.colorPrimary};
     font-family: ${props => props.theme.fontFamilySansSerif};
     font-size: 1.2rem;
     margin: 1rem 0;
 `;
-const Heading = properties => {
+const Heading$1 = properties => {
     const {children: children, theme: themeProperty, type: typeProperty, style: style, className: className} = properties;
     const theme = themeProperty || themes.plurid;
     const type = typeProperty || "h1";
@@ -2411,29 +2411,29 @@ const Heading = properties => {
     };
     switch (type) {
       case "h1":
-        return React__default["default"].createElement(StyledHeading1, Object.assign({}, renderProperties), children);
+        return React__default.default.createElement(StyledHeading1, Object.assign({}, renderProperties), children);
       case "h2":
-        return React__default["default"].createElement(StyledHeading2, Object.assign({}, renderProperties), children);
+        return React__default.default.createElement(StyledHeading2, Object.assign({}, renderProperties), children);
       case "h3":
-        return React__default["default"].createElement(StyledHeading3, Object.assign({}, renderProperties), children);
+        return React__default.default.createElement(StyledHeading3, Object.assign({}, renderProperties), children);
       case "h4":
-        return React__default["default"].createElement(StyledHeading4, Object.assign({}, renderProperties), children);
+        return React__default.default.createElement(StyledHeading4, Object.assign({}, renderProperties), children);
       case "h5":
-        return React__default["default"].createElement(StyledHeading5, Object.assign({}, renderProperties), children);
+        return React__default.default.createElement(StyledHeading5, Object.assign({}, renderProperties), children);
       case "h6":
-        return React__default["default"].createElement(StyledHeading6, Object.assign({}, renderProperties), children);
+        return React__default.default.createElement(StyledHeading6, Object.assign({}, renderProperties), children);
       default:
-        return React__default["default"].createElement(StyledHeading1, Object.assign({}, renderProperties), children);
+        return React__default.default.createElement(StyledHeading1, Object.assign({}, renderProperties), children);
     }
 };
-const StyledParagraph = styled__default["default"].p`
+const StyledParagraph = styled__default.default.p`
     color: ${props => props.theme.colorPrimary};
     font-family: ${props => {
     switch (props.fontFamily) {
@@ -2467,12 +2467,12 @@ const StyledParagraph = styled__default["default"].p`
     line-height: 1.4;
 `;
-const Paragraph = properties => {
+const Paragraph$1 = properties => {
     const {children: children, theme: themeProperty, size: sizeProperty, fontFamily: fontFamilyProperty, style: style, className: className} = properties;
     const theme = themeProperty || themes.plurid;
     const size = sizeProperty || "normal";
     const fontFamily = fontFamilyProperty || "sans-serif";
-    return React__default["default"].createElement(StyledParagraph, {
+    return React__default.default.createElement(StyledParagraph, {
         theme: theme,
         size: size,
         fontFamily: fontFamily,
@@ -2482,45 +2482,45 @@ const Paragraph = properties => {
 };
 const typography = {
-    Heading: Heading,
-    Paragraph: Paragraph
+    Heading: Heading$1,
+    Paragraph: Paragraph$1
 };
-const StyledCopyableLine = styled__default["default"].div`
+const StyledCopyableLine = styled__default.default.div`
     display: grid;
     align-items: center;
     grid-template-columns: 16px 1fr;
     grid-gap: 0.7rem;
 `;
-const StyledData = styled__default["default"].div`
+const StyledData = styled__default.default.div`
     user-select: all;
 `;
-const CopyableLine = properties => {
+const CopyableLine$1 = properties => {
     const {data: data, theme: theme, viewData: viewData, copyMessage: copyMessage, copyMessageTime: copyMessageTime, style: style, className: className} = properties;
     const viewDataText = viewData || data;
     const copyMessageText = copyMessage !== null && copyMessage !== void 0 ? copyMessage : "copied";
     const copyMessageTimeValue = copyMessageTime || 2e3;
     const [showCopyMessage, setShowCopyMessage] = pluridFunctionsReact.useFalseAfterTimedTrue(copyMessageTimeValue);
-    return React__default["default"].createElement(StyledCopyableLine, {
+    return React__default.default.createElement(StyledCopyableLine, {
         style: Object.assign({}, style),
         className: className
-    }, React__default["default"].createElement(pluridIconsReact.PluridIconCopy, {
+    }, React__default.default.createElement(pluridIconsReact.PluridIconCopy, {
         atClick: () => {
             pluridFunctions.clipboard.copy(data);
             setShowCopyMessage(true);
         },
         theme: theme
-    }), React__default["default"].createElement(StyledData, null, showCopyMessage ? React__default["default"].createElement(React__default["default"].Fragment, null, copyMessageText) : React__default["default"].createElement(React__default["default"].Fragment, null, viewDataText)));
+    }), React__default.default.createElement(StyledData, null, showCopyMessage ? React__default.default.createElement(React__default.default.Fragment, null, copyMessageText) : React__default.default.createElement(React__default.default.Fragment, null, viewDataText)));
 };
-const StyledNewPageLink = styled__default["default"].a`
+const StyledNewPageLink = styled__default.default.a`
 `;
-const NewPageLink = properties => {
+const NewPageLink$1 = properties => {
     const {link: link, text: text, style: style, className: className} = properties;
-    return React__default["default"].createElement(StyledNewPageLink, {
+    return React__default.default.createElement(StyledNewPageLink, {
         href: link,
         target: "_blank",
         rel: "noopener noreferrer",
@@ -2529,7 +2529,7 @@ const NewPageLink = properties => {
     }, text);
 };
-const StyledScrollableLine = styled__default["default"].div`
+const StyledScrollableLine = styled__default.default.div`
     text-align: left;
     overflow: scroll;
     outline: none;
@@ -2542,24 +2542,24 @@ const StyledScrollableLine = styled__default["default"].div`
     }
 `;
-const ScrollableLine = properties => {
+const ScrollableLine$1 = properties => {
     const {text: text, style: style, className: className} = properties;
-    return React__default["default"].createElement(StyledScrollableLine, {
+    return React__default.default.createElement(StyledScrollableLine, {
         style: Object.assign({}, style),
         className: className
     }, text);
 };
-const StyledTextItem = styled__default["default"].div`
+const StyledTextItem = styled__default.default.div`
     display: flex;
     align-items: center;
     margin-right: 2rem;
 `;
-const TextItem = properties => {
+const TextItem$1 = properties => {
     const {name: name, render: render, icon: IconProperty} = properties;
     const Icon = IconProperty || pluridIconsReact.PluridIconInfo;
-    return React__default["default"].createElement(StyledTextItem, null, React__default["default"].createElement(Icon, {
+    return React__default.default.createElement(StyledTextItem, null, React__default.default.createElement(Icon, {
         title: name,
         inactive: true,
         style: {
@@ -2569,10 +2569,10 @@ const TextItem = properties => {
 };
 const varia = {
-    CopyableLine: CopyableLine,
-    NewPageLink: NewPageLink,
-    ScrollableLine: ScrollableLine,
-    TextItem: TextItem
+    CopyableLine: CopyableLine$1,
+    NewPageLink: NewPageLink$1,
+    ScrollableLine: ScrollableLine$1,
+    TextItem: TextItem$1
 };
 const universal = {
@@ -2585,6 +2585,256 @@ const universal = {
     varia: varia
 };
+const StyledEntityView = styled__default.default.div`
+    position: relative;
+    height: 100%;
+    button {
+        font-family: ${({theme: theme}) => theme.fontFamilySansSerif};
+    }
+`;
+const StyledEntityViewTop = styled__default.default.div`
+    display: grid;
+    grid-template-columns: 3fr 1fr;
+    align-items: center;
+    margin-bottom: 30px;
+`;
+const StyledEntityFilterLine = styled__default.default.div`
+    position: relative;
+`;
+const StyledEntityFilterCancel = styled__default.default.div`
+    position: absolute;
+    top: 10px;
+    left: ${({filterLength: filterLength}) => filterLength === "SMALL" ? "275px" : "575px"};
+`;
+const StyledTopButtons = styled__default.default.div`
+    text-align: right;
+`;
+const StyledEntityListContainer = styled__default.default.div`
+`;
+const StyledEntityList = styled__default.default.ul`
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    max-height: 500px;
+    overflow: auto;
+    background-color: ${({theme: theme}) => theme.backgroundColorSecondaryAlpha};
+    box-shadow: ${({theme: theme}) => theme.boxShadowUmbraInset};
+    opacity: ${({loading: loading}) => {
+    if (loading) {
+        return "0.5";
+    }
+    return "1";
+}};
+    li:first-child {
+        background-color: ${({theme: theme, header: header}) => {
+    if (header) {
+        return theme.backgroundColorTertiary;
+    }
+    return "initial";
+}};
+    }
+    ${({header: header}) => {
+    if (header) {
+        return;
+    }
+    return styled.css`
+            li:hover {
+                background-color: ${({theme: theme}) => theme.backgroundColorPrimary};
+            }
+        `;
+}}
+`;
+const StyledEntityListItem = styled__default.default.li`
+    display: grid;
+    grid-template-columns: ${({rowTemplate: rowTemplate}) => rowTemplate};
+    grid-gap: 0.5rem;
+    padding: 0.7rem;
+    align-items: center;
+    min-height: 45px;
+    word-break: break-all;
+`;
+const StyledActionButton = styled__default.default.div`
+    width: 200px;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+`;
+const StyledNoRows = styled__default.default.div`
+    margin: 20px 0;
+    text-align: center;
+`;
+const createSearchTerms = (rows, fields) => rows.map((entity => {
+    const {id: id} = entity;
+    const data = [];
+    for (const field of fields) {
+        const term = entity[field];
+        if (term && typeof term === "string") {
+            data.push(term.toLowerCase().trim());
+        }
+    }
+    return {
+        id: id,
+        data: data
+    };
+}));
+const {buttons: {PureButton: PluridPureButton}, inputs: {Textline: PluridTextline}, markers: {Spinner: PluridSpinner}} = universal;
+const EntityView = React.forwardRef(((properties, reference) => {
+    const {entities: entities, searchFields: searchFields, generalTheme: generalTheme, interactionTheme: interactionTheme, rowsHeader: rowsHeader, rowTemplate: rowTemplate, noRows: noRows, abstractRowRenderer: abstractRowRenderer, actionButtonText: actionButtonText, placeholderText: placeholderText, scrollThrottleTime: scrollThrottleTimeProperty, loading: loading, rowRenderFields: rowRenderFields, rowRenderMethods: rowRenderMethods, actionButtonClick: actionButtonClick, filterUpdate: filterUpdate, refresh: refresh, actionScrollBottom: actionScrollBottom} = properties;
+    const placeholder = placeholderText || "search";
+    const scrollThrottleTime = scrollThrottleTimeProperty !== null && scrollThrottleTimeProperty !== void 0 ? scrollThrottleTimeProperty : 1e3;
+    const bottomTimeout = React.useRef();
+    const entityList = React.useRef(null);
+    const [searchTerms, setSearchTerms] = React.useState(createSearchTerms(entities, searchFields));
+    const [filteredRows, setFilteredRows] = React.useState(entities.map((entity => abstractRowRenderer(rowRenderFields || [], entity, rowRenderMethods || {}))));
+    const [searchValue, setSearchValue] = React.useState("");
+    const [filterLength, setFilterLength] = React.useState("SMALL");
+    const [refreshClicked, setRefreshClicked] = React.useState(false);
+    const handleScroll = pluridFunctionsReact.useThrottledCallback((() => {
+        const element = entityList.current;
+        if (!element) {
+            return;
+        }
+        const scrolledAmount = element.scrollTop + element.getBoundingClientRect().height;
+        const bottomReached = scrolledAmount >= element.scrollHeight;
+        if (bottomReached && actionScrollBottom && entities) {
+            actionScrollBottom(entities);
+        }
+    }), scrollThrottleTime);
+    const clearFilterValue = () => {
+        setSearchValue("");
+        if (filterUpdate) {
+            filterUpdate("");
+        }
+    };
+    React.useEffect((() => {
+        setFilteredRows(entities.map((entity => abstractRowRenderer(rowRenderFields || [], entity, rowRenderMethods || {}))));
+        setSearchTerms(createSearchTerms(entities, searchFields));
+    }), [ entities.length, JSON.stringify(entities) ]);
+    React.useEffect((() => {
+        if (refreshClicked) {
+            setTimeout((() => {
+                setRefreshClicked(false);
+            }), 1500);
+        }
+    }), [ refreshClicked ]);
+    React.useEffect((() => {
+        bottomTimeout.current = setTimeout((() => {
+            if (entityList.current && actionScrollBottom) {
+                entityList.current.addEventListener("scroll", handleScroll);
+            }
+        }), 100);
+        return () => {
+            if (bottomTimeout.current) {
+                clearTimeout(bottomTimeout.current);
+            }
+            if (entityList.current && actionScrollBottom) {
+                entityList.current.removeEventListener("scroll", handleScroll);
+            }
+        };
+    }), [ entities ]);
+    React.useEffect((() => {
+        if (searchValue.length <= 30) {
+            if (filterLength !== "SMALL") {
+                setFilterLength("SMALL");
+            }
+        } else {
+            if (filterLength !== "LARGE") {
+                setFilterLength("LARGE");
+            }
+        }
+    }), [ searchValue ]);
+    React.useImperativeHandle(reference, (() => ({
+        resetFilterValue() {
+            clearFilterValue();
+        },
+        getSearchTerms() {
+            return searchTerms;
+        }
+    })), [ JSON.stringify(searchTerms) ]);
+    return React__default.default.createElement(StyledEntityView, {
+        theme: generalTheme
+    }, !!loading && React__default.default.createElement(PluridSpinner, {
+        theme: generalTheme
+    }), React__default.default.createElement(StyledEntityViewTop, null, React__default.default.createElement(StyledEntityFilterLine, null, React__default.default.createElement(PluridTextline, {
+        text: searchValue,
+        placeholder: placeholder,
+        atChange: event => {
+            const {value: value} = event.target;
+            setSearchValue(value);
+            if (filterUpdate) {
+                filterUpdate(value);
+            }
+        },
+        atKeyDown: event => {
+            if (event.key === "Escape") {
+                clearFilterValue();
+            }
+        },
+        theme: interactionTheme,
+        spellCheck: false,
+        autoCapitalize: "false",
+        autoComplete: "false",
+        autoCorrect: "false",
+        level: 2,
+        style: {
+            width: filterLength === "SMALL" ? "300px" : "600px",
+            paddingRight: "2rem"
+        }
+    }), searchValue && React__default.default.createElement(StyledEntityFilterCancel, {
+        filterLength: filterLength
+    }, React__default.default.createElement(pluridIconsReact.PluridIconDelete, {
+        atClick: () => {
+            clearFilterValue();
+        }
+    }))), React__default.default.createElement(StyledTopButtons, null, refresh && !refreshClicked && React__default.default.createElement(pluridIconsReact.PluridIconReset, {
+        atClick: () => {
+            setRefreshClicked(true);
+            refresh();
+        },
+        theme: generalTheme
+    }))), filteredRows.length === 0 && React__default.default.createElement(StyledNoRows, null, noRows), filteredRows.length !== 0 && React__default.default.createElement(StyledEntityListContainer, {
+        theme: generalTheme
+    }, React__default.default.createElement(StyledEntityList, {
+        theme: generalTheme,
+        header: true
+    }, React__default.default.createElement(StyledEntityListItem, {
+        rowTemplate: rowTemplate
+    }, rowsHeader)), React__default.default.createElement(StyledEntityList, {
+        theme: generalTheme,
+        ref: entityList,
+        loading: loading
+    }, filteredRows.map((row => React__default.default.createElement(StyledEntityListItem, {
+        key: Math.random() + "",
+        rowTemplate: rowTemplate
+    }, row))))), actionButtonText && React__default.default.createElement(StyledActionButton, null, React__default.default.createElement(PluridPureButton, {
+        text: actionButtonText,
+        atClick: () => actionButtonClick ? actionButtonClick() : undefined,
+        theme: interactionTheme,
+        level: 2
+    })));
+}));
+const containers = {
+    EntityView: EntityView
+};
 const Head = properties => {
     var _a, _b, _c, _d;
     const {Helmet: Helmet, defaults: defaults, children: children, stateHead: stateHead} = properties;
@@ -2608,106 +2858,106 @@ const Head = properties => {
     const ogSiteName = (defaults === null || defaults === void 0 ? void 0 : defaults.ogSiteName) || "";
     const appleTouchIcon = (defaults === null || defaults === void 0 ? void 0 : defaults.appleTouchIcon) || "";
     const {styles: styles, scripts: scripts} = stateHead;
-    return React__default["default"].createElement(Helmet, null, React__default["default"].createElement("meta", {
+    return React__default.default.createElement(Helmet, null, React__default.default.createElement("meta", {
         charSet: "utf-8"
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         name: "robots",
         content: robots
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         name: "viewport",
         content: viewport
-    }), React__default["default"].createElement("title", null, titleValue), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("title", null, titleValue), React__default.default.createElement("meta", {
         name: "title",
         content: titleValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         name: "description",
         content: descriptionValue
-    }), apiDomain && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("link", {
+    }), apiDomain && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("link", {
         rel: "preconnect",
         href: apiDomain
-    }), React__default["default"].createElement("link", {
+    }), React__default.default.createElement("link", {
         rel: "dns-prefetch",
         href: apiDomain
-    })), faviconIcon && React__default["default"].createElement("link", {
+    })), faviconIcon && React__default.default.createElement("link", {
         rel: "icon",
         sizes: "64x64",
         href: faviconIcon
-    }), favicon32 && React__default["default"].createElement("link", {
+    }), favicon32 && React__default.default.createElement("link", {
         rel: "icon",
         type: "image/png",
         sizes: "32x32",
         href: favicon32
-    }), favicon16 && React__default["default"].createElement("link", {
+    }), favicon16 && React__default.default.createElement("link", {
         rel: "icon",
         type: "image/png",
         sizes: "16x16",
         href: favicon16
-    }), manifest && React__default["default"].createElement("link", {
+    }), manifest && React__default.default.createElement("link", {
         rel: "manifest",
         href: manifest
-    }), themeColor && React__default["default"].createElement("meta", {
+    }), themeColor && React__default.default.createElement("meta", {
         name: "theme-color",
         content: themeColor
-    }), canonicalURL && React__default["default"].createElement("link", {
+    }), canonicalURL && React__default.default.createElement("link", {
         rel: "canonical",
         href: canonicalURL
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "og:type",
         content: "website"
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "og:title",
         content: ogTitleValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "og:image",
         content: ogImageValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "og:image:width",
         content: ogImageWidth
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "og:image:height",
         content: ogImageHeight
-    }), ogSiteName && React__default["default"].createElement("meta", {
+    }), ogSiteName && React__default.default.createElement("meta", {
         property: "og:site_name",
         content: ogSiteName
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "og:url",
         content: ogURLValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "og:description",
         content: ogDescriptionValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "twitter:card",
         content: "summary_large_image"
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "twitter:url",
         content: ogURLValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "twitter:title",
         content: ogTitleValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "twitter:description",
         content: ogDescriptionValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         property: "twitter:image",
         content: ogImageValue
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         name: "apple-mobile-web-app-capable",
         content: "yes"
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         name: "apple-mobile-web-app-status-bar-style",
         content: "default"
-    }), React__default["default"].createElement("meta", {
+    }), React__default.default.createElement("meta", {
         name: "apple-mobile-web-app-title",
         content: titleValue
-    }), appleTouchIcon && React__default["default"].createElement("link", {
+    }), appleTouchIcon && React__default.default.createElement("link", {
         rel: "apple-touch-icon",
         sizes: "180x180",
         href: appleTouchIcon
-    }), children, styles === null || styles === void 0 ? void 0 : styles.map((style => React__default["default"].createElement("link", {
+    }), children, styles === null || styles === void 0 ? void 0 : styles.map((style => React__default.default.createElement("link", {
         rel: "stylesheet",
         key: "head-style" + style,
         href: style
-    }))), scripts === null || scripts === void 0 ? void 0 : scripts.map((script => React__default["default"].createElement("script", {
+    }))), scripts === null || scripts === void 0 ? void 0 : scripts.map((script => React__default.default.createElement("script", {
         key: "head-script" + script,
         src: script
     }))));
@@ -2734,7 +2984,7 @@ const translateUp = styled.keyframes`
     }
 `;
-const StyledNotification = styled__default["default"].div`
+const StyledNotification = styled__default.default.div`
     display: grid;
     align-items: center;
     position: relative;
@@ -2755,13 +3005,13 @@ const StyledNotification = styled__default["default"].div`
     }
 `;
-const StyledNotificationContent = styled__default["default"].div`
+const StyledNotificationContent = styled__default.default.div`
     font-size: 0.9rem;
     padding: 32px 16px;
     word-break: ${({wordBreak: wordBreak}) => wordBreak};
 `;
-const StyledNotificationClose = styled__default["default"].div`
+const StyledNotificationClose = styled__default.default.div`
     position: absolute;
     top: 8px;
     right: 8px;
@@ -2799,28 +3049,28 @@ const Notification = properties => {
             wordBreak: resolvedWordBreak
         };
         if (html) {
-            return React__default["default"].createElement(StyledNotificationContent, Object.assign({
+            return React__default.default.createElement(StyledNotificationContent, Object.assign({
                 dangerouslySetInnerHTML: pluridFunctionsReact.createMarkup(text)
             }, contentProperties));
         }
         if (react && elements && elements[text]) {
-            return React__default["default"].createElement(StyledNotificationContent, Object.assign({}, contentProperties), elements[text]);
+            return React__default.default.createElement(StyledNotificationContent, Object.assign({}, contentProperties), elements[text]);
         }
-        return React__default["default"].createElement(StyledNotificationContent, Object.assign({}, contentProperties), text);
+        return React__default.default.createElement(StyledNotificationContent, Object.assign({}, contentProperties), text);
     };
     const content = resolveRender();
-    return React__default["default"].createElement(StyledNotification, {
+    return React__default.default.createElement(StyledNotification, {
         theme: theme,
         style: Object.assign(Object.assign({}, style), {
             opacity: prepareForRemoval ? 0 : undefined
         }),
         className: className
-    }, content, React__default["default"].createElement(StyledNotificationClose, null, React__default["default"].createElement(pluridIconsReact.PluridIconDelete, {
+    }, content, React__default.default.createElement(StyledNotificationClose, null, React__default.default.createElement(pluridIconsReact.PluridIconDelete, {
         atClick: () => remove(id)
     })));
 };
-const StyledNotifications = styled__default["default"].div`
+const StyledNotifications = styled__default.default.div`
     position: absolute;
     bottom: 0;
     top: 0;
@@ -2834,7 +3084,7 @@ const StyledNotifications = styled__default["default"].div`
 const Notifications = properties => {
     const {elements: elements, stateGeneralTheme: stateGeneralTheme, stateNotifications: stateNotifications, dispatchRemoveNotification: dispatchRemoveNotification} = properties;
-    return React__default["default"].createElement(StyledNotifications, null, stateNotifications.map((notification => React__default["default"].createElement(Notification, {
+    return React__default.default.createElement(StyledNotifications, null, stateNotifications.map((notification => React__default.default.createElement(Notification, {
         key: notification.id,
         data: notification,
         theme: stateGeneralTheme,
@@ -2859,7 +3109,7 @@ const notifications = {
     Notifications: ConnectedNotifications
 };
-const StyledSittingTray = styled__default["default"].div`
+const StyledSittingTray = styled__default.default.div`
     background-color: ${props => props.theme.backgroundColorSecondary};
     box-shadow: ${props => props.theme.boxShadowUmbra};
@@ -2876,7 +3126,7 @@ const StyledSittingTray = styled__default["default"].div`
     overflow: hidden;
 `;
-const StyledSittingTrayContainer = styled__default["default"].div`
+const StyledSittingTrayContainer = styled__default.default.div`
     overflow: auto;
     height: 100%;
@@ -2908,53 +3158,53 @@ const StyledSittingTrayContainer = styled__default["default"].div`
     }
 `;
-const StyledSittingTrayItem = styled__default["default"].div`
+const StyledSittingTrayItem = styled__default.default.div`
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: 1fr 1fr;
     align-items: center;
 `;
-const StyledSittingTrayItemHeader = styled__default["default"].div`
+const StyledSittingTrayItemHeader = styled__default.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     align-items: center;
 `;
-const StyledSittingTrayItemBody = styled__default["default"].div`
+const StyledSittingTrayItemBody = styled__default.default.div`
     display: grid;
     grid-template-columns: 1fr;
     align-items: center;
 `;
-const StyledSittingTrayButton = styled__default["default"].div`
+const StyledSittingTrayButton = styled__default.default.div`
     display: grid;
     grid-template-columns: 25px 1fr;
     cursor: pointer;
 `;
-const StyledSittingTrayButtonIcon = styled__default["default"].div`
+const StyledSittingTrayButtonIcon = styled__default.default.div`
 `;
-const StyledSittingTrayButtonText = styled__default["default"].div`
+const StyledSittingTrayButtonText = styled__default.default.div`
     display: flex;
     align-items: center;
 `;
-const StyledStateLink = styled__default["default"].div`
+const StyledStateLink = styled__default.default.div`
     padding: 7px;
     padding-bottom: 0px;
     margin-bottom: 4px;
 `;
-const StyledStateLinkContainer = styled__default["default"].div`
+const StyledStateLinkContainer = styled__default.default.div`
     display: grid;
     grid-template-columns: 1fr;
     height: 25px;
     align-items: center;
 `;
-const StyledStateLinkText = styled__default["default"].div`
+const StyledStateLinkText = styled__default.default.div`
     width: 100%;
     overflow-x: scroll;
     overflow-y: hidden;
@@ -2968,7 +3218,7 @@ const StyledStateLinkText = styled__default["default"].div`
     }
 `;
-const StyledStateLinkCopy = styled__default["default"].div`
+const StyledStateLinkCopy = styled__default.default.div`
     width: 100%;
     cursor: pointer;
     justify-self: center;
@@ -2987,13 +3237,13 @@ const StateLink = properties => {
     React.useEffect((() => {
         setCurrentStateLink(currentLink);
     }), [ currentLink ]);
-    return React__default["default"].createElement(StyledStateLink, null, React__default["default"].createElement(StyledSittingTrayItem, null, React__default["default"].createElement(StyledSittingTrayItemHeader, null, React__default["default"].createElement("div", null, React__default["default"].createElement("h4", null, "state link")), React__default["default"].createElement("div", {
+    return React__default.default.createElement(StyledStateLink, null, React__default.default.createElement(StyledSittingTrayItem, null, React__default.default.createElement(StyledSittingTrayItemHeader, null, React__default.default.createElement("div", null, React__default.default.createElement("h4", null, "state link")), React__default.default.createElement("div", {
         style: {
             justifySelf: "right"
         }
-    }, React__default["default"].createElement(StyledStateLinkCopy, {
+    }, React__default.default.createElement(StyledStateLinkCopy, {
         onClick: copyStateLink
-    }, React__default["default"].createElement(pluridIconsReact.PluridIconCopy, null)))), React__default["default"].createElement(StyledSittingTrayItemBody, null, React__default["default"].createElement(StyledStateLinkContainer, null, React__default["default"].createElement(StyledStateLinkText, null, currentStateLink)))));
+    }, React__default.default.createElement(pluridIconsReact.PluridIconCopy, null)))), React__default.default.createElement(StyledSittingTrayItemBody, null, React__default.default.createElement(StyledStateLinkContainer, null, React__default.default.createElement(StyledStateLinkText, null, currentStateLink)))));
 };
 const mapStateToProperties$5 = (state, ownProperties) => ({
@@ -3005,7 +3255,7 @@ const mapDispatchToProperties$5 = dispatch => ({});
 const ConnectedStateLink = reactRedux.connect(mapStateToProperties$5, mapDispatchToProperties$5)(StateLink);
-const StyledStateLine = styled__default["default"].div`
+const StyledStateLine = styled__default.default.div`
     padding: 0 7px;
     margin-bottom: 4px;
@@ -3023,21 +3273,21 @@ const StyledStateLine = styled__default["default"].div`
     }
 `;
-const StyledSliderStateButton = styled__default["default"].div`
+const StyledSliderStateButton = styled__default.default.div`
     user-select: none;
     cursor: pointer;
     display: grid;
     place-content: center;
 `;
-const StyledSliderStateSliderContainer = styled__default["default"].div`
+const StyledSliderStateSliderContainer = styled__default.default.div`
 `;
-styled__default["default"].div`
+styled__default.default.div`
     justify-self: center;
 `;
-const StyledStateLineButtons = styled__default["default"].div`
+const StyledStateLineButtons = styled__default.default.div`
     display: grid;
     grid-template-columns: repeat(3, 20px);
     grid-gap: 3px;
@@ -3045,12 +3295,12 @@ const StyledStateLineButtons = styled__default["default"].div`
     justify-content: right;
 `;
-const StyledStateLineButton = styled__default["default"].div`
+const StyledStateLineButton = styled__default.default.div`
     display: grid;
     place-content: center;
 `;
-const StyledStateLineContainer = styled__default["default"].div`
+const StyledStateLineContainer = styled__default.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     align-items: center;
@@ -3079,19 +3329,19 @@ const StateLine = properties => {
             break;
         }
     };
-    return React__default["default"].createElement(StyledStateLine, null, React__default["default"].createElement(StyledSittingTrayItem, null, React__default["default"].createElement(StyledSittingTrayItemHeader, null, React__default["default"].createElement("div", null, React__default["default"].createElement("h4", null, "state line")), React__default["default"].createElement("div", null, React__default["default"].createElement(StyledStateLineButtons, null, React__default["default"].createElement(StyledStateLineButton, null, React__default["default"].createElement(pluridIconsReact.PluridIconPlay, null)), React__default["default"].createElement(StyledStateLineButton, null, React__default["default"].createElement(pluridIconsReact.PluridIconBranch, null)), React__default["default"].createElement(StyledStateLineButton, null, React__default["default"].createElement(pluridIconsReact.PluridIconNewStateline, null))))), React__default["default"].createElement(StyledSittingTrayItemBody, null, React__default["default"].createElement(StyledStateLineContainer, null, React__default["default"].createElement("div", {
+    return React__default.default.createElement(StyledStateLine, null, React__default.default.createElement(StyledSittingTrayItem, null, React__default.default.createElement(StyledSittingTrayItemHeader, null, React__default.default.createElement("div", null, React__default.default.createElement("h4", null, "state line")), React__default.default.createElement("div", null, React__default.default.createElement(StyledStateLineButtons, null, React__default.default.createElement(StyledStateLineButton, null, React__default.default.createElement(pluridIconsReact.PluridIconPlay, null)), React__default.default.createElement(StyledStateLineButton, null, React__default.default.createElement(pluridIconsReact.PluridIconBranch, null)), React__default.default.createElement(StyledStateLineButton, null, React__default.default.createElement(pluridIconsReact.PluridIconNewStateline, null))))), React__default.default.createElement(StyledSittingTrayItemBody, null, React__default.default.createElement(StyledStateLineContainer, null, React__default.default.createElement("div", {
         style: {
             display: "grid",
             justifyContent: "left"
         }
-    }, stateIndex !== 0 && React__default["default"].createElement(StyledSliderStateButton, {
+    }, stateIndex !== 0 && React__default.default.createElement(StyledSliderStateButton, {
         onClick: () => handleStateIndex("DECREASE")
-    }, "◀")), React__default["default"].createElement(StyledSliderStateSliderContainer, null), React__default["default"].createElement("div", {
+    }, "◀")), React__default.default.createElement(StyledSliderStateSliderContainer, null), React__default.default.createElement("div", {
         style: {
             display: "grid",
             justifyContent: "right"
         }
-    }, stateIndex !== maxStateSlider && React__default["default"].createElement(StyledSliderStateButton, {
+    }, stateIndex !== maxStateSlider && React__default.default.createElement(StyledSliderStateButton, {
         onClick: () => handleStateIndex("INCREASE")
     }, "▶"))))));
 };
@@ -3104,7 +3354,7 @@ const mapDispatchToProperties$4 = dispatch => ({});
 const ConnectedStateLine = reactRedux.connect(mapStateToProperties$4, mapDispatchToProperties$4)(StateLine);
-const StyledStateImage = styled__default["default"].div`
+const StyledStateImage = styled__default.default.div`
     padding: 0 7px;
     margin-bottom: 4px;
@@ -3118,14 +3368,14 @@ const StyledStateImage = styled__default["default"].div`
     }
 `;
-const StyledStateShareImage = styled__default["default"].div`
+const StyledStateShareImage = styled__default.default.div`
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: 25px;
     align-items: center;
 `;
-const StyledStateShareImageButtons = styled__default["default"].div`
+const StyledStateShareImageButtons = styled__default.default.div`
     display: grid;
     grid-template-columns: 110px auto;
     align-items: center;
@@ -3133,7 +3383,7 @@ const StyledStateShareImageButtons = styled__default["default"].div`
     height: 25px;
 `;
-const StyledStateShareImageButtonsCopy = styled__default["default"].div`
+const StyledStateShareImageButtonsCopy = styled__default.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 10px;
@@ -3146,7 +3396,7 @@ const StyledStateShareImageButtonsCopy = styled__default["default"].div`
     }
 `;
-const StyledStateShareImagePasteContainer = styled__default["default"].div`
+const StyledStateShareImagePasteContainer = styled__default.default.div`
     display: grid;
     grid-template-columns: 100px 40px;
     align-items: center;
@@ -3180,21 +3430,21 @@ const StateImage = properties => {
     const paste = () => {
         setShowPaste(false);
     };
-    return React__default["default"].createElement(StyledStateImage, null, React__default["default"].createElement(StyledSittingTrayItem, null, React__default["default"].createElement(StyledSittingTrayItemHeader, null, React__default["default"].createElement("div", null, React__default["default"].createElement("h4", null, "state image")), React__default["default"].createElement("div", null, React__default["default"].createElement("div", {
+    return React__default.default.createElement(StyledStateImage, null, React__default.default.createElement(StyledSittingTrayItem, null, React__default.default.createElement(StyledSittingTrayItemHeader, null, React__default.default.createElement("div", null, React__default.default.createElement("h4", null, "state image")), React__default.default.createElement("div", null, React__default.default.createElement("div", {
         style: {
             display: "grid",
             alignItems: "center",
             justifyContent: "right"
         }
-    }, React__default["default"].createElement(pluridIconsReact.PluridIconStateShareImage, null)))), React__default["default"].createElement(StyledSittingTrayItemBody, null, React__default["default"].createElement(StyledStateShareImage, null, !message && !showPaste && React__default["default"].createElement(StyledStateShareImageButtons, null, React__default["default"].createElement(StyledStateShareImageButtonsCopy, null, React__default["default"].createElement("div", {
+    }, React__default.default.createElement(pluridIconsReact.PluridIconStateShareImage, null)))), React__default.default.createElement(StyledSittingTrayItemBody, null, React__default.default.createElement(StyledStateShareImage, null, !message && !showPaste && React__default.default.createElement(StyledStateShareImageButtons, null, React__default.default.createElement(StyledStateShareImageButtonsCopy, null, React__default.default.createElement("div", {
         onClick: copyCurrentState
-    }, React__default["default"].createElement(pluridIconsReact.PluridIconCopyCurrentState, null)), React__default["default"].createElement("div", {
+    }, React__default.default.createElement(pluridIconsReact.PluridIconCopyCurrentState, null)), React__default.default.createElement("div", {
         onClick: copyStateHistory
-    }, React__default["default"].createElement(pluridIconsReact.PluridIconCopyStateHistory, null))), React__default["default"].createElement("div", {
+    }, React__default.default.createElement(pluridIconsReact.PluridIconCopyStateHistory, null))), React__default.default.createElement("div", {
         onClick: () => setShowPaste(true)
-    }, "paste")), message && !showPaste && React__default["default"].createElement("div", null, message), showPaste && React__default["default"].createElement(StyledStateShareImagePasteContainer, null, React__default["default"].createElement("input", {
+    }, "paste")), message && !showPaste && React__default.default.createElement("div", null, message), showPaste && React__default.default.createElement(StyledStateShareImagePasteContainer, null, React__default.default.createElement("input", {
         type: "text"
-    }), React__default["default"].createElement("div", {
+    }), React__default.default.createElement("div", {
         onClick: paste
     }, "paste"))))));
 };
@@ -3207,7 +3457,7 @@ const mapDispatchToProperties$3 = dispatch => ({});
 const ConnectedStateImage = reactRedux.connect(mapStateToProperties$3, mapDispatchToProperties$3)(StateImage);
-const StyledSittings = styled__default["default"].div`
+const StyledSittings = styled__default.default.div`
     padding: 7px;
     display: grid;
@@ -3229,11 +3479,11 @@ const StyledSittings = styled__default["default"].div`
 const Sittings = properties => {
     const {stateInteractionTheme: stateInteractionTheme} = properties;
-    return React__default["default"].createElement(StyledSittings, {
+    return React__default.default.createElement(StyledSittings, {
         theme: stateInteractionTheme
-    }, React__default["default"].createElement(StyledSittingTrayButton, null, React__default["default"].createElement(StyledSittingTrayButtonIcon, null, React__default["default"].createElement(pluridIconsReact.PluridIconSittings, {
+    }, React__default.default.createElement(StyledSittingTrayButton, null, React__default.default.createElement(StyledSittingTrayButtonIcon, null, React__default.default.createElement(pluridIconsReact.PluridIconSittings, {
         theme: stateInteractionTheme
-    })), React__default["default"].createElement(StyledSittingTrayButtonText, null, "sittings")));
+    })), React__default.default.createElement(StyledSittingTrayButtonText, null, "sittings")));
 };
 const mapStateToProperties$2 = (state, ownProperties) => ({
@@ -3246,18 +3496,18 @@ const ConnectedSittings = reactRedux.connect(mapStateToProperties$2, mapDispatch
 const SittingTray = properties => {
     const {selectors: selectors, context: context, stateInteractionTheme: stateInteractionTheme} = properties;
-    return React__default["default"].createElement(StyledSittingTray, {
+    return React__default.default.createElement(StyledSittingTray, {
         theme: stateInteractionTheme
-    }, React__default["default"].createElement(StyledSittingTrayContainer, null, React__default["default"].createElement("ul", null, React__default["default"].createElement("li", null, React__default["default"].createElement(ConnectedStateLink, {
+    }, React__default.default.createElement(StyledSittingTrayContainer, null, React__default.default.createElement("ul", null, React__default.default.createElement("li", null, React__default.default.createElement(ConnectedStateLink, {
         selectors: selectors,
         context: context
-    })), React__default["default"].createElement("li", null, React__default["default"].createElement(ConnectedStateLine, {
+    })), React__default.default.createElement("li", null, React__default.default.createElement(ConnectedStateLine, {
         selectors: selectors,
         context: context
-    })), React__default["default"].createElement("li", null, React__default["default"].createElement(ConnectedStateImage, {
+    })), React__default.default.createElement("li", null, React__default.default.createElement(ConnectedStateImage, {
         selectors: selectors,
         context: context
-    })), React__default["default"].createElement("li", null, React__default["default"].createElement(ConnectedSittings, {
+    })), React__default.default.createElement("li", null, React__default.default.createElement(ConnectedSittings, {
         selectors: selectors,
         context: context
     })))));
@@ -3275,7 +3525,7 @@ const sitting = {
     SittingTray: ConnectedSittingTray
 };
-const StyledHorizontalToolbarButton = styled__default["default"].div`
+const StyledHorizontalToolbarButton = styled__default.default.div`
     position: relative;
     cursor: pointer;
     user-select: none;
@@ -3323,7 +3573,7 @@ const StyledHorizontalToolbarButton = styled__default["default"].div`
     }
 `;
-const StyledHorizontalToolbarButtonIcon = styled__default["default"].div`
+const StyledHorizontalToolbarButtonIcon = styled__default.default.div`
     display: flex;
     align-items: center;
     margin-right: ${({text: text}) => {
@@ -3336,17 +3586,17 @@ const StyledHorizontalToolbarButtonIcon = styled__default["default"].div`
 const HorizontalToolbarButton = properties => {
     const {text: text, atClick: atClick, active: active, scaleIcon: scaleIcon, icon: Icon, theme: themeProperty, style: style, className: className} = properties;
-    const theme = themeProperty || themes__default["default"].plurid;
-    return React__default["default"].createElement(StyledHorizontalToolbarButton, {
+    const theme = themeProperty || themes__default.default.plurid;
+    return React__default.default.createElement(StyledHorizontalToolbarButton, {
         active: active,
         scaleIcon: scaleIcon,
         onClick: atClick,
         theme: theme,
         style: Object.assign({}, style),
         className: className
-    }, Icon && React__default["default"].createElement(StyledHorizontalToolbarButtonIcon, {
+    }, Icon && React__default.default.createElement(StyledHorizontalToolbarButtonIcon, {
         text: text
-    }, React__default["default"].createElement(Icon, null)), text);
+    }, React__default.default.createElement(Icon, null)), text);
 };
 var SizeTypes;
@@ -3371,7 +3621,7 @@ var VerticalPositions;
     VerticalPositions["bottom"] = "bottom";
 })(VerticalPositions || (VerticalPositions = {}));
-const StyledToolbarControls = styled__default["default"].div`
+const StyledToolbarControls = styled__default.default.div`
     top: ${({position: position}) => {
     if (position === VerticalPositions.top) {
         return "15px";
@@ -3391,7 +3641,7 @@ const StyledToolbarControls = styled__default["default"].div`
     z-index: 99999;
 `;
-const StyledToolbarControlsButtons = styled__default["default"].div`
+const StyledToolbarControlsButtons = styled__default.default.div`
     background-color: ${({theme: theme}) => theme.backgroundColorSecondary};
     box-shadow: ${({theme: theme}) => theme.boxShadowUmbra};
@@ -3411,17 +3661,17 @@ const ToolbarControls = properties => {
     const {position: positionProperty, theme: themeProperty, style: style, className: className, children: children} = properties;
     const position = positionProperty || VerticalPositions.top;
     const theme = themeProperty || themes.plurid;
-    return React__default["default"].createElement(StyledToolbarControls, {
+    return React__default.default.createElement(StyledToolbarControls, {
         position: position,
         theme: theme,
         style: Object.assign({}, style),
         className: className
-    }, React__default["default"].createElement(StyledToolbarControlsButtons, {
+    }, React__default.default.createElement(StyledToolbarControlsButtons, {
         theme: theme
     }, children));
 };
-const StyledVerticalToolbarButton = styled__default["default"].div`
+const StyledVerticalToolbarButton = styled__default.default.div`
     position: relative;
     cursor: pointer;
     height: 40px;
@@ -3491,7 +3741,7 @@ const StyledVerticalToolbarButton = styled__default["default"].div`
     }
 `;
-const StyledVerticalToolbarButtonText = styled__default["default"].div`
+const StyledVerticalToolbarButtonText = styled__default.default.div`
     left: ${props => {
     if (props.textLeft) {
         return "-108px";
@@ -3528,7 +3778,7 @@ const StyledVerticalToolbarButtonText = styled__default["default"].div`
 const VerticalToolbarButton = properties => {
     const {atClick: atClick, icon: Icon, active: active, text: text, textLeft: textLeft, showText: showText, scaleIcon: scaleIcon, first: first, last: last, theme: theme} = properties;
     const [mouseOver, setMouseOver] = React.useState(false);
-    return React__default["default"].createElement(StyledVerticalToolbarButton, {
+    return React__default.default.createElement(StyledVerticalToolbarButton, {
         onMouseEnter: () => setMouseOver(true),
         onMouseLeave: () => setMouseOver(false),
         onClick: atClick,
@@ -3537,12 +3787,12 @@ const VerticalToolbarButton = properties => {
         first: first,
         last: last,
         theme: theme
-    }, React__default["default"].createElement(Icon, null), mouseOver && showText && React__default["default"].createElement(StyledVerticalToolbarButtonText, {
+    }, React__default.default.createElement(Icon, null), mouseOver && showText && React__default.default.createElement(StyledVerticalToolbarButtonText, {
         textLeft: textLeft
     }, text));
 };
-const StyledToolbar = styled__default["default"].div`
+const StyledToolbar = styled__default.default.div`
     left: ${props => {
     if (props.position === HorizontalPositions.left) {
         return "0";
@@ -3563,7 +3813,7 @@ const StyledToolbar = styled__default["default"].div`
     width: 60px;
 `;
-const StyledToolbarButtons = styled__default["default"].div`
+const StyledToolbarButtons = styled__default.default.div`
     background-color: ${props => props.theme.backgroundColorSecondary};
     box-shadow: ${props => props.theme.boxShadowUmbra};
@@ -3609,12 +3859,12 @@ const ToolbarSpecific = properties => {
             }
         }
     }), [ mouseIn, alwaysShow ]);
-    return React__default["default"].createElement(StyledToolbar, {
+    return React__default.default.createElement(StyledToolbar, {
         onMouseMove: () => handleMouseMove,
         onMouseEnter: () => setMouseIn(true),
         onMouseLeave: () => setMouseIn(false),
         position: toolbarPosition
-    }, React__default["default"].createElement(StyledToolbarButtons, {
+    }, React__default.default.createElement(StyledToolbarButtons, {
         theme: stateInteractionTheme,
         style: {
             top: location ? location + "%" : "",
@@ -3631,7 +3881,7 @@ const ToolbarSpecific = properties => {
         return true;
     })).map(((button, index) => {
         const {type: type, text: text, icon: Icon, first: first, last: last} = button;
-        return React__default["default"].createElement(VerticalToolbarButton, {
+        return React__default.default.createElement(VerticalToolbarButton, {
             key: type,
             atClick: () => handleClick(type, index),
             icon: Icon,
@@ -3662,14 +3912,14 @@ const ToolbarGeneral = properties => {
     const {scaleIcons: scaleIcons, showNames: showNames} = stateToolbars;
     const iconTextLeft = false;
     const sittingButton = sittingButtonProperty !== null && sittingButtonProperty !== void 0 ? sittingButtonProperty : true;
-    return React__default["default"].createElement(ConnectedToolbarSpecific, {
+    return React__default.default.createElement(ConnectedToolbarSpecific, {
         buttons: buttons,
         handleClick: handleClick,
         activeType: stateView,
         position: HorizontalPositions.left,
         selectors: selectors,
         context: context
-    }, speakButton && React__default["default"].createElement(VerticalToolbarButton, {
+    }, speakButton && React__default.default.createElement(VerticalToolbarButton, {
         atClick: () => {},
         icon: pluridIconsReact.PluridIconSpeak,
         active: false,
@@ -3678,7 +3928,7 @@ const ToolbarGeneral = properties => {
         showText: showNames,
         scaleIcon: scaleIcons,
         theme: stateInteractionTheme
-    }), sittingButton && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(VerticalToolbarButton, {
+    }), sittingButton && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(VerticalToolbarButton, {
         atClick: () => dispatchToggleSittingTray(),
         icon: pluridIconsReact.PluridIconStateShareImage,
         active: stateSittingTray,
@@ -3688,7 +3938,7 @@ const ToolbarGeneral = properties => {
         scaleIcon: scaleIcons,
         theme: stateInteractionTheme,
         last: true
-    }), stateSittingTray && React__default["default"].createElement(ConnectedSittingTray, {
+    }), stateSittingTray && React__default.default.createElement(ConnectedSittingTray, {
         selectors: selectors,
         context: context
     })));
@@ -3719,12 +3969,81 @@ const toolbars = {
 };
 const pluridal = {
+    containers: containers,
     head: head,
     notifications: notifications,
     sitting: sitting,
     toolbars: toolbars
 };
+var index = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, universal.buttons), universal.form), universal.general), universal.inputs), universal.markers), universal.typography), universal.varia), pluridal.containers), pluridal.head), pluridal.notifications), pluridal.sitting), pluridal.toolbars);
+const {buttons: {LinkButton: LinkButton, PureButton: PureButton, RefreshButton: RefreshButton}, form: {FormLeftRight: FormLeftRight, FormObliterate: FormObliterate, Formbutton: Formbutton, Formitem: Formitem, Formline: Formline}, general: {GlobalStyles: GlobalStyles}, inputs: {Dropdown: Dropdown, EntityPill: EntityPill, EntityPillGroup: EntityPillGroup, InputBox: InputBox, InputDescriptor: InputDescriptor, InputLine: InputLine, InputSwitch: InputSwitch, Itemsline: Itemsline, Select: Select, Slider: Slider, Switch: Switch, Textline: Textline}, markers: {HR: HR, ProgressCircle: ProgressCircle, Spinner: Spinner, Tooltip: Tooltip}, typography: {Heading: Heading, Paragraph: Paragraph}, varia: {CopyableLine: CopyableLine, NewPageLink: NewPageLink, ScrollableLine: ScrollableLine, TextItem: TextItem}} = universal;
+exports.CopyableLine = CopyableLine;
+exports.Dropdown = Dropdown;
+exports.EntityPill = EntityPill;
+exports.EntityPillGroup = EntityPillGroup;
+exports.FormLeftRight = FormLeftRight;
+exports.FormObliterate = FormObliterate;
+exports.Formbutton = Formbutton;
+exports.Formitem = Formitem;
+exports.Formline = Formline;
+exports.GlobalStyles = GlobalStyles;
+exports.HR = HR;
+exports.Heading = Heading;
+exports.InputBox = InputBox;
+exports.InputDescriptor = InputDescriptor;
+exports.InputLine = InputLine;
+exports.InputSwitch = InputSwitch;
+exports.Itemsline = Itemsline;
+exports.LinkButton = LinkButton;
+exports.NewPageLink = NewPageLink;
+exports.Paragraph = Paragraph;
+exports.ProgressCircle = ProgressCircle;
+exports.PureButton = PureButton;
+exports.RefreshButton = RefreshButton;
+exports.ScrollableLine = ScrollableLine;
+exports.Select = Select;
+exports.Slider = Slider;
+exports.Spinner = Spinner;
+exports.Switch = Switch;
+exports.TextItem = TextItem;
+exports.Textline = Textline;
+exports.Tooltip = Tooltip;
+exports.default = index;
 exports.pluridal = pluridal;
 exports.universal = universal;