@veracity/vui 0.7.1 → 1.1.0

package/dist/esm/theme/foundations/index.js

@@ -0,0 +1,42 @@
+import animations from './animations';
+import borders from './borders';
+import colors from './colors';
+import durations from './durations';
+import fonts from './fonts';
+import fontSizes from './fontSizes';
+import fontWeights from './fontWeights';
+import gridTemplateColumns from './gridTemplateColumns';
+import gridTemplateRows from './gridTemplateRows';
+import radii from './radii';
+import ringWidths from './ringWidths';
+import screens from './screens';
+import shadows from './shadows';
+import sizes from './sizes';
+import spaces from './spaces';
+import timingFunctions from './timingFunctions';
+import transformers from './transformers';
+import transforms from './transforms';
+import transitions from './transitions';
+import zIndices from './zIndices';
+export default {
+    animations,
+    borders,
+    colors,
+    durations,
+    fonts,
+    fontSizes,
+    fontWeights,
+    gridTemplateColumns,
+    gridTemplateRows,
+    radii,
+    ringWidths,
+    screens,
+    shadows,
+    sizes,
+    spaces,
+    transformers,
+    transforms,
+    transitions,
+    timingFunctions,
+    zIndices
+};

package/dist/esm/theme/foundations/radii.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    none: number;
+    sm: number;
+    md: number;
+    lg: number;
+    round: number;
+};
+export default _default;
+//# sourceMappingURL=radii.d.ts.map

package/dist/esm/theme/foundations/radii.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radii.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/radii.ts"],"names":[],"mappings":";;;;;;;AAAA,wBAMC"}

package/dist/esm/theme/foundations/radii.js

@@ -0,0 +1,7 @@
+export default {
+    none: 0,
+    sm: 4,
+    md: 6,
+    lg: 10,
+    round: 9999
+};

package/dist/esm/theme/foundations/ringWidths.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=ringWidths.d.ts.map

package/dist/esm/theme/foundations/ringWidths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ringWidths.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/ringWidths.ts"],"names":[],"mappings":";AAAA,wBAAiB"}

package/dist/esm/theme/foundations/ringWidths.js

@@ -0,0 +1 @@
+export default {};

package/dist/esm/theme/foundations/screens.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export default _default;
+//# sourceMappingURL=screens.d.ts.map

package/dist/esm/theme/foundations/screens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/screens.ts"],"names":[],"mappings":";;;;;;;AAAA,wBAMC"}

package/dist/esm/theme/foundations/screens.js

@@ -0,0 +1,7 @@
+export default {
+    xs: 0,
+    sm: 600,
+    md: 960,
+    lg: 1280,
+    xl: 1920
+};

package/dist/esm/theme/foundations/shadows.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    '0': string;
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    t1: string;
+    t2: string;
+    t3: string;
+    t4: string;
+    r1: string;
+    r2: string;
+    r3: string;
+    r4: string;
+    l1: string;
+    l2: string;
+    l3: string;
+    l4: string;
+};
+export default _default;
+//# sourceMappingURL=shadows.d.ts.map

package/dist/esm/theme/foundations/shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/shadows.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,wBAkBC"}

package/dist/esm/theme/foundations/shadows.js

@@ -0,0 +1,23 @@
+import { hexToRGBA } from '../../utils';
+import { grey } from './colors';
+const greyLight = hexToRGBA(grey[80], 0.4);
+const greyDark = hexToRGBA(grey[80], 0.6);
+export default {
+    '0': `0 0 0 0 #fff`,
+    '1': `0 2px 5px 0 ${greyLight}`,
+    '2': `0 4px 12px 0 ${greyLight}`,
+    '3': `0 7px 20px 0 ${greyDark}`,
+    '4': `0 12px 30px 0 ${greyDark}`,
+    t1: `0 -2px 5px 0 ${greyLight}`,
+    t2: `0 -4px 12px 0 ${greyLight}`,
+    t3: `0 -7px 20px 0 ${greyDark}`,
+    t4: `0 -12px 30px 0 ${greyDark}`,
+    r1: `2px 0 5px 0 ${greyLight}`,
+    r2: `4px 0 12px 0 ${greyLight}`,
+    r3: `7px 0 20px 0 ${greyDark}`,
+    r4: `12px 0 30px 0 ${greyDark}`,
+    l1: `-2px 0 5px 0 ${greyLight}`,
+    l2: `-4px 0 12px 0 ${greyLight}`,
+    l3: `-7px 0 20px 0 ${greyDark}`,
+    l4: `-12px 0 30px 0 ${greyDark}`
+};

package/dist/esm/theme/foundations/sizes.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=sizes.d.ts.map

package/dist/esm/theme/foundations/sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/sizes.ts"],"names":[],"mappings":";AAAA,wBAAiB"}

package/dist/esm/theme/foundations/sizes.js

@@ -0,0 +1 @@
+export default {};

package/dist/esm/theme/foundations/spaces.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=spaces.d.ts.map

package/dist/esm/theme/foundations/spaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaces.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/spaces.ts"],"names":[],"mappings":";AAAA,wBAAiB"}

package/dist/esm/theme/foundations/spaces.js

@@ -0,0 +1 @@
+export default {};

package/dist/esm/theme/foundations/timingFunctions.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=timingFunctions.d.ts.map

package/dist/esm/theme/foundations/timingFunctions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timingFunctions.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/timingFunctions.ts"],"names":[],"mappings":";AAAA,wBAAiB"}

package/dist/esm/theme/foundations/timingFunctions.js

@@ -0,0 +1 @@
+export default {};

package/dist/esm/theme/foundations/transformers.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    border: (value: number | string, { props }: any) => string;
+    space: (value: string | number) => string;
+};
+export default _default;
+//# sourceMappingURL=transformers.d.ts.map

package/dist/esm/theme/foundations/transformers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformers.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/transformers.ts"],"names":[],"mappings":";oBAGkB,MAAM,GAAG,MAAM,aAAa,GAAG;mBAShC,MAAM,GAAG,MAAM;;AAVhC,wBAaC"}

package/dist/esm/theme/foundations/transformers.js

@@ -0,0 +1,14 @@
+import { getColor } from '@xstyled/system';
+export default {
+    border: (value, { props }) => {
+        if (typeof value === 'number')
+            return `${value}px solid`;
+        const values = value.split(' ');
+        const [width, style = '', color] = values;
+        const colorValue = getColor(color)(props) ?? '';
+        return `${width} ${style} ${colorValue}`;
+    },
+    space: (value) => {
+        return typeof value === 'string' ? value : `${value * 8}px`;
+    }
+};

package/dist/esm/theme/foundations/transforms.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=transforms.d.ts.map

package/dist/esm/theme/foundations/transforms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transforms.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/transforms.ts"],"names":[],"mappings":";AAAA,wBAAiB"}

package/dist/esm/theme/foundations/transforms.js

@@ -0,0 +1 @@
+export default {};

package/dist/esm/theme/foundations/transitions.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=transitions.d.ts.map

package/dist/esm/theme/foundations/transitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/transitions.ts"],"names":[],"mappings":";AAAA,wBAAiB"}

package/dist/esm/theme/foundations/transitions.js

@@ -0,0 +1 @@
+export default {};

package/dist/esm/theme/foundations/zIndices.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    drawer: number;
+    modal: number;
+    toast: number;
+    tooltip: number;
+};
+export default _default;
+//# sourceMappingURL=zIndices.d.ts.map

package/dist/esm/theme/foundations/zIndices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndices.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/zIndices.ts"],"names":[],"mappings":";;;;;;AAAA,wBAKC"}

package/dist/esm/theme/foundations/zIndices.js

@@ -0,0 +1,6 @@
+export default {
+    drawer: 1300,
+    modal: 1400,
+    toast: 1500,
+    tooltip: 1600
+};

package/dist/esm/theme/index.d.ts

@@ -0,0 +1,21 @@
+export { default as components } from './components';
+export { default, default as defaultTheme } from './defaultTheme';
+export { default as foundations } from './foundations';
+export { default as animations } from './foundations/animations';
+export { default as borders } from './foundations/borders';
+export { default as colors } from './foundations/colors';
+export { default as durations } from './foundations/durations';
+export { default as fonts } from './foundations/fonts';
+export { default as fontSizes } from './foundations/fontSizes';
+export { default as fontWeights } from './foundations/fontWeights';
+export { default as radii } from './foundations/radii';
+export { default as ringWidths } from './foundations/ringWidths';
+export { default as screens } from './foundations/screens';
+export { default as shadows } from './foundations/shadows';
+export { default as sizes } from './foundations/sizes';
+export { default as spaces } from './foundations/spaces';
+export { default as transforms } from './foundations/transforms';
+export { default as transitions } from './foundations/transitions';
+export { default as zIndices } from './foundations/zIndices';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAC5D,cAAc,SAAS,CAAA"}

package/dist/esm/theme/types.d.ts

@@ -0,0 +1,31 @@
+import defaultTheme from './defaultTheme';
+export declare type Animation = keyof VuiTheme['animations'];
+export declare type Border = keyof VuiTheme['borders'];
+export declare type Color = keyof VuiTheme['colors'];
+export declare type Component = keyof VuiTheme['components'];
+export declare type Font = keyof VuiTheme['fonts'];
+export declare type FontSize = keyof VuiTheme['fontSizes'];
+export declare type FontWeight = keyof VuiTheme['fontWeights'];
+export declare type GridTemplateColumn = keyof VuiTheme['gridTemplateColumns'];
+export declare type GridTemplateRow = keyof VuiTheme['gridTemplateRows'];
+export declare type Radius = keyof VuiTheme['radii'];
+export declare type RingWidth = keyof VuiTheme['ringWidths'];
+export declare type Screen = keyof VuiTheme['screens'];
+export declare type Shadow = keyof VuiTheme['shadows'];
+export declare type Size = keyof VuiTheme['sizes'];
+export declare type Space = keyof VuiTheme['spaces'];
+export declare type Transform = keyof VuiTheme['transforms'];
+export declare type TransitionDuration = keyof VuiTheme['durations'];
+export declare type ZIndex = keyof VuiTheme['zIndices'];
+export declare type VuiThemeDefaults = typeof defaultTheme;
+/** Can be extended to add new properties to the theme or override default ones  */
+export interface VuiThemeExtensions {
+}
+/** Defines variant and size types of each component connected to the theme. */
+export declare type ThemingProps<ThemeComponent extends string = string> = {
+    variant?: ThemeComponent extends Component ? keyof VuiTheme['components'][ThemeComponent]['variants'] : string;
+    size?: ThemeComponent extends keyof VuiTheme['components'] ? keyof VuiTheme['components'][ThemeComponent]['sizes'] : string;
+};
+/** VUI theme definition object, containing default values and extensions */
+export declare type VuiTheme = VuiThemeDefaults & VuiThemeExtensions;
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,QAAQ,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAClD,oBAAY,UAAU,GAAG,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAA;AACtD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,qBAAqB,CAAC,CAAA;AACtE,oBAAY,eAAe,GAAG,MAAM,QAAQ,CAAC,kBAAkB,CAAC,CAAA;AAChE,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAC5D,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,CAAA;AAE/C,oBAAY,gBAAgB,GAAG,OAAO,YAAY,CAAA;AAElD,mFAAmF;AACnF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,+EAA+E;AAC/E,oBAAY,YAAY,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,IAAI;IACjE,OAAO,CAAC,EAAE,cAAc,SAAS,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC9G,IAAI,CAAC,EAAE,cAAc,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,GACtD,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,GACrD,MAAM,CAAA;CACX,CAAA;AAGD,4EAA4E;AAC5E,oBAAY,QAAQ,GAAG,gBAAgB,GAAG,kBAAkB,CAAA"}

package/dist/esm/theme/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/toast/Toast.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ToastOptions } from './toast.types';
+declare const hide: (id: string) => void;
+declare const show: (options?: ToastOptions | undefined) => void;
+declare const showInfo: (text: ReactNode) => void;
+declare const showSuccess: (text: ReactNode) => void;
+declare const showWarning: (text: ReactNode) => void;
+declare const showError: (text: ReactNode) => void;
+declare const showLoading: (text: ReactNode) => void;
+export { show as showToast, hide as hideToast, showInfo, showSuccess, showWarning, showError, showLoading };
+//# sourceMappingURL=Toast.d.ts.map

package/dist/esm/toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAkCxD,QAAA,MAAM,IAAI,OAAQ,MAAM,KAAG,IAG1B,CAAA;AAED,QAAA,MAAM,IAAI,0CAA6B,IAqCtC,CAAA;AAED,QAAA,MAAM,QAAQ,SAAU,SAAS,SAAmC,CAAA;AACpE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,SAAS,SAAU,SAAS,SAAoC,CAAA;AACtE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAE1E,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/toast/Toast.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Box } from '../box';
+import { VuiProvider } from '../core';
+import { Notification } from '../notification';
+import { zIndices } from '../theme';
+import { addContainer, uid } from '../utils';
+const wrapperId = 'toastsWrapper';
+const setup = {
+    options: {
+        duration: 5000,
+        dismissible: true
+    },
+    componentList: []
+};
+const render = () => 
+// eslint-disable-next-line react/no-render-return-value
+ReactDOM.render(React.createElement(VuiProvider, null,
+    React.createElement(Box, { bottom: "1rem", display: "block", maxW: "100%", minW: { md: 600, sm: 600, xs: '100%' }, p: { md: '16px', sm: '4px', xs: '2px' }, position: "fixed", right: { md: '1rem', sm: 0, xs: 0 }, zIndex: zIndices.toast }, setup.componentList.map(item => (React.createElement("div", { key: item.id }, item.component))))), document.getElementById(wrapperId));
+const hide = (id) => {
+    setup.componentList = setup.componentList.filter(i => i.id !== id);
+    render();
+};
+const show = (options) => {
+    const id = options?.id ? options.id : uid('toast');
+    const { duration = setup.options.duration } = options || {};
+    const { dismissible = setup.options.dismissible } = options || {};
+    const { status = setup.options.duration } = options || {};
+    const { action } = options || {};
+    const { icon } = options || {};
+    const { text } = options || {};
+    const { title } = options || {};
+    addContainer(wrapperId);
+    render();
+    const onClose = () => hide(id);
+    setup.componentList.unshift({
+        id,
+        component: (React.createElement(Notification, { action: action, animation: "fadeDown", icon: icon, mt: { md: 1, sm: '4px', xs: '4px' }, onClose: dismissible ? onClose : undefined, shadow: 1, status: status, text: text, title: title, w: 1 }))
+    });
+    render();
+    if (duration !== 0)
+        window.setTimeout(() => hide(id), duration);
+};
+const showInfo = (text) => show({ text, status: 'info' });
+const showSuccess = (text) => show({ text, status: 'success' });
+const showWarning = (text) => show({ text, status: 'warning' });
+const showError = (text) => show({ text, status: 'error' });
+const showLoading = (text) => show({ text, status: 'loading' });
+export { show as showToast, hide as hideToast, showInfo, showSuccess, showWarning, showError, showLoading };

package/dist/esm/toast/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Toast';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/toast/index.d.ts.map

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

package/dist/esm/toast/index.js

@@ -0,0 +1 @@
+export * from './Toast';

package/dist/esm/toast/toast.types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { NotificationProps } from '../notification';
+export interface ToastListItem {
+    id: string;
+    component: ReactNode;
+}
+export interface ToastSetup {
+    options: ToastOptions;
+    componentList: ToastListItem[];
+}
+export interface ToastOptions extends NotificationProps {
+    id?: string;
+    duration?: number;
+    dismissible?: boolean;
+}
+//# sourceMappingURL=toast.types.d.ts.map

package/dist/esm/toast/toast.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.types.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,YAAY,CAAA;IACrB,aAAa,EAAE,aAAa,EAAE,CAAA;CAC/B;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

package/dist/esm/toast/toast.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tooltip';
+export { default } from './tooltip';
+export * from './tooltip.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,cAAc,iBAAiB,CAAA"}

package/dist/esm/tooltip/index.js

@@ -0,0 +1,3 @@
+export * from './tooltip';
+export { default } from './tooltip';
+export * from './tooltip.types';

package/dist/esm/tooltip/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { TooltipProps } from './tooltip.types';
+/**
+ * A simple text popup hint.
+ *
+ * Displayed on mouse enter, and is hidden on mouse leave.
+ *
+ * */
+export declare const Tooltip: (props: TooltipProps) => JSX.Element;
+export default Tooltip;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/esm/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO,UAAW,YAAY,gBAkC1C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/esm/tooltip/tooltip.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Box from '../box';
+import Popover from '../popover';
+import { animation, color, pointerPlacement, pointerSize } from './tooltip.setup';
+/**
+ * A simple text popup hint.
+ *
+ * Displayed on mouse enter, and is hidden on mouse leave.
+ *
+ * */
+export const Tooltip = (props) => {
+    const { children, text = 'demo', placement = 'top', isAnimated = false } = props;
+    return (React.createElement(Popover, { placement: placement, trigger: "mouseenter" },
+        React.createElement(Popover.Trigger, { as: Box, display: "inline-block" },
+            React.createElement(Box, { display: "inline-block" }, children)),
+        React.createElement(Popover.Content, { animation: isAnimated ? animation[placement] : undefined, bg: color, color: "white", m: 1, p: 1, pl: 2, pr: 2 },
+            !isAnimated && (React.createElement(Box, { bg: color, bottom: pointerPlacement[placement].bottom, h: `${pointerSize}px`, left: pointerPlacement[placement].left, position: "absolute", right: pointerPlacement[placement].right, top: pointerPlacement[placement].top, transform: `translate(${pointerPlacement[placement].translate}) rotate(45deg)`, w: `${pointerSize}px` })),
+            text)));
+};
+export default Tooltip;

package/dist/esm/tooltip/tooltip.setup.d.ts

@@ -0,0 +1,39 @@
+export declare const animation: {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+};
+export declare const pointerSize = 8;
+export declare const color = "prussian.80";
+export declare const pointerPlacement: {
+    top: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        translate: string;
+    };
+    bottom: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        translate: string;
+    };
+    left: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        translate: string;
+    };
+    right: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        translate: string;
+    };
+};
+//# sourceMappingURL=tooltip.setup.d.ts.map

package/dist/esm/tooltip/tooltip.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.setup.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.setup.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,eAAO,MAAM,KAAK,gBAAgB,CAAA;AAElC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}

package/dist/esm/tooltip/tooltip.setup.js

@@ -0,0 +1,38 @@
+export const animation = {
+    top: 'fadeDown',
+    right: 'fadeLeft',
+    bottom: 'fadeUp',
+    left: 'fadeRight'
+};
+export const pointerSize = 8;
+export const color = 'prussian.80';
+export const pointerPlacement = {
+    top: {
+        top: 'auto',
+        bottom: `-${pointerSize / 2}px`,
+        left: '50%',
+        right: 'auto',
+        translate: '-50%, 0'
+    },
+    bottom: {
+        top: `-${pointerSize / 2}px`,
+        bottom: 'auto',
+        left: '50%',
+        right: 'auto',
+        translate: '-50%, 0'
+    },
+    left: {
+        top: `50%`,
+        bottom: 'auto',
+        left: 'auto',
+        right: '0',
+        translate: '-50%, -50%'
+    },
+    right: {
+        top: `50%`,
+        bottom: 'auto',
+        left: `${pointerSize / 2}px`,
+        right: 'auto',
+        translate: '0, -50%'
+    }
+};

package/dist/esm/tooltip/tooltip.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export declare type TooltipProps = {
+    /** Displays given text at the tooltip. */
+    text?: string;
+    /** Tooltip position. */
+    placement?: 'top' | 'left' | 'bottom' | 'right';
+    /** Displays the tooltip with animation, without the arrow pointer. */
+    isAnimated?: boolean;
+    children?: ReactNode;
+};
+//# sourceMappingURL=tooltip.types.d.ts.map

package/dist/esm/tooltip/tooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,oBAAY,YAAY,GAAG;IACzB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}

package/dist/esm/tooltip/tooltip.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/array.d.ts

@@ -0,0 +1,6 @@
+import { Sort } from './types';
+/** Comparator for Array.sort when sorting arrays of objects by given key with optional order. */
+export declare function compareBy<T extends object, K extends keyof T>(key: K, order?: Sort['order']): (item1: T, item2: T) => number;
+/** Adds given item to the array if it wasn't there yet, or removes it otherwise. */
+export declare function toggleItem<T>(array: T[], item: T): T[];
+//# sourceMappingURL=array.d.ts.map

package/dist/esm/utils/array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/utils/array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,GAAE,IAAI,CAAC,OAAO,CAAS,WAGlF,CAAC,SAAS,CAAC,YAW3B;AAGD,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAEtD"}

package/dist/esm/utils/array.js

@@ -0,0 +1,21 @@
+// TODO: Add it from UI-Utils
+/** Comparator for Array.sort when sorting arrays of objects by given key with optional order. */
+export function compareBy(key, order = 'asc') {
+    const ord = order === 'asc' ? 1 : -1;
+    return (item1, item2) => {
+        const a = item1[key];
+        const b = item2[key];
+        if (typeof a === 'string' && typeof b === 'string') {
+            return a.localeCompare(b) * ord;
+        }
+        else if (typeof a === 'number' && typeof b === 'number') {
+            return a > b ? ord : a < b ? -ord : 0;
+        }
+        return 0;
+    };
+}
+// TODO: Add it from UI-Utils
+/** Adds given item to the array if it wasn't there yet, or removes it otherwise. */
+export function toggleItem(array, item) {
+    return array.includes(item) ? array.filter(it => it !== item) : [...array, item];
+}