@e1011/es-kit 1.0.14 → 1.0.16

package/dist/lib/src/core/constants/ui.constants.js

@@ -0,0 +1,12 @@
+export var EventName;
+(function (EventName) {
+    EventName["MouseEnter"] = "mouseenter";
+    EventName["MouseLeave"] = "mouseleave";
+    EventName["Hover"] = "hover";
+    EventName["Click"] = "click";
+    EventName["Focus"] = "focus";
+    EventName["Blur"] = "blur";
+    EventName["KeyDown"] = "keydown";
+    EventName["Scroll"] = "scroll";
+})(EventName || (EventName = {}));
+//# sourceMappingURL=ui.constants.js.map

package/dist/lib/src/core/constants/ui.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.constants.js","sourceRoot":"","sources":["../../../../../src/core/constants/ui.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,SASX;AATD,WAAY,SAAS;IACnB,sCAAyB,CAAA;IACzB,sCAAyB,CAAA;IACzB,4BAAe,CAAA;IACf,4BAAe,CAAA;IACf,4BAAe,CAAA;IACf,0BAAa,CAAA;IACb,gCAAmB,CAAA;IACnB,8BAAiB,CAAA;AACnB,CAAC,EATW,SAAS,KAAT,SAAS,QASpB"}

package/dist/lib/src/core/hooks/index.js

@@ -0,0 +1,6 @@
+export * from './useApi';
+export * from './useToggle';
+export * from './useTranslations';
+export * from './useOutsideClick';
+export * from './useResize';
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA"}

package/dist/lib/src/core/hooks/useApi.js

@@ -0,0 +1,31 @@
+import { useState, useCallback } from 'react';
+const map = {};
+const defaultDataFetching = { loading: false, error: null, data: null };
+export const useApi = (id, callerInitial, decoratorIntitial, successHandler, errorHandler) => {
+    const [dataFetching, setDataFetching] = useState(defaultDataFetching);
+    // TODO should work the same with useMemo...
+    if (!map[id]) {
+        map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler };
+    }
+    const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id];
+    const doCall = useCallback(async (...args) => {
+        try {
+            setDataFetching((prevState) => ({ ...prevState, loading: true }));
+            const data = await caller(...args);
+            const returnData = decorator ? decorator(data) : data;
+            onSuccess && onSuccess({ data: returnData, originalData: data.data });
+            setDataFetching((prevState) => {
+                const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data };
+                return newState;
+            });
+            return returnData;
+        }
+        catch (error) {
+            onError && onError(error);
+            setDataFetching((prevState) => ({ ...prevState, loading: false, error }));
+            throw error;
+        }
+    }, [caller, decorator, onSuccess, onError]);
+    return [doCall, dataFetching];
+};
+//# sourceMappingURL=useApi.js.map

package/dist/lib/src/core/hooks/useApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApi.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAkB7C,MAAM,GAAG,GAA+B,EAAE,CAAA;AAE1C,MAAM,mBAAmB,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;AAEvE,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,EAAU,EACV,aAAqB,EACrB,iBAA6B,EAC7B,cAAoC,EACpC,YAAkC,EAEgB,EAAE;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe,mBAAmB,CAAC,CAAA;IAEnF,4CAA4C;IAC5C,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;QACZ,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA;KACpG;IAED,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,CAAA;IAEvF,MAAM,MAAM,GAAuB,WAAW,CAAC,KAAK,EAAC,GAAG,IAAW,EAAE,EAAE;QACrE,IAAI;YACF,eAAe,CAAC,CAAC,SAAuB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;YAC/E,MAAM,IAAI,GAAS,MAAM,MAAM,CAAC,GAAG,IAAI,CAAC,CAAA;YACxC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YAErD,SAAS,IAAI,SAAS,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;YAErE,eAAe,CAAC,CAAC,SAAuB,EAAE,EAAE;gBAC1C,MAAM,QAAQ,GAAG,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,CAAA;gBAEzG,OAAO,QAAQ,CAAA;YACjB,CAAC,CAAC,CAAA;YAEF,OAAO,UAAU,CAAA;SAClB;QAAC,OAAO,KAAU,EAAE;YACnB,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAA;YACzB,eAAe,CAAC,CAAC,SAAuB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;YACvF,MAAM,KAAK,CAAA;SACZ;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3C,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;AAC/B,CAAC,CAAA"}

package/dist/lib/src/core/hooks/useOutsideClick.js

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+import { EventName } from '../constants/ui.constants';
+import { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside';
+export function useOutsideClick(element, callback, handleClickOutside = defaultHandleClickOutside(element, callback)) {
+    useEffect(() => {
+        document.addEventListener(EventName.Click, handleClickOutside);
+        return () => {
+            document.removeEventListener(EventName.Click, handleClickOutside);
+        };
+    }, [element, handleClickOutside]);
+}
+//# sourceMappingURL=useOutsideClick.js.map

package/dist/lib/src/core/hooks/useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAK1F,MAAM,UAAU,eAAe,CAC7B,OAAgB,EAChB,QAA2B,EAC3B,kBAAkB,GAAG,yBAAyB,CAAC,OAAO,EAAE,QAAQ,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;QAE9D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;QACnE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAA;AACnC,CAAC"}

package/dist/lib/src/core/hooks/useResize.js

@@ -0,0 +1,43 @@
+import { useLayoutEffect, useMemo, useState, useRef } from 'react';
+import debounce from 'lodash-es/debounce';
+export const useResize = (debounceDelay = 250) => {
+    const [containerSize, setContainerSize] = useState({ width: undefined, height: undefined });
+    const lastResizeWidthRef = useRef({ width: 0, height: 0 });
+    const containerRef = useRef();
+    // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)
+    const unobserverRef = useRef();
+    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {
+        const newResizeWidth = entries[0].contentRect.width;
+        const newResizeHeight = entries[0].contentRect.height;
+        if (lastResizeWidthRef.current?.width === newResizeWidth
+            && lastResizeWidthRef.current?.height === newResizeHeight) {
+            return;
+        }
+        lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight };
+        setContainerSize({
+            width: containerRef?.current?.clientWidth,
+            height: containerRef?.current?.clientHeight,
+        });
+    }, debounceDelay), [containerRef, debounceDelay]);
+    useLayoutEffect(() => {
+        let resizeObserver;
+        let containerElement;
+        if (containerRef?.current) {
+            containerElement = containerRef?.current;
+            resizeObserver = new ResizeObserver(debouncedResizeWrapper);
+            resizeObserver.observe(containerElement);
+            setContainerSize({
+                width: containerRef?.current?.clientWidth,
+                height: containerRef?.current?.clientHeight,
+            });
+        }
+        const unobserver = () => {
+            resizeObserver?.unobserve?.(containerElement);
+        };
+        // setUnobserver(unobserver)
+        unobserverRef.current = unobserver;
+        return unobserver;
+    }, [debouncedResizeWrapper, containerRef]);
+    return [containerRef, containerSize, unobserverRef.current];
+};
+//# sourceMappingURL=useResize.js.map

package/dist/lib/src/core/hooks/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAQzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,aAAa,GAAG,GAAG,EAC4C,EAAE;IACzF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAc,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IAEhE,MAAM,kBAAkB,GAAG,MAAM,CAAc,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IACvE,MAAM,YAAY,GAAqD,MAAM,EAAkC,CAAA;IAE/G,8EAA8E;IAC9E,MAAM,aAAa,GAAG,MAAM,EAAc,CAAA;IAE1C,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;QACnD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAA;QAErD,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,KAAK,cAAc;eACnD,kBAAkB,CAAC,OAAO,EAAE,MAAM,KAAK,eAAe,EAAE;YAC3D,OAAM;SACP;QACD,kBAAkB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,CAAA;QAE/E,gBAAgB,CAAC;YACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;YACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;SAC5C,CAAC,CAAA;IACJ,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAEjD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,cAA8B,CAAA;QAClC,IAAI,gBAA6B,CAAA;QAEjC,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,gBAAgB,GAAG,YAAY,EAAE,OAAO,CAAA;YACxC,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC,CAAA;YAC3D,cAAc,CAAC,OAAO,CAAC,gBAA2B,CAAC,CAAA;YAEnD,gBAAgB,CAAC;gBACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;gBACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;aAC5C,CAAC,CAAA;SACH;QACD,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,cAAc,EAAE,SAAS,EAAE,CAAC,gBAA2B,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,4BAA4B;QAC5B,aAAa,CAAC,OAAO,GAAG,UAAU,CAAA;QAElC,OAAO,UAAU,CAAA;IACnB,CAAC,EAAE,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1C,OAAO,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;AAC7D,CAAC,CAAA"}

package/dist/lib/src/core/hooks/useToggle.js

@@ -0,0 +1,14 @@
+import { useState, useCallback } from 'react';
+export const useToggle = (defaultValue, async = true) => {
+    const [toggled, setToggled] = useState(defaultValue);
+    const handleToggle = useCallback((value) => {
+        if (async) {
+            setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled));
+        }
+        else {
+            setToggled((value !== undefined && value !== null ? value : !toggled));
+        }
+    }, [async, toggled, setToggled]);
+    return [toggled, handleToggle];
+};
+//# sourceMappingURL=useToggle.js.map

package/dist/lib/src/core/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,YAAqB,EAAE,KAAK,GAAG,IAAI,EAA8C,EAAE;IAC3G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAEpD,MAAM,YAAY,GAAoC,WAAW,CAAC,CAAC,KAAqB,EAAE,EAAE;QAC1F,IAAI,KAAK,EAAE;YACT,UAAU,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAA;SACnF;aAAM;YACL,UAAU,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;SACvE;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEhC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;AAChC,CAAC,CAAA"}

package/dist/lib/src/core/hooks/useTranslations.js

@@ -0,0 +1,29 @@
+import { useTranslation } from 'react-i18next';
+const cache = new Map();
+let resolvedUseTranslation = useTranslation;
+export const setUseTranslation = (useTrans) => {
+    resolvedUseTranslation = useTrans;
+};
+export const createSafeT = (t) => {
+    if (cache.has(t)) {
+        return cache.get(t);
+    }
+    const value = ((key, params) => {
+        if (!key) {
+            return '';
+        }
+        const limits = key.split(' ');
+        if (limits.length === 2) {
+            return t(limits[0], { ...params, limit: limits[1] });
+        }
+        return t(key, params);
+    });
+    cache.set(t, value);
+    return value;
+};
+// TODO memoize
+export const useTranslations = (namespaces) => {
+    const { t } = resolvedUseTranslation(namespaces);
+    return { t: createSafeT(t) };
+};
+//# sourceMappingURL=useTranslations.js.map

package/dist/lib/src/core/hooks/useTranslations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslations.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useTranslations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,MAAM,KAAK,GAAkC,IAAI,GAAG,EAAE,CAAA;AAEtD,IAAI,sBAAsB,GAAG,cAAc,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAa,EAAE,EAAE;IACjD,sBAAsB,GAAG,QAAQ,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAY,EAAiB,EAAE;IACzD,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAChB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAkB,CAAA;KACrC;IACD,MAAM,KAAK,GAAkB,CAAC,CAAC,GAAuB,EAAE,MAA4B,EAAU,EAAE;QAC9F,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,EAAE,CAAA;SACV;QACD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAE7B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;SACrD;QACD,OAAO,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IACnB,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAID,eAAe;AACf,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAoB,EAAU,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAA;IAEhD,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAkB,EAAE,CAAA;AAC/C,CAAC,CAAA"}

package/dist/lib/src/core/index.js

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './utils';
+export * from './ui';
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,MAAM,CAAA"}

package/dist/lib/src/core/ui/components/container/Container.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState, memo, useEffect } from 'react';
+import styled from 'styled-components';
+const elementPropNameMap = {
+    width: 'scrollWidth',
+    height: 'scrollHeight',
+};
+const propNameFunc = ({ propName }) => propName;
+const StyledContainer = memo(styled.div `
+  transform-origin: 0% 0%;
+  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;
+  will-change: opacity, ${propNameFunc}, max-${propNameFunc};
+  overflow: hidden;
+  opacity: 0;
+
+  &.Collapsible__container__collapsed {
+    ${propNameFunc}: 0;
+    max-${propNameFunc}: 0;
+    opacity: 0;
+  }
+
+  &.Collapsible__container__expanded {
+    ${propNameFunc}: ${({ contentProp }) => `${contentProp}px`};
+    max-${propNameFunc}: ${({ contentProp }) => `${contentProp}px`};
+    opacity: 1;
+  }
+`);
+export const Container = memo(({ collapsed = false, collapseHandler, children, propName = 'height', className, css, }) => {
+    const containerRef = useRef();
+    const [contentProp, setContentProp] = useState(0);
+    useEffect(() => {
+        collapseHandler?.(collapsed);
+    }, [collapseHandler, collapsed]);
+    useEffect(() => {
+        if (containerRef?.current) {
+            setContentProp(containerRef.current[elementPropNameMap[propName]]);
+        }
+    }, [containerRef, propName]);
+    let resolvedClassName = '';
+    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
+        resolvedClassName = 'Collapsible__container__collapsed';
+    }
+    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
+        resolvedClassName = 'Collapsible__container__expanded';
+    }
+    return (_jsx(StyledContainer, { className: `${className} ${resolvedClassName}`, ref: containerRef, contentProp: contentProp, propName: propName, css: css, children: children }));
+});
+Container.displayName = 'Container';
+//# sourceMappingURL=Container.js.map

package/dist/lib/src/core/ui/components/container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAiD,EAAE,EAAE,CAAC,QAAQ,CAAA;AAE9F,MAAM,eAAe,GAA6B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAsB;;0CAE7C,YAAY,0BAA0B,YAAY;0BAClE,YAAY,SAAS,YAAY;;;;;MAKrD,YAAY;UACR,YAAY;;;;;MAKhB,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;UACnF,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;;;CAGhG,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,SAAS,GAAuB,IAAI,CAAC,CAAC,EACjD,SAAS,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,GAClE,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,MAAM,EAAkB,CAAA;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,cAAc,CAAE,YAAY,CAAC,OAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;SAC5E;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,IAAI,iBAAiB,GAAG,EAAE,CAAA;IAE1B,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QACjF,iBAAiB,GAAG,mCAAmC,CAAA;KACxD;IACD,IAAI,CAAC,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QAClF,iBAAiB,GAAG,kCAAkC,CAAA;KACvD;IAED,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,EAC9C,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,QAAQ,GACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}

package/dist/lib/src/core/ui/components/container/Flex.js

@@ -0,0 +1,57 @@
+import { memo } from 'react';
+import styled from 'styled-components';
+const flexValueMap = {
+    start: 'flex-start',
+    'flex-start': 'flex-start',
+    end: 'flex-end',
+    'flex-end': 'flex-end',
+};
+const resolveFlexProps = (value) => (value ? (flexValueMap[value] || value) : value);
+export const Flex = memo(styled.div `
+  display: flex;
+  position: relative;
+  flex-direction: ${({ direction }) => direction || 'row'};
+  flex: ${({ flex }) => (flex !== undefined ? flex : '0')};
+  flex-grow: ${({ flexGrow }) => (flexGrow !== undefined ? flexGrow : '0')};
+  flex-shrink: ${({ flexShrink }) => (flexShrink !== undefined ? flexShrink : '0')};
+  flex-basis: ${({ flexBasis }) => flexBasis || 'auto'};
+  flex-wrap: ${({ flexWrap }) => flexWrap || 'nowrap'};
+  gap: ${({ gap }) => (gap !== undefined ? gap : '0')};
+  text-align: ${({ alignText }) => alignText || 'left'};
+  justify-content: ${({ justify }) => resolveFlexProps(justify) || 'flex-start'};
+  align-items: ${({ align }) => resolveFlexProps(align) || 'flex-start'};
+  align-self: ${({ alignSelf }) => alignSelf || 'auto'};
+  margin: ${({ margin }) => margin || '0'};
+  padding: ${({ padding }) => padding || '0'};
+  width: ${({ width }) => width || 'auto'};
+  height: ${({ height }) => height || 'auto'};
+  max-width: ${({ maxWidth }) => maxWidth || 'none'};
+  max-height: ${({ maxHeight }) => maxHeight || 'none'};
+  min-width: ${({ minWidth }) => ((minWidth || minWidth === '0') ? minWidth : '0')};
+  min-height: ${({ minHeight }) => minHeight || '0'};
+  border-radius: ${({ borderRadius }) => borderRadius || 'initial'};
+`);
+// default flex centralized, 100% width and height
+export const FlexWrapper = memo(styled(Flex).attrs((props) => ({
+    width: props.width || '100%',
+    height: props.height || '100%',
+    justify: props.justify || 'center',
+    align: props.align || 'center',
+    ...props,
+})) ``);
+export const FlexTight = memo(styled(Flex).attrs((props) => ({
+    size: 'unset',
+    width: 'initial',
+    ...props,
+})) ``);
+export const FlexTightStyled = memo(styled(Flex).attrs((props) => ({
+    size: 'unset',
+    width: 'initial',
+    style: {
+        text: 'blue',
+        padding: '1rem',
+        border: '1px solid green',
+    },
+    ...props,
+})) ``);
+//# sourceMappingURL=Flex.js.map

package/dist/lib/src/core/ui/components/container/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":"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"}

package/dist/lib/src/core/ui/components/container/Placeholder.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { FlexWrapper } from './Flex';
+export const Placeholder = memo(({ title, border, background, onClick, cssProp, children, ...props }) => (_jsxs(FlexWrapper, { css: `
+      ${border || 'border: 1px solid #999999;'}
+      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}
+      ${cssProp}
+    `, onClick: onClick, ...props, children: [title && (_jsx("h2", { children: title })), children && children] })));
+Placeholder.displayName = 'Placeholder';
+//# sourceMappingURL=Placeholder.js.map

package/dist/lib/src/core/ui/components/container/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,IAAI,EAAqB,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAa,MAAM,QAAQ,CAAA;AAU/C,MAAM,CAAC,MAAM,WAAW,GACtB,IAAI,CAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE,CAAC,CAClH,MAAC,WAAW,IACV,GAAG,EAAE;QACD,MAAM,IAAI,4BAA4B;QACtC,UAAU,IAAI,2CAA2C;QACzD,OAAO;KACV,EACD,OAAO,EAAE,OAAO,KAEZ,KAAK,aAER,KAAK,IAAI,CAAC,uBAAK,KAAK,GAAM,CAAC,EAC3B,QAAQ,IAAI,QAAQ,IACT,CACf,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/lib/src/core/ui/components/container/index.js

@@ -0,0 +1,4 @@
+export * from './Flex';
+export * from './Placeholder';
+export * from './Container';
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/components/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA"}

package/dist/lib/src/core/ui/components/dividers/DividerLine.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/jsx-props-no-spreading */
+import { memo } from 'react';
+import styled from 'styled-components';
+const lineGrayColor = '#999999';
+export const DividerLine = memo(styled(({ 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+orientation, vertical, horizontal, length, color, opacity, zIndex, width, height, ...rest }) => _jsx("div", { ...rest })) `
+  position:relative;
+  display:block;
+  ${({ orientation, vertical, margin, length = '80%', left = '0', width = '1px', height = '1px' }) => (orientation === 'vertical' || vertical
+    ? `
+      height: ${length};
+      left: ${left};
+      width: ${width};
+      margin: ${margin || 'auto 0'};`
+    : `
+      width: ${length};
+      left: ${left};
+      height: ${height};
+      margin: ${margin || '0 auto'};`)};
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: ${({ color }) => color || lineGrayColor};
+  opacity: ${({ opacity = 1 }) => opacity};
+`);
+export const DividerVertical = memo((props) => _jsx(DividerLine, { vertical: true, length: '100%', ...props }));
+DividerVertical.displayName = 'DividerVertical';
+export const DividerHorizontal = memo((props) => _jsx(DividerLine, { horizontal: true, length: '100%', ...props }));
+DividerHorizontal.displayName = 'DividerHorizontal';
+//# sourceMappingURL=DividerLine.js.map

package/dist/lib/src/core/ui/components/dividers/DividerLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,EAAE,IAAI,EAAM,MAAM,OAAO,CAAA;AAChC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,aAAa,GAAG,SAAS,CAAA;AAe/B,MAAM,CAAC,MAAM,WAAW,GAAqB,IAAI,CAAC,MAAM,CAAC,CAAC;AACxD,6DAA6D;AAC7D,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAC1F,EAAE,EAAE,CAAC,iBAAS,IAAI,GAAI,CAAC,CAAc;;;IAGlC,CAAC,EACD,WAAW,EAAE,QAAQ,EAAE,MAAM,EAC7B,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ;IACvG,CAAC,CAAC;gBACU,MAAM;cACR,IAAI;eACH,KAAK;gBACJ,MAAM,IAAI,QAAQ,GAAG;IACjC,CAAC,CAAC;eACS,MAAM;cACP,IAAI;gBACF,MAAM;gBACN,MAAM,IAAI,QAAQ,GAAG,CACrC;;sBAEsB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,aAAa;aAC9C,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO;CACxC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GACxB,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACtE,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAC1B,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,UAAU,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACxE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist/lib/src/core/ui/components/dividers/index.js

@@ -0,0 +1,2 @@
+export * from './DividerLine';
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/components/dividers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/lib/src/core/ui/components/field/Field.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/jsx-props-no-spreading */
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import { memo, useMemo, useCallback } from 'react';
+import styled from 'styled-components';
+let iconColor = () => '#000000';
+export const setIconColor = (color) => {
+    iconColor = color;
+};
+let IconComponent = memo(function IconComponent() { return _jsx("span", {}); });
+export const setIconComponent = (component) => {
+    IconComponent = component;
+};
+export const FieldWrapper = styled.div `
+  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};
+  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};
+  flex: 1 1 auto;
+  width: 100%;
+  @media (min-width: 400px) {
+    flex: 1;
+  }
+  .label {
+    font-size: 0.8rem !important;
+    font-weight: normal;
+  }
+
+  .help {
+    text-align: left;
+  }
+
+  .mainControl {
+    flex: 1;
+    border-radius: 6px;
+    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
+    will-change: box-shadow;
+    transition: box-shadow 250ms ease-in-out;
+    &:hover {
+      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+    }
+  }
+  button {
+    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+  }
+  .select {
+    width: 100%;
+    flex: 1;
+    &::after {
+      border-color: #000000 !important;
+    }
+  }
+
+  .icon {
+    &.is-action {
+      cursor: pointer;
+      pointer-events: initial !important;
+    }
+  }
+
+  /* Chrome, Safari, Edge, Opera */
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  /* Firefox */
+  input[type=number] {
+    -moz-appearance: textfield;
+  }
+
+  .input[type=date]::-webkit-calendar-picker-indicator {
+    opacity:0;
+    -webkit-appearance: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 40px;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+  }
+
+  textarea {
+    resize: none;
+  }
+`;
+export const Select = memo(function Select({ options, value, inputRef, ...props }) {
+    return (_jsx("div", { className: 'select', children: _jsx("select", { ...props, ref: inputRef, defaultValue: value, children: options?.map((option) => (_jsx("option", { value: typeof option === 'object' ? option?.value : option, children: typeof option === 'object' ? option?.label : option }, `${JSON.stringify(option)}`))) }) }));
+});
+const InputComponent = styled.input ``;
+const TextAreaComponent = styled.textarea ``;
+const StyledFieldLabel = styled.label `
+  text-align: left;
+`;
+export const Field = memo(({ label, name, type = 'text', value, defaultValue, placeholder, inputRef, error, disabled, userDisabled, withoutComponent, helpTextInfo, helpText, children, iconLeft, iconRight, addon, className, onChange, onChangeInner, onBlur, onFocus, rightIconClick, leftIconClick, options, css, ...props }) => {
+    let Component = InputComponent;
+    if (!children && type === 'textarea') {
+        Component = TextAreaComponent;
+    }
+    const handleFocus = useCallback((event) => {
+        if (userDisabled) {
+            event.preventDefault();
+        }
+        else {
+            onFocus && onFocus(event);
+        }
+    }, [userDisabled, onFocus]);
+    const handleChange = useCallback((event) => {
+        if (userDisabled) {
+            return;
+        }
+        if (onChangeInner && event?.target) {
+            // eslint-disable-next-line no-param-reassign
+            event.target.value = onChangeInner(event.target.value);
+            onChange && onChange(event);
+        }
+        else {
+            onChange && onChange(event);
+        }
+    }, [onChangeInner, onChange, userDisabled]);
+    const valueProps = useMemo(() => {
+        if (value === undefined) {
+            return { defaultValue };
+        }
+        return { value };
+    }, [value, defaultValue]);
+    return (_jsxs(FieldWrapper, { className: `field ${className}`, error: error, disabled: disabled, userDisabled: userDisabled, css: css, children: [_jsx(StyledFieldLabel, { htmlFor: name, className: 'label', children: label }), _jsxs("div", { className: `field ${addon ? 'has-addons' : ''}`, children: [_jsxs("div", { className: `control mainControl ${iconLeft && !withoutComponent
+                            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`, children: [!withoutComponent && ((!children && (type === 'select' || options))
+                                ? (_jsx(Select, { name: name, id: name, inputRef: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: 'select', placeholder: placeholder, value: value, options: options, 
+                                    // TODO also handle change but value versus event.target.value issue
+                                    onChange: onChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))
+                                : (!children && _jsx(Component, { name: name, id: name, ref: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: type, placeholder: placeholder, ...valueProps, onChange: handleChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))), iconLeft && !withoutComponent && (_jsx("span", { className: `iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`, onClick: leftIconClick, children: _jsx(IconComponent, { iconName: iconLeft, color: iconColor }) })), iconRight && (_jsx("span", { className: `iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`, onClick: rightIconClick, children: _jsx(IconComponent, { iconName: iconRight, color: iconColor }) })), children && children] }), addon && addon] }), helpTextInfo && _jsx("p", { className: 'help', children: helpTextInfo }), helpText && _jsx("p", { className: `help ${error ? 'is-danger' : ''}`, children: helpText })] }));
+});
+Field.displayName = 'Field';
+//# sourceMappingURL=Field.js.map

package/dist/lib/src/core/ui/components/field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/Field.tsx"],"names":[],"mappings":"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"}

package/dist/lib/src/core/ui/components/field/index.js

@@ -0,0 +1,3 @@
+export * from './Field';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/components/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/lib/src/core/ui/components/field/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/lib/src/core/ui/components/field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/types.ts"],"names":[],"mappings":""}

package/dist/lib/src/core/ui/components/index.js

@@ -0,0 +1,4 @@
+export * from './container';
+export * from './field';
+export * from './dividers';
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/dist/lib/src/core/ui/index.js

@@ -0,0 +1,3 @@
+export * from './utils';
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}

package/dist/lib/src/core/ui/utils/clickOutside.js

@@ -0,0 +1,8 @@
+export const handleClickOutside = (element, callback) => (event) => {
+    const target = event.target;
+    const resolvedElement = typeof element === 'function' ? element() : element;
+    if (resolvedElement && !resolvedElement.contains(target)) {
+        callback?.(target);
+    }
+};
+//# sourceMappingURL=clickOutside.js.map

package/dist/lib/src/core/ui/utils/clickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickOutside.js","sourceRoot":"","sources":["../../../../../../src/core/ui/utils/clickOutside.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,OAAgB,EAChB,QAA2B,EAC3B,EAAE,CAAC,CAAC,KAAiB,EAAE,EAAE;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA4B,CAAA;IACjD,MAAM,eAAe,GAAsB,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAA;IAE9F,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACxD,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAA;KACnB;AACH,CAAC,CAAA"}

package/dist/lib/src/core/ui/utils/index.js

@@ -0,0 +1,2 @@
+export * from './style';
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/ui/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}