ag-common 0.0.419 → 0.0.421

package/dist/ui/helpers/useInterval.js

@@ -1,23 +1,27 @@
-import { useEffect, useLayoutEffect, useRef } from 'react';
-export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-export default useIsomorphicLayoutEffect;
-export function useInterval(callback, 
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = exports.useIsomorphicLayoutEffect = void 0;
+const react_1 = require("react");
+exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react_1.useLayoutEffect : react_1.useEffect;
+exports.default = exports.useIsomorphicLayoutEffect;
+function useInterval(callback, 
 /** ms delay */
 delay, 
 /** optionally called on return of useEffect */
 clear) {
-    const savedCallback = useRef(callback);
-    useIsomorphicLayoutEffect(() => {
+    const savedCallback = (0, react_1.useRef)(callback);
+    (0, exports.useIsomorphicLayoutEffect)(() => {
         savedCallback.current = callback;
     }, [callback]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!delay && delay !== 0) {
             return;
         }
         const id = setInterval(() => savedCallback.current(), delay);
         return () => {
             clearInterval(id);
-            clear?.();
+            clear === null || clear === void 0 ? void 0 : clear();
         };
     }, [clear, delay]);
 }
+exports.useInterval = useInterval;

package/dist/ui/helpers/useLocalStorage.js

@@ -1,8 +1,11 @@
-import { useState } from 'react';
-import { getTimeSeconds } from '../../common/helpers/date';
-import { error, warn } from '../../common/helpers/log';
-import { tryJsonParse } from '../../common/helpers/object';
-export const clearLocalStorageItem = (key) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UseLocalStorage = exports.getLocalStorageItem = exports.setLocalStorageItem = exports.clearAllLocalStorage = exports.clearLocalStorageItem = void 0;
+const react_1 = require("react");
+const date_1 = require("../../common/helpers/date");
+const log_1 = require("../../common/helpers/log");
+const object_1 = require("../../common/helpers/object");
+const clearLocalStorageItem = (key) => {
     if (typeof window === 'undefined') {
         return;
     }
@@ -10,69 +13,74 @@ export const clearLocalStorageItem = (key) => {
         window.localStorage.removeItem(key);
     }
     catch (e) {
-        warn('error clearing local storage:', e);
+        (0, log_1.warn)('error clearing local storage:', e);
     }
 };
-export const clearAllLocalStorage = (except) => {
+exports.clearLocalStorageItem = clearLocalStorageItem;
+const clearAllLocalStorage = (except) => {
     try {
         if (typeof window === 'undefined') {
             return;
         }
         for (let i = 0; i < localStorage.length; i += 1) {
             const key = localStorage.key(i);
-            if (!key || except?.includes(key)) {
+            if (!key || (except === null || except === void 0 ? void 0 : except.includes(key))) {
                 return;
             }
-            clearLocalStorageItem(key);
+            (0, exports.clearLocalStorageItem)(key);
         }
     }
     catch (e) {
-        warn('error clearing local storage:', e);
+        (0, log_1.warn)('error clearing local storage:', e);
     }
 };
-export const setLocalStorageItem = (key, value, ttl) => {
+exports.clearAllLocalStorage = clearAllLocalStorage;
+const setLocalStorageItem = (key, value, ttl) => {
     try {
         if (typeof window === 'undefined') {
             return;
         }
         const set = {
-            expiry: !ttl ? undefined : getTimeSeconds() + ttl,
+            expiry: !ttl ? undefined : (0, date_1.getTimeSeconds)() + ttl,
             val: JSON.stringify(value),
         };
         window.localStorage.setItem(key, JSON.stringify(set));
     }
     catch (e) {
-        error(`set LS error:${key}-${e}`);
-        clearLocalStorageItem(key);
+        (0, log_1.error)(`set LS error:${key}-${e}`);
+        (0, exports.clearLocalStorageItem)(key);
     }
 };
-export const getLocalStorageItem = (key, initialValue, ttl) => {
+exports.setLocalStorageItem = setLocalStorageItem;
+const getLocalStorageItem = (key, initialValue, ttl) => {
     if (typeof window === 'undefined') {
         return initialValue;
     }
     const itemraw = window.localStorage.getItem(key);
-    const item = tryJsonParse(itemraw, undefined);
-    if (!item || (item.expiry && getTimeSeconds() > item.expiry)) {
-        setLocalStorageItem(key, initialValue, ttl);
+    const item = (0, object_1.tryJsonParse)(itemraw, undefined);
+    if (!item || (item.expiry && (0, date_1.getTimeSeconds)() > item.expiry)) {
+        (0, exports.setLocalStorageItem)(key, initialValue, ttl);
         return initialValue;
     }
-    const itemv = tryJsonParse(item.val, undefined);
+    const itemv = (0, object_1.tryJsonParse)(item.val, undefined);
     if (!itemv) {
-        setLocalStorageItem(key, initialValue, ttl);
+        (0, exports.setLocalStorageItem)(key, initialValue, ttl);
         return initialValue;
     }
     return itemv;
 };
-export function UseLocalStorage(key, initialValue, ttl) {
-    const storedValue = getLocalStorageItem(key, initialValue, ttl);
+exports.getLocalStorageItem = getLocalStorageItem;
+function UseLocalStorage(key, initialValue, ttl) {
+    const storedValue = (0, exports.getLocalStorageItem)(key, initialValue, ttl);
     //bump use of stored value
-    const [, setT] = useState(0);
+    const [, setT] = (0, react_1.useState)(0);
     // Return a wrapped version of useState's setter function that ...
     // ... persists the new value to localStorage.
     const setValue = (value) => {
         const valueToStore = (value instanceof Function ? value(storedValue) : value);
-        setLocalStorageItem(key, valueToStore, ttl);
+        (0, exports.setLocalStorageItem)(key, valueToStore, ttl);
         setT(new Date().getTime());
     };
     return [storedValue, setValue];
 }
+exports.UseLocalStorage = UseLocalStorage;

package/dist/ui/helpers/useLockBodyScroll.js

@@ -1,6 +1,9 @@
-import { useLayoutEffect } from 'react';
-export function useLockBodyScroll(enabled) {
-    useLayoutEffect(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLockBodyScroll = void 0;
+const react_1 = require("react");
+function useLockBodyScroll(enabled) {
+    (0, react_1.useLayoutEffect)(() => {
         let originalStyle;
         if (enabled) {
             originalStyle = window.getComputedStyle(document.body).overflow;
@@ -13,3 +16,4 @@ export function useLockBodyScroll(enabled) {
         };
     }, [enabled]);
 }
+exports.useLockBodyScroll = useLockBodyScroll;

package/dist/ui/helpers/useOnClickOutside.js

@@ -1,21 +1,25 @@
-import { useEffect } from 'react';
-import { isRightClick } from './dom';
-export function useOnClickOutside(p, handler) {
-    useEffect(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnClickOutside = void 0;
+const react_1 = require("react");
+const dom_1 = require("./dom");
+function useOnClickOutside(p, handler) {
+    (0, react_1.useEffect)(() => {
         if (p.disabled || typeof window === 'undefined') {
             return () => {
                 //
             };
         }
         const listener = (event) => {
+            var _a;
             //
-            const isRightMB = isRightClick(event);
+            const isRightMB = (0, dom_1.isRightClick)(event);
             if (isRightMB) {
                 return;
             }
-            const el = p.ref?.current;
+            const el = (_a = p.ref) === null || _a === void 0 ? void 0 : _a.current;
             // Do nothing if clicking ref's element or descendent elements
-            if (!el || el.contains(event?.target || null)) {
+            if (!el || el.contains((event === null || event === void 0 ? void 0 : event.target) || null)) {
                 return;
             }
             handler(event);
@@ -33,3 +37,4 @@ export function useOnClickOutside(p, handler) {
         // Reload only if ref or handler changes
     }, [p, handler]);
 }
+exports.useOnClickOutside = useOnClickOutside;

package/dist/ui/helpers/useOnScroll.js

@@ -1,8 +1,11 @@
-import { useEffect, useState } from 'react';
-import { debounce } from './debounce';
-import { useGranularEffect } from './useGranularHook';
-export function useOnScroll({ onScroll, element, } = {}) {
-    const [state, setState] = useState({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnScroll = void 0;
+const react_1 = require("react");
+const debounce_1 = require("./debounce");
+const useGranularHook_1 = require("./useGranularHook");
+function useOnScroll({ onScroll, element, } = {}) {
+    const [state, setState] = (0, react_1.useState)({
         scrolled: false,
         x: 0,
         y: 0,
@@ -10,11 +13,12 @@ export function useOnScroll({ onScroll, element, } = {}) {
         scrollTopX: 0,
         scrollTopY: 0,
     });
-    const [startScrollTopY, setStartScrollTopY] = useState(-1);
-    useGranularEffect(() => {
+    const [startScrollTopY, setStartScrollTopY] = (0, react_1.useState)(-1);
+    (0, useGranularHook_1.useGranularEffect)(() => {
         const listener = (e) => {
-            const y = element?.current?.scrollTop ?? window.scrollY;
-            const x = element?.current?.scrollLeft ?? window.scrollX;
+            var _a, _b, _c, _d;
+            const y = (_b = (_a = element === null || element === void 0 ? void 0 : element.current) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : window.scrollY;
+            const x = (_d = (_c = element === null || element === void 0 ? void 0 : element.current) === null || _c === void 0 ? void 0 : _c.scrollLeft) !== null && _d !== void 0 ? _d : window.scrollX;
             const r = {
                 y,
                 x,
@@ -24,26 +28,28 @@ export function useOnScroll({ onScroll, element, } = {}) {
                 scrollTopY: y,
             };
             setState(r);
-            onScroll?.(e, r);
+            onScroll === null || onScroll === void 0 ? void 0 : onScroll(e, r);
             return { y, x };
         };
         const listenDebounce = (e) => {
-            debounce(() => {
+            (0, debounce_1.debounce)(() => {
                 const { y } = listener(e);
                 setStartScrollTopY(y);
             }, { key: 'onscroll', time: 20 });
         };
-        (element?.current || document).addEventListener(`scroll`, listenDebounce, {
+        ((element === null || element === void 0 ? void 0 : element.current) || document).addEventListener(`scroll`, listenDebounce, {
             passive: true,
         });
         return () => {
-            (element?.current || document).removeEventListener(`scroll`, listenDebounce);
+            ((element === null || element === void 0 ? void 0 : element.current) || document).removeEventListener(`scroll`, listenDebounce);
         };
     }, [element], [element, onScroll, startScrollTopY]);
-    useEffect(() => {
-        if (startScrollTopY === -1 && element?.current?.scrollTop) {
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (startScrollTopY === -1 && ((_a = element === null || element === void 0 ? void 0 : element.current) === null || _a === void 0 ? void 0 : _a.scrollTop)) {
             setStartScrollTopY(element.current.scrollTop);
         }
     }, [element, startScrollTopY]);
     return state;
 }
+exports.useOnScroll = useOnScroll;

package/dist/ui/helpers/useOverloadPageSearch.js

@@ -1,6 +1,9 @@
-import { useEffect } from 'react';
-export const useOverloadPageSearch = ({ disabled = false, onTrigger, }) => {
-    useEffect(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOverloadPageSearch = void 0;
+const react_1 = require("react");
+const useOverloadPageSearch = ({ disabled = false, onTrigger, }) => {
+    (0, react_1.useEffect)(() => {
         const ctrlF = (e) => {
             const macSearch = e.metaKey && e.code === 'KeyF';
             const winSearch = e.ctrlKey && e.code === 'KeyF';
@@ -16,3 +19,4 @@ export const useOverloadPageSearch = ({ disabled = false, onTrigger, }) => {
         return () => window.removeEventListener('keydown', ctrlF);
     }, [disabled, onTrigger]);
 };
+exports.useOverloadPageSearch = useOverloadPageSearch;

package/dist/ui/helpers/useQueryString.js

@@ -1,18 +1,21 @@
-import { useEffect, useState } from 'react';
-import { info } from '../../common/helpers/log';
-import { objectToString, paramsToObject } from '../../common/helpers/object';
-export const isServer = typeof window === 'undefined';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQueryStringSingle = exports.useQueryStringArray = exports.useQueryStringRaw = exports.isServer = void 0;
+const react_1 = require("react");
+const log_1 = require("../../common/helpers/log");
+const object_1 = require("../../common/helpers/object");
+exports.isServer = typeof window === 'undefined';
 /**
  * hook for query string value
  * @param param0 can provide for SSR - queryValues will default to window if available
  * @returns
  */
-export const useQueryStringRaw = ({ name, queryValues, defaultValue, stringify, parse, }) => {
-    const qv = isServer
+const useQueryStringRaw = ({ name, queryValues, defaultValue, stringify, parse, }) => {
+    const qv = exports.isServer
         ? queryValues || {}
-        : paramsToObject(new URLSearchParams(window.location.search));
+        : (0, object_1.paramsToObject)(new URLSearchParams(window.location.search));
     const qsv = parse(qv[name]) || defaultValue;
-    const [state, setStateRaw] = useState(qsv);
+    const [state, setStateRaw] = (0, react_1.useState)(qsv);
     //
     const setState = (v) => {
         const sv = !v ? undefined : stringify(v);
@@ -22,45 +25,48 @@ export const useQueryStringRaw = ({ name, queryValues, defaultValue, stringify,
         else {
             delete qv[name];
         }
-        const qs = '?' + objectToString(qv, '=', '&');
-        if (!isServer) {
+        const qs = '?' + (0, object_1.objectToString)(qv, '=', '&');
+        if (!exports.isServer) {
             const loc = window.location.pathname + qs + window.location.hash;
             window.history.replaceState({}, '', loc);
         }
         else {
-            info('cant change url params on server');
+            (0, log_1.info)('cant change url params on server');
         }
         setStateRaw(v);
     };
     //
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (JSON.stringify(state) !== JSON.stringify(qsv)) {
             setStateRaw(qsv);
         }
     }, [name, parse, qsv, state]);
     return [state, setState];
 };
+exports.useQueryStringRaw = useQueryStringRaw;
 /**
  * hook for query string value - string array type
  * @param param0 can provide for SSR - queryValues will default to window if available
  * @returns
  */
-export const useQueryStringArray = ({ name, queryValues, defaultValue, }) => useQueryStringRaw({
+const useQueryStringArray = ({ name, queryValues, defaultValue, }) => (0, exports.useQueryStringRaw)({
     name,
     defaultValue,
     queryValues,
     stringify: (v) => (v.length === 0 ? undefined : v.join(',')),
     parse: (v) => (!v ? defaultValue : v.split(',')),
 });
+exports.useQueryStringArray = useQueryStringArray;
 /**
  * hook for query string value - single value
  * @param param0 can provide for SSR - queryValues will default to window if available
  * @returns
  */
-export const useQueryStringSingle = ({ name, queryValues, defaultValue, }) => useQueryStringRaw({
+const useQueryStringSingle = ({ name, queryValues, defaultValue, }) => (0, exports.useQueryStringRaw)({
     name,
     defaultValue,
     queryValues,
     stringify: (v) => v,
     parse: (v) => (!v ? defaultValue : v),
 });
+exports.useQueryStringSingle = useQueryStringSingle;

package/dist/ui/helpers/useResize.js

@@ -1,24 +1,25 @@
-import { useEffect, useState } from 'react';
-import { bigScreenPx, smallScreenPx } from '../styles/media';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResize = void 0;
+const react_1 = require("react");
+const media_1 = require("../styles/media");
 function getWindowDimensions() {
-    if (typeof window !== 'undefined') {
-        const width = window.innerWidth;
-        const height = window.innerHeight;
-        return {
-            width,
-            height,
-            smallScreen: width <= smallScreenPx,
-            bigScreen: width > smallScreenPx,
-            vBigScreen: width > bigScreenPx,
-        };
-    }
-    else {
+    if (typeof window === 'undefined') {
         return undefined;
     }
+    const width = window.innerWidth;
+    const height = window.innerHeight;
+    return {
+        width,
+        height,
+        smallScreen: width <= media_1.smallScreenPx,
+        bigScreen: width > media_1.smallScreenPx,
+        vBigScreen: width > media_1.bigScreenPx,
+    };
 }
-export function useResize() {
-    const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
-    useEffect(() => {
+function useResize() {
+    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions());
+    (0, react_1.useEffect)(() => {
         function handleResize() {
             const wd = getWindowDimensions();
             if (JSON.stringify(windowDimensions) === JSON.stringify(wd)) {
@@ -34,3 +35,4 @@ export function useResize() {
     }, [windowDimensions]);
     return windowDimensions;
 }
+exports.useResize = useResize;

package/dist/ui/helpers/useTimeout.js

@@ -1,12 +1,15 @@
-import { useEffect, useRef } from 'react';
-export function useTimeout(callback, 
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimeout = void 0;
+const react_1 = require("react");
+function useTimeout(callback, 
 /** if null wont trigger */
 delay) {
-    const savedCallback = useRef(callback);
-    useEffect(() => {
+    const savedCallback = (0, react_1.useRef)(callback);
+    (0, react_1.useEffect)(() => {
         savedCallback.current = callback;
     }, [callback]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         let id;
         function tick() {
             const ret = savedCallback.current();
@@ -29,3 +32,4 @@ delay) {
         }
     }, [delay]);
 }
+exports.useTimeout = useTimeout;

package/dist/ui/icons/ChevronRight.js

@@ -1,3 +1,9 @@
-import React from 'react';
-export const ChevronRight = (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" },
-    React.createElement("path", { fillRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronRight = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronRight = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" },
+    react_1.default.createElement("path", { fillRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })));

package/dist/ui/icons/CrossIcon.js

@@ -1,6 +1,12 @@
-import styled from '@emotion/styled';
-import React from 'react';
-const Base = styled.svg `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrossIcon = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const Base = styled_1.default.svg `
   color: rgb(170, 170, 170);
   margin: auto;
   font-size: 2rem;
@@ -12,5 +18,6 @@ const Base = styled.svg `
     color: rgb(136, 136, 136);
   }
 `;
-export const CrossIcon = ({ className, onClick, }) => (React.createElement(Base, { className: className, stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 352 512", xmlns: "http://www.w3.org/2000/svg", onClick: onClick },
-    React.createElement("path", { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" })));
+const CrossIcon = ({ className, onClick, }) => (react_1.default.createElement(Base, { className: className, stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 352 512", xmlns: "http://www.w3.org/2000/svg", onClick: onClick },
+    react_1.default.createElement("path", { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" })));
+exports.CrossIcon = CrossIcon;

package/dist/ui/icons/Door.js

@@ -1,4 +1,10 @@
-import React from 'react';
-export const Door = (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
-    React.createElement("path", { d: "M3 3h8V1H3a2 2 0 00-2 2v14a2 2 0 002 2h8v-2H3z" }),
-    React.createElement("path", { d: "M19 10l-6-5v4H5v2h8v4l6-5z" })));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Door = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Door = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
+    react_1.default.createElement("path", { d: "M3 3h8V1H3a2 2 0 00-2 2v14a2 2 0 002 2h8v-2H3z" }),
+    react_1.default.createElement("path", { d: "M19 10l-6-5v4H5v2h8v4l6-5z" })));

package/dist/ui/icons/HorizontalDots.js

@@ -1,3 +1,9 @@
-import React from 'react';
-export const HorizontalDots = (React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fillRule: "evenodd", clipRule: "evenodd" },
-    React.createElement("path", { d: "M16 12a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0117 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0110 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 013 12z" })));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalDots = void 0;
+const react_1 = __importDefault(require("react"));
+exports.HorizontalDots = (react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fillRule: "evenodd", clipRule: "evenodd" },
+    react_1.default.createElement("path", { d: "M16 12a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0117 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0110 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 013 12z" })));

package/dist/ui/icons/Magnify.js

@@ -1,3 +1,10 @@
-import React from 'react';
-export const Magnify = ({ colour = '#000', }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490 490" },
-    React.createElement("path", { fill: "none", stroke: colour, strokeWidth: "36", strokeLinecap: "round", d: "M280 278a153 153 0 1 0-2 2l170 170m-91-117 110 110-26 26-110-110" })));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Magnify = void 0;
+const react_1 = __importDefault(require("react"));
+const Magnify = ({ colour = '#000', }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490 490" },
+    react_1.default.createElement("path", { fill: "none", stroke: colour, strokeWidth: "36", strokeLinecap: "round", d: "M280 278a153 153 0 1 0-2 2l170 170m-91-117 110 110-26 26-110-110" })));
+exports.Magnify = Magnify;

package/dist/ui/icons/Pencil.js

@@ -1,5 +1,12 @@
-import React from 'react';
-export const Pencil = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" },
-    React.createElement("path", { d: "M9.6 40.4l2.5-9.9L27 15.6l7.4 7.4-14.9 14.9-9.9 2.5zm4.3-8.9l-1.5 6.1 6.1-1.5L31.6 23 27 18.4 13.9 31.5z" }),
-    React.createElement("path", { d: "M17.8 37.3c-.6-2.5-2.6-4.5-5.1-5.1l.5-1.9c3.2.8 5.7 3.3 6.5 6.5l-1.9.5z" }),
-    React.createElement("path", { d: "M29.298 19.287l1.414 1.414-13.01 13.02-1.414-1.412zM11 39l2.9-.7c-.3-1.1-1.1-1.9-2.2-2.2L11 39zM35 22.4L27.6 15l3-3 .5.1c3.6.5 6.4 3.3 6.9 6.9l.1.5-3.1 2.9zM30.4 15l4.6 4.6.9-.9c-.5-2.3-2.3-4.1-4.6-4.6l-.9.9z" })));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pencil = void 0;
+const react_1 = __importDefault(require("react"));
+const Pencil = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" },
+    react_1.default.createElement("path", { d: "M9.6 40.4l2.5-9.9L27 15.6l7.4 7.4-14.9 14.9-9.9 2.5zm4.3-8.9l-1.5 6.1 6.1-1.5L31.6 23 27 18.4 13.9 31.5z" }),
+    react_1.default.createElement("path", { d: "M17.8 37.3c-.6-2.5-2.6-4.5-5.1-5.1l.5-1.9c3.2.8 5.7 3.3 6.5 6.5l-1.9.5z" }),
+    react_1.default.createElement("path", { d: "M29.298 19.287l1.414 1.414-13.01 13.02-1.414-1.412zM11 39l2.9-.7c-.3-1.1-1.1-1.9-2.2-2.2L11 39zM35 22.4L27.6 15l3-3 .5.1c3.6.5 6.4 3.3 6.9 6.9l.1.5-3.1 2.9zM30.4 15l4.6 4.6.9-.9c-.5-2.3-2.3-4.1-4.6-4.6l-.9.9z" })));
+exports.Pencil = Pencil;

package/dist/ui/icons/Save.js

@@ -1,4 +1,11 @@
-import React from 'react';
-export const Save = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100" },
-    React.createElement("path", { d: "M50 12c-21 0-38 17-38 38s17 38 38 38 38-17 38-38-17-38-38-38zm0 72c-18.8 0-34-15.2-34-34s15.2-34 34-34 34 15.2 34 34-15.2 34-34 34zm22.9-46.9c-.8-.8-2-.8-2.8 0L44.6 62.7 33.9 52c-.8-.8-2.1-.8-2.8 0-.8.8-.8 2.1 0 2.8l12.1 12.1c.4.4.9.6 1.4.6.5 0 1-.2 1.4-.6l26.9-27c.8-.8.8-2 0-2.8z" }),
-    React.createElement("path", { fill: "#00F", d: "M1644-1210V474H-140v-1684h1784m8-8H-148V482h1800v-1700z" })));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Save = void 0;
+const react_1 = __importDefault(require("react"));
+const Save = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100" },
+    react_1.default.createElement("path", { d: "M50 12c-21 0-38 17-38 38s17 38 38 38 38-17 38-38-17-38-38-38zm0 72c-18.8 0-34-15.2-34-34s15.2-34 34-34 34 15.2 34 34-15.2 34-34 34zm22.9-46.9c-.8-.8-2-.8-2.8 0L44.6 62.7 33.9 52c-.8-.8-2.1-.8-2.8 0-.8.8-.8 2.1 0 2.8l12.1 12.1c.4.4.9.6 1.4.6.5 0 1-.2 1.4-.6l26.9-27c.8-.8.8-2 0-2.8z" }),
+    react_1.default.createElement("path", { fill: "#00F", d: "M1644-1210V474H-140v-1684h1784m8-8H-148V482h1800v-1700z" })));
+exports.Save = Save;

package/dist/ui/icons/Undo.js

@@ -1,5 +1,12 @@
-import React from 'react';
-export const Undo = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" },
-    React.createElement("g", { fill: "#134563" },
-        React.createElement("path", { d: "M32.1 51.9c-7.8 0-14.9-4.6-18.1-11.6l2.6-1.2c2.8 6 8.9 9.9 15.5 9.9 9.4 0 17-7.6 17-17s-7.6-17-17-17C25 15 19 19.4 16.5 26.4l-2.7-1c2.9-8.1 10-13.3 18.3-13.3C43.1 12.1 52 21 52 32s-9 19.9-19.9 19.9" }),
-        React.createElement("path", { d: "M24.4 27.4H12V15.1h3.1v9.2h9.3v3.1" }))));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Undo = void 0;
+const react_1 = __importDefault(require("react"));
+const Undo = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" },
+    react_1.default.createElement("g", { fill: "#134563" },
+        react_1.default.createElement("path", { d: "M32.1 51.9c-7.8 0-14.9-4.6-18.1-11.6l2.6-1.2c2.8 6 8.9 9.9 15.5 9.9 9.4 0 17-7.6 17-17s-7.6-17-17-17C25 15 19 19.4 16.5 26.4l-2.7-1c2.9-8.1 10-13.3 18.3-13.3C43.1 12.1 52 21 52 32s-9 19.9-19.9 19.9" }),
+        react_1.default.createElement("path", { d: "M24.4 27.4H12V15.1h3.1v9.2h9.3v3.1" }))));
+exports.Undo = Undo;

package/dist/ui/icons/UserOutline.js

@@ -1,3 +1,9 @@
-import React from 'react';
-export const UserOutline = (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
-    React.createElement("path", { d: "M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 398.7c-58.6 0-111.1-26.6-146.1-68.3 17.8-7.7 62.2-23.7 90.3-31.9 2.2-.7 2.6-.8 2.6-10.7 0-10.6-1.2-18.1-3.8-23.6-3.5-7.5-7.7-20.2-9.2-31.6-4.2-4.9-9.9-14.5-13.6-32.9-3.2-16.2-1.7-22.1.4-27.6.2-.6.5-1.2.6-1.8.8-3.7-.3-23.5-3.1-38.8-1.9-10.5.5-32.8 15-51.3 9.1-11.7 26.6-26 58-28h17.5c31.9 2 49.4 16.3 58.5 28 14.5 18.5 16.9 40.8 14.9 51.3-2.8 15.3-3.9 35-3.1 38.8.1.6.4 1.2.6 1.7 2.1 5.5 3.7 11.4.4 27.6-3.7 18.4-9.4 28-13.6 32.9-1.5 11.4-5.7 24-9.2 31.6-3.3 6.9-6.6 15.1-6.6 23.3 0 9.9.4 10 2.7 10.7 26.7 7.9 72.7 23.8 93 32.1-35 41.8-87.5 68.5-146.2 68.5z" })));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserOutline = void 0;
+const react_1 = __importDefault(require("react"));
+exports.UserOutline = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+    react_1.default.createElement("path", { d: "M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 398.7c-58.6 0-111.1-26.6-146.1-68.3 17.8-7.7 62.2-23.7 90.3-31.9 2.2-.7 2.6-.8 2.6-10.7 0-10.6-1.2-18.1-3.8-23.6-3.5-7.5-7.7-20.2-9.2-31.6-4.2-4.9-9.9-14.5-13.6-32.9-3.2-16.2-1.7-22.1.4-27.6.2-.6.5-1.2.6-1.8.8-3.7-.3-23.5-3.1-38.8-1.9-10.5.5-32.8 15-51.3 9.1-11.7 26.6-26 58-28h17.5c31.9 2 49.4 16.3 58.5 28 14.5 18.5 16.9 40.8 14.9 51.3-2.8 15.3-3.9 35-3.1 38.8.1.6.4 1.2.6 1.7 2.1 5.5 3.7 11.4.4 27.6-3.7 18.4-9.4 28-13.6 32.9-1.5 11.4-5.7 24-9.2 31.6-3.3 6.9-6.6 15.1-6.6 23.3 0 9.9.4 10 2.7 10.7 26.7 7.9 72.7 23.8 93 32.1-35 41.8-87.5 68.5-146.2 68.5z" })));