@vitus-labs/elements 0.79.0 → 0.81.0

package/lib/types/Util/component.d.ts

@@ -1,8 +1,17 @@
 import { ReactNode } from 'react';
 import type { VLComponent } from "../types";
 export type Props = {
+    /**
+     * Children to be rendered within **Util** component.
+     */
     children: ReactNode;
+    /**
+     * Class name(s) to be added to children component.
+     */
     className?: string | string[];
+    /**
+     * Style property to extend children component inline styles
+     */
     style?: Record<string, unknown>;
 };
 declare const Component: VLComponent<Props>;

package/lib/types/Util/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/Util/component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAe;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,WAAW,CAAC,KAAK,CACM,CAAA;AAQxC,eAAe,SAAS,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/Util/component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,SAAS,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAe;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,WAAW,CAAC,KAAK,CAMjC,CAAA;AAQD,eAAe,SAAS,CAAA"}

package/lib/types/helpers/Iterator/types.d.ts

@@ -20,13 +20,41 @@ export type ExtendedProps = {
 };
 export type PropsCallback = TObj | ((itemProps: Record<string, never> | Record<string, SimpleValue> | ObjectValue, extendedProps: ExtendedProps) => TObj);
 export type Props = Partial<{
+    /**
+     * Valid React `children`
+     */
     children: ReactNode;
+    /**
+     * Array of data passed to `component` prop
+     */
     data: Array<SimpleValue | ObjectValue | MaybeNull>;
+    /**
+     * A React component to be rendred within list
+     */
     component: ElementType;
+    /**
+     * Defines name of the prop to be passed to the iteration component
+     * when **data** prop is type of `string[]`, `number[]` or combination
+     * of both. Otherwise ignored.
+     */
     valueName: string;
+    /**
+     * A React component to be rendred within list. `wrapComponent`
+     * wraps `component`. Therefore it can be used to enhance the behavior
+     * of the list component
+     */
     wrapComponent: ElementType;
+    /**
+     * Extension of **item** `component` props to be passed
+     */
     itemProps: PropsCallback;
+    /**
+     * Extension of **item** `wrapComponent` props to be passed
+     */
     wrapProps?: PropsCallback;
+    /**
+     * Extension of **item** `wrapComponent` props to be passed
+     */
     itemKey?: keyof ObjectValue | ((item: SimpleValue | Omit<ObjectValue, 'component'>, index: number) => SimpleValue);
 }>;
 //# sourceMappingURL=types.d.ts.map

package/lib/types/helpers/Iterator/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Iterator/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,IAAI,CAAA;AACxC,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAC1C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;IAChC,EAAE,EAAE,WAAW,CAAA;IACf,GAAG,EAAE,WAAW,CAAA;IAChB,MAAM,EAAE,WAAW,CAAA;IACnB,SAAS,EAAE,WAAW,CAAA;CACvB,CAAC,GACA,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEzB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,IAC3D,aAAa,CAAC,CAAC,CAAC,GAChB,yBAAyB,CAAC,CAAC,CAAC,GAC5B,QAAQ,CAAA;AAEZ,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,OAAO,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB,IAAI,GACJ,CAAC,CACC,SAAS,EACL,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAC3B,WAAW,EACf,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC,CAAA;AAEd,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,KAAK,CAAC,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC,CAAA;IAClD,SAAS,EAAE,WAAW,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,WAAW,CAAA;IAC1B,SAAS,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,OAAO,CAAC,EACJ,MAAM,WAAW,GACjB,CAAC,CACC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,EAClD,KAAK,EAAE,MAAM,KACV,WAAW,CAAC,CAAA;CACtB,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Iterator/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,IAAI,CAAA;AACxC,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAC1C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;IAChC,EAAE,EAAE,WAAW,CAAA;IACf,GAAG,EAAE,WAAW,CAAA;IAChB,MAAM,EAAE,WAAW,CAAA;IACnB,SAAS,EAAE,WAAW,CAAA;CACvB,CAAC,GACA,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEzB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,IAC3D,aAAa,CAAC,CAAC,CAAC,GAChB,yBAAyB,CAAC,CAAC,CAAC,GAC5B,QAAQ,CAAA;AAEZ,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,OAAO,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB,IAAI,GACJ,CAAC,CACC,SAAS,EACL,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAC3B,WAAW,EACf,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC,CAAA;AAEd,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IAEnB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC,CAAA;IAElD;;OAEG;IACH,SAAS,EAAE,WAAW,CAAA;IAEtB;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,aAAa,EAAE,WAAW,CAAA;IAE1B;;OAEG;IACH,SAAS,EAAE,aAAa,CAAA;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IAEzB;;OAEG;IACH,OAAO,CAAC,EACJ,MAAM,WAAW,GACjB,CAAC,CACC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,EAClD,KAAK,EAAE,MAAM,KACV,WAAW,CAAC,CAAA;CACtB,CAAC,CAAA"}

package/lib/types/helpers/Wrapper/component.d.ts

@@ -13,6 +13,6 @@ type Props = {
     extendCss: ExtendCss;
     dangerouslySetInnerHTML: any;
 };
-declare const component: React.ForwardRefExoticComponent<Partial<Props> & React.RefAttributes<unknown>>;
-export default component;
+declare const Component: React.ForwardRefExoticComponent<Partial<Props> & React.RefAttributes<unknown>>;
+export default Component;
 //# sourceMappingURL=component.d.ts.map

package/lib/vitus-labs-elements.browser.js

@@ -74,7 +74,7 @@ var Styled$2 = config.styled(config.component) `
 })};
 `;
 
-const component$4 = forwardRef(({ children, tag, block, extendCss, direction, alignX, alignY, equalCols, isInline, ...props }, ref) => {
+const Component$9 = forwardRef(({ children, tag, block, extendCss, direction, alignX, alignY, equalCols, isInline, ...props }, ref) => {
     const debugProps = process.env.NODE_ENV !== 'production'
         ? {
             'data-vl-element': 'Element',
@@ -179,7 +179,7 @@ var Styled$1 = config.styled(config.component) `
 })};
 `;
 
-const Component$6 = ({ contentType, tag, parentDirection, direction, alignX, alignY, equalCols, gap, extendCss, ...props }) => {
+const Component$8 = ({ contentType, tag, parentDirection, direction, alignX, alignY, equalCols, gap, extendCss, ...props }) => {
     const debugProps = process.env.NODE_ENV !== 'production'
         ? {
             'data-vl-element': contentType,
@@ -196,7 +196,7 @@ const Component$6 = ({ contentType, tag, parentDirection, direction, alignX, ali
             extraStyles: extendCss,
         }, ...debugProps, ...props }));
 };
-var component$3 = memo(Component$6);
+var component$1 = memo(Component$8);
 
 const INLINE_ELEMENTS = {
     span: true,
@@ -264,7 +264,7 @@ const defaultDirection = 'inline';
 const defaultContentDirection = 'rows';
 const defaultAlignX = 'left';
 const defaultAlignY = 'center';
-const Component$5 = forwardRef(({ innerRef, tag, label, content, children, beforeContent, afterContent, block, equalCols, gap, direction, alignX = defaultAlignX, alignY = defaultAlignY, css, contentCss, beforeContentCss, afterContentCss, contentDirection = defaultContentDirection, contentAlignX = defaultAlignX, contentAlignY = defaultAlignY, beforeContentDirection = defaultDirection, beforeContentAlignX = defaultAlignX, beforeContentAlignY = defaultAlignY, afterContentDirection = defaultDirection, afterContentAlignX = defaultAlignX, afterContentAlignY = defaultAlignY, ...props }, ref) => {
+const Component$7 = forwardRef(({ innerRef, tag, label, content, children, beforeContent, afterContent, block, equalCols, gap, direction, alignX = defaultAlignX, alignY = defaultAlignY, css, contentCss, beforeContentCss, afterContentCss, contentDirection = defaultContentDirection, contentAlignX = defaultAlignX, contentAlignY = defaultAlignY, beforeContentDirection = defaultDirection, beforeContentAlignX = defaultAlignX, beforeContentAlignY = defaultAlignY, afterContentDirection = defaultDirection, afterContentAlignX = defaultAlignX, afterContentAlignY = defaultAlignY, ...props }, ref) => {
     // --------------------------------------------------------
     // check if should render only single element
     // --------------------------------------------------------
@@ -325,20 +325,21 @@ const Component$5 = forwardRef(({ innerRef, tag, label, content, children, befor
     // return simple/empty element like input or image etc.
     // --------------------------------------------------------
     if (shouldBeEmpty) {
-        return React.createElement(component$4, { ...props, ...WRAPPER_PROPS });
+        return React.createElement(Component$9, { ...props, ...WRAPPER_PROPS });
     }
     const contentRenderOutput = render(CHILDREN);
-    return (React.createElement(component$4, { ...props, ...WRAPPER_PROPS, isInline: isInline },
-        beforeContent && (React.createElement(component$3, { tag: SUB_TAG, contentType: "before", parentDirection: wrapperDirection, extendCss: beforeContentCss, direction: beforeContentDirection, alignX: beforeContentAlignX, alignY: beforeContentAlignY, equalCols: equalCols, gap: gap }, render(beforeContent))),
-        isSimpleElement ? (contentRenderOutput) : (React.createElement(component$3, { tag: SUB_TAG, contentType: "content", parentDirection: wrapperDirection, extendCss: contentCss, direction: contentDirection, alignX: contentAlignX, alignY: contentAlignY, equalCols: equalCols }, contentRenderOutput)),
-        afterContent && (React.createElement(component$3, { tag: SUB_TAG, contentType: "after", parentDirection: wrapperDirection, extendCss: afterContentCss, direction: afterContentDirection, alignX: afterContentAlignX, alignY: afterContentAlignY, equalCols: equalCols, gap: gap }, render(afterContent)))));
+    return (React.createElement(Component$9, { ...props, ...WRAPPER_PROPS, isInline: isInline },
+        beforeContent && (React.createElement(component$1, { tag: SUB_TAG, contentType: "before", parentDirection: wrapperDirection, extendCss: beforeContentCss, direction: beforeContentDirection, alignX: beforeContentAlignX, alignY: beforeContentAlignY, equalCols: equalCols, gap: gap }, render(beforeContent))),
+        isSimpleElement ? (contentRenderOutput) : (React.createElement(component$1, { tag: SUB_TAG, contentType: "content", parentDirection: wrapperDirection, extendCss: contentCss, direction: contentDirection, alignX: contentAlignX, alignY: contentAlignY, equalCols: equalCols }, contentRenderOutput)),
+        afterContent && (React.createElement(component$1, { tag: SUB_TAG, contentType: "after", parentDirection: wrapperDirection, extendCss: afterContentCss, direction: afterContentDirection, alignX: afterContentAlignX, alignY: afterContentAlignY, equalCols: equalCols, gap: gap }, render(afterContent)))));
 });
 const name$5 = `${PKG_NAME}/Element`;
-Component$5.displayName = name$5;
-Component$5.pkgName = PKG_NAME;
-Component$5.VITUS_LABS__COMPONENT = name$5;
+Component$7.displayName = name$5;
+Component$7.pkgName = PKG_NAME;
+Component$7.VITUS_LABS__COMPONENT = name$5;
 
 // @ts-nocheck
+/* eslint-disable no-param-reassign */
 const isNumber = (a, b) => Number.isInteger(a) && Number.isInteger(b);
 const types = {
     height: 'offsetHeight',
@@ -401,7 +402,7 @@ const attachItemProps = ({ i, length, }) => {
         position,
     };
 };
-const Component$4 = (props) => {
+const Component$6 = (props) => {
     const { itemKey, valueName, children, component, data, wrapComponent: Wrapper, wrapProps, itemProps, } = props;
     const injectItemProps = useMemo(() => (typeof itemProps === 'function' ? itemProps : () => itemProps), [itemProps]);
     const injectWrapItemProps = useMemo(() => (typeof wrapProps === 'function' ? wrapProps : () => wrapProps), [wrapProps]);
@@ -547,19 +548,19 @@ const Component$4 = (props) => {
     };
     return renderItems();
 };
-Component$4.isIterator = true;
-Component$4.RESERVED_PROPS = RESERVED_PROPS;
+Component$6.isIterator = true;
+Component$6.RESERVED_PROPS = RESERVED_PROPS;
 
-const component$2 = forwardRef(({ rootElement = false, ...props }, ref) => {
-    const renderedList = React.createElement(Component$4, { ...pick(props, Component$4.RESERVED_PROPS) });
+const Component$5 = forwardRef(({ rootElement = false, ...props }, ref) => {
+    const renderedList = React.createElement(Component$6, { ...pick(props, Component$6.RESERVED_PROPS) });
     if (!rootElement)
         return renderedList;
-    return (React.createElement(Component$5, { ref: ref, ...omit(props, Component$4.RESERVED_PROPS) }, renderedList));
+    return (React.createElement(Component$7, { ref: ref, ...omit(props, Component$6.RESERVED_PROPS) }, renderedList));
 });
 const name$4 = `${PKG_NAME}/List`;
-component$2.displayName = name$4;
-component$2.pkgName = PKG_NAME;
-component$2.VITUS_LABS__COMPONENT = name$4;
+Component$5.displayName = name$4;
+Component$5.pkgName = PKG_NAME;
+Component$5.VITUS_LABS__COMPONENT = name$4;
 
 // @ts-nocheck
 const RESERVED_KEYS = [
@@ -568,7 +569,7 @@ const RESERVED_KEYS = [
     'itemProps',
     'activeItemRequired',
 ];
-const component$1 = (WrappedComponent) => {
+const component = (WrappedComponent) => {
     const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
     const Enhanced = (props) => {
         const { type = 'single', activeItemRequired, activeItems, itemProps = {}, ...rest } = props;
@@ -691,7 +692,7 @@ const component$1 = (WrappedComponent) => {
     return Enhanced;
 };
 
-const Component$3 = ({ DOMLocation, tag = 'div', children, }) => {
+const Component$4 = ({ DOMLocation, tag = 'div', children, }) => {
     const [element, setElement] = useState();
     useEffect(() => {
         if (!tag)
@@ -709,14 +710,14 @@ const Component$3 = ({ DOMLocation, tag = 'div', children, }) => {
     return createPortal(children, element);
 };
 const name$3 = `${PKG_NAME}/Portal`;
-Component$3.displayName = name$3;
-Component$3.pkgName = PKG_NAME;
-Component$3.VITUS_LABS__COMPONENT = name$3;
+Component$4.displayName = name$3;
+Component$4.pkgName = PKG_NAME;
+Component$4.VITUS_LABS__COMPONENT = name$3;
 
 const context = createContext({});
 const { Provider } = context;
 const useOverlayContext = () => useContext(context);
-const Component$2 = ({ children, blocked, setBlocked, setUnblocked, }) => {
+const Component$3 = ({ children, blocked, setBlocked, setUnblocked, }) => {
     const ctx = useMemo(() => ({
         blocked,
         setBlocked,
@@ -1153,11 +1154,11 @@ offsetX = 0, offsetY = 0, throttleDelay = 200, parentContainer, closeOnEsc = tru
         blocked,
         setBlocked,
         setUnblocked,
-        Provider: Component$2,
+        Provider: Component$3,
     };
 };
 
-const Component$1 = ({ children, trigger, DOMLocation, triggerRefName = 'ref', contentRefName = 'ref', ...props }) => {
+const Component$2 = ({ children, trigger, DOMLocation, triggerRefName = 'ref', contentRefName = 'ref', ...props }) => {
     const { active, triggerRef, contentRef, showContent, hideContent, align, alignX, alignY, Provider, ...ctx } = useOverlay(props);
     const { openOn, closeOn } = props;
     const passHandlers = useMemo(() => openOn === 'manual' ||
@@ -1169,7 +1170,7 @@ const Component$1 = ({ children, trigger, DOMLocation, triggerRefName = 'ref', c
             active,
             ...(passHandlers ? { showContent, hideContent } : {}),
         }),
-        active && (React.createElement(Component$3, { DOMLocation: DOMLocation },
+        active && (React.createElement(Component$4, { DOMLocation: DOMLocation },
             React.createElement(Provider, { ...ctx }, render(children, {
                 [contentRefName]: contentRef,
                 active,
@@ -1180,16 +1181,16 @@ const Component$1 = ({ children, trigger, DOMLocation, triggerRefName = 'ref', c
             }))))));
 };
 const name$2 = `${PKG_NAME}/Overlay`;
-Component$1.displayName = name$2;
-Component$1.pkgName = PKG_NAME;
-Component$1.VITUS_LABS__COMPONENT = name$2;
+Component$2.displayName = name$2;
+Component$2.pkgName = PKG_NAME;
+Component$2.VITUS_LABS__COMPONENT = name$2;
 
 const styles = ({ css, theme: t }) => css `
   ${t.extraStyles && extendCss(t.extraStyles)};
 `;
 var Styled = config.styled(config.textComponent) `
   color: inherit;
-  font-weight: normal;
+  font-weight: inherit;
   line-height: 1;
 
   ${makeItResponsive({
@@ -1200,8 +1201,8 @@ var Styled = config.styled(config.textComponent) `
 })};
 `;
 
-const component = forwardRef(({ paragraph, label, children, tag, extendCss, ...props }, ref) => {
-    const renderContent = (as = undefined) => (React.createElement(Styled, { ref: ref, as: as, "$text": { extraStyles: extendCss }, ...props }, children || label));
+const Component$1 = forwardRef(({ paragraph, label, children, tag, css, ...props }, ref) => {
+    const renderContent = (as = undefined) => (React.createElement(Styled, { ref: ref, as: as, "$text": { extraStyles: css }, ...props }, children || label));
     let finalTag;
     {
         if (paragraph)
@@ -1213,16 +1214,19 @@ const component = forwardRef(({ paragraph, label, children, tag, extendCss, ...p
     return renderContent(finalTag);
 });
 const name$1 = `${PKG_NAME}/Text`;
-component.displayName = name$1;
-component.pkgName = PKG_NAME;
-component.VITUS_LABS__COMPONENT = name$1;
-component.isText = true;
+Component$1.displayName = name$1;
+Component$1.pkgName = PKG_NAME;
+Component$1.VITUS_LABS__COMPONENT = name$1;
+Component$1.isText = true;
 
-const Component = ({ children, className = '', style }) => render(children, { className, style });
+const Component = ({ children, className = '', style }) => {
+    const mergedClasses = useMemo(() => Array.isArray(className) ? className.join(' ') : className, [className]);
+    return render(children, { className: mergedClasses, style });
+};
 const name = `${PKG_NAME}/Util`;
 Component.displayName = name;
 Component.pkgName = PKG_NAME;
 Component.VITUS_LABS__COMPONENT = name;
 
-export { Component$5 as Element, component$2 as List, Component$1 as Overlay, Component$2 as OverlayProvider, Component$3 as Portal, component as Text, Component as Util, useOverlay, component$1 as withActiveState, withEqualBeforeAfter as withEqualSizeBeforeAfter };
+export { Component$7 as Element, Component$5 as List, Component$2 as Overlay, Component$3 as OverlayProvider, Component$4 as Portal, Component$1 as Text, Component as Util, useOverlay, component as withActiveState, withEqualBeforeAfter as withEqualSizeBeforeAfter };
 //# sourceMappingURL=vitus-labs-elements.browser.js.map