@addev-be/ui 0.18.2 → 0.19.1

package/dist/components/ui/Avatar/index.d.ts

@@ -1,10 +0,0 @@
-import * as styles from './styles';
-import { FC, PropsWithChildren } from 'react';
-import { ThemeColorWithIntensity } from '../../../providers';
-type AvatarProps = PropsWithChildren<{
-    className?: string;
-    name?: string;
-    color?: ThemeColorWithIntensity;
-} & styles.AvatarContainerProps>;
-export declare const Avatar: FC<AvatarProps>;
-export {};

package/dist/components/ui/Avatar/index.js

@@ -1,52 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var hash_js_1 = require("hash.js");
-var getInitials = function (name) {
-    var matches = name.matchAll(/(?:^|\s+)([A-Z0-9])/g);
-    return Array.from(matches)
-        .slice(0, 2)
-        .map(function (m) { return m[1]; })
-        .join('');
-};
-var Avatar = function (_a) {
-    var children = _a.children, className = _a.className, color = _a.color, name = _a.name, _b = _a.size, size = _b === void 0 ? 'md' : _b;
-    var initials = (0, react_1.useMemo)(function () { return getInitials(name || ''); }, [name]);
-    var backgroundColor = (0, react_1.useMemo)(function () {
-        if (color)
-            return "var(--color-".concat(color, ")");
-        var h = parseInt((0, hash_js_1.sha256)()
-            .update(name || '')
-            .digest('hex')
-            .substring(0, 4), 16) % 360;
-        return "hsl(".concat(h, ", 50%, 50%)");
-    }, [color, name]);
-    return ((0, jsx_runtime_1.jsx)(styles.AvatarContainer, { size: size, className: className, style: { backgroundColor: backgroundColor }, children: initials || children }));
-};
-exports.Avatar = Avatar;

package/dist/components/ui/Avatar/styles.d.ts

@@ -1,4 +0,0 @@
-export type AvatarContainerProps = {
-    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-};
-export declare const AvatarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarContainerProps>> & string;

package/dist/components/ui/Avatar/styles.js

@@ -1,43 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarContainer = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var stylesMap = {
-    xs: (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: var(--size-6);\n    height: var(--size-6);\n    min-width: var(--size-6);\n    min-height: var(--size-6);\n    font-size: var(--text-xs);\n    line-height: var(--text-xs);\n  "], ["\n    width: var(--size-6);\n    height: var(--size-6);\n    min-width: var(--size-6);\n    min-height: var(--size-6);\n    font-size: var(--text-xs);\n    line-height: var(--text-xs);\n  "]))),
-    sm: (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    width: var(--size-8);\n    height: var(--size-8);\n    min-width: var(--size-8);\n    min-height: var(--size-8);\n    font-size: var(--text-sm);\n    line-height: var(--text-sm);\n  "], ["\n    width: var(--size-8);\n    height: var(--size-8);\n    min-width: var(--size-8);\n    min-height: var(--size-8);\n    font-size: var(--text-sm);\n    line-height: var(--text-sm);\n  "]))),
-    md: (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: var(--size-10);\n    height: var(--size-10);\n    min-width: var(--size-10);\n    min-height: var(--size-10);\n    font-size: var(--text-md);\n    line-height: var(--text-md);\n  "], ["\n    width: var(--size-10);\n    height: var(--size-10);\n    min-width: var(--size-10);\n    min-height: var(--size-10);\n    font-size: var(--text-md);\n    line-height: var(--text-md);\n  "]))),
-    lg: (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    width: var(--size-12);\n    height: var(--size-12);\n    min-width: var(--size-12);\n    min-height: var(--size-12);\n    font-size: var(--text-lg);\n    line-height: var(--text-lg);\n  "], ["\n    width: var(--size-12);\n    height: var(--size-12);\n    min-width: var(--size-12);\n    min-height: var(--size-12);\n    font-size: var(--text-lg);\n    line-height: var(--text-lg);\n  "]))),
-    xl: (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    width: var(--size-14);\n    height: var(--size-14);\n    min-width: var(--size-14);\n    min-height: var(--size-14);\n    font-size: var(--text-2xl);\n    line-height: var(--text-2xl);\n  "], ["\n    width: var(--size-14);\n    height: var(--size-14);\n    min-width: var(--size-14);\n    min-height: var(--size-14);\n    font-size: var(--text-2xl);\n    line-height: var(--text-2xl);\n  "]))),
-};
-exports.AvatarContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--rounded-full);\n  user-select: none;\n\n  ", "\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--rounded-full);\n  user-select: none;\n\n  ", "\n"])), function (_a) {
-    var size = _a.size;
-    return stylesMap[size];
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/ui/Ellipsis.d.ts

@@ -1,13 +0,0 @@
-type EllipsisProps = React.HTMLAttributes<HTMLElement> & {
-    as?: keyof JSX.IntrinsicElements;
-    $width?: string;
-    $maxWidth?: string;
-    $multiline?: boolean;
-    $lineClamp?: number;
-};
-/**
- * Ellipsis component that truncates text with an ellipsis when it overflows
- * Can be rendered as any HTML element (div, span, p, etc.) using the "as" prop
- */
-export declare const Ellipsis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EllipsisProps>> & string;
-export {};

package/dist/components/ui/Ellipsis.js

@@ -1,28 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Ellipsis = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-/**
- * Ellipsis component that truncates text with an ellipsis when it overflows
- * Can be rendered as any HTML element (div, span, p, etc.) using the "as" prop
- */
-exports.Ellipsis = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  width: ", ";\n  max-width: ", ";\n\n  ", "\n"], ["\n  overflow: hidden;\n  width: ", ";\n  max-width: ", ";\n\n  ", "\n"])), function (_a) {
-    var $width = _a.$width;
-    return $width || 'auto';
-}, function (_a) {
-    var $maxWidth = _a.$maxWidth;
-    return $maxWidth || '100%';
-}, function (_a) {
-    var $multiline = _a.$multiline, _b = _a.$lineClamp, $lineClamp = _b === void 0 ? 1 : _b;
-    return $multiline
-        ? "\n        display: -webkit-box;\n        -webkit-line-clamp: ".concat($lineClamp, ";\n        -webkit-box-orient: vertical;\n        white-space: normal;\n        line-height: 1.25;\n        max-height: calc(").concat(1.25 * $lineClamp, "em);\n      ")
-        : "\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      ";
-});
-var templateObject_1;

package/dist/components/ui/Label.d.ts

@@ -1,9 +0,0 @@
-import { ThemeColor } from '../../providers/ThemeProvider/types';
-export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LabelProps>> & string;
-export type LabelProps = {
-    color?: ThemeColor;
-    size?: 'small' | 'medium' | 'large';
-    rounded?: boolean;
-    bordered?: boolean;
-};
-export declare const Label: (props: import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof LabelProps> & LabelProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").JSX.Element | null;

package/dist/components/ui/Label.js

@@ -1,74 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = exports.StyledLabel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
-exports.StyledLabel = styled_components_1.default.span.withConfig({
-    shouldForwardProp: function () { return true; },
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-sans);\n  font-weight: 500;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &.small {\n    padding: var(--space-0_5) var(--space-1_5);\n    font-size: var(--text-xs);\n    border-radius: var(--rounded-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3);\n      height: var(--space-3);\n    }\n  }\n\n  &.medium {\n    padding: var(--space-1) var(--space-2);\n    font-size: var(--text-sm);\n    border-radius: var(--rounded-md);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3_5);\n      height: var(--space-3_5);\n    }\n  }\n\n  &.large {\n    padding: var(--space-1_5) var(--space-2_5);\n    font-size: var(--text-base);\n    border-radius: var(--rounded-lg);\n    svg {\n      margin-right: var(--space-1_5);\n      width: var(--space-4);\n      height: var(--space-4);\n    }\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-sans);\n  font-weight: 500;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &.small {\n    padding: var(--space-0_5) var(--space-1_5);\n    font-size: var(--text-xs);\n    border-radius: var(--rounded-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3);\n      height: var(--space-3);\n    }\n  }\n\n  &.medium {\n    padding: var(--space-1) var(--space-2);\n    font-size: var(--text-sm);\n    border-radius: var(--rounded-md);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3_5);\n      height: var(--space-3_5);\n    }\n  }\n\n  &.large {\n    padding: var(--space-1_5) var(--space-2_5);\n    font-size: var(--text-base);\n    border-radius: var(--rounded-lg);\n    svg {\n      margin-right: var(--space-1_5);\n      width: var(--space-4);\n      height: var(--space-4);\n    }\n  }\n"])), function (_a) {
-    var color = _a.color;
-    return color
-        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: var(--color-", "-100);\n          color: var(--color-", "-700);\n          svg {\n            fill: var(--color-", "-700);\n          }\n        "], ["\n          background-color: var(--color-", "-100);\n          color: var(--color-", "-700);\n          svg {\n            fill: var(--color-", "-700);\n          }\n        "])), color, color, color) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          background-color: var(--color-neutral-100);\n          color: var(--color-neutral-700);\n          svg {\n            fill: var(--color-neutral-700);\n          }\n        "], ["\n          background-color: var(--color-neutral-100);\n          color: var(--color-neutral-700);\n          svg {\n            fill: var(--color-neutral-700);\n          }\n        "])));
-}, function (_a) {
-    var bordered = _a.bordered, color = _a.color;
-    return bordered
-        ? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          border: 1px solid\n            ", ";\n        "], ["\n          border: 1px solid\n            ", ";\n        "])), color ? "var(--color-".concat(color, "-200)") : 'var(--color-neutral-200)') : 'border: none;';
-}, function (_a) {
-    var rounded = _a.rounded;
-    return rounded && 'border-radius: var(--rounded-full);';
-});
-exports.Label = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, props = __rest(_a, ["children", "size", "className"]);
-    return ((0, jsx_runtime_1.jsx)(exports.StyledLabel, __assign({ ref: ref, className: "".concat(size, " ").concat(className) }, props, { children: children })));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/ui/ToastNotification.d.ts

@@ -1,14 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type ToastType = 'success' | 'error' | 'warning' | 'info';
-export type NotificationContainerProps = {
-    type?: ToastType;
-};
-export declare const ToastNotificationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NotificationContainerProps>> & string;
-export declare const ToastNotification: FC<{
-    title: string;
-    message: ReactNode;
-    type?: ToastType;
-    timer?: number;
-    color?: string;
-    onClose: () => void;
-}>;

package/dist/components/ui/ToastNotification.js

@@ -1,78 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastNotification = exports.ToastNotificationContainer = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
-var Icons_1 = require("../../Icons");
-exports.ToastNotificationContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  position: fixed;\n  right: var(--space-12);\n  bottom: var(--space-12);\n  z-index: 9999;\n  border-radius: var(--rounded-lg);\n  box-shadow: 0 var(--space-2) var(--space-2) rgba(0, 0, 0, 0.4);\n  font-size: var(--text-lg);\n  padding: var(--space-4) var(--space-4);\n  color: var(--color-neutral-500);\n  background-color: var(--color-neutral-100);\n  flex-direction: row;\n  align-items: center;\n  gap: var(--space-4);\n\n  ", "\n"], ["\n  display: flex;\n  position: fixed;\n  right: var(--space-12);\n  bottom: var(--space-12);\n  z-index: 9999;\n  border-radius: var(--rounded-lg);\n  box-shadow: 0 var(--space-2) var(--space-2) rgba(0, 0, 0, 0.4);\n  font-size: var(--text-lg);\n  padding: var(--space-4) var(--space-4);\n  color: var(--color-neutral-500);\n  background-color: var(--color-neutral-100);\n  flex-direction: row;\n  align-items: center;\n  gap: var(--space-4);\n\n  ", "\n"])), function (_a) {
-    var _b = _a.type, type = _b === void 0 ? 'info' : _b;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-left: var(--space-2) solid\n      ", ";\n  "], ["\n    border-left: var(--space-2) solid\n      ", ";\n  "])), type === 'success'
-        ? 'var(--color-success-600)'
-        : type === 'error'
-            ? 'var(--color-danger-500)'
-            : type === 'warning'
-                ? 'var(--color-warning-500)'
-                : 'var(--color-info-500)');
-});
-var ContentWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n"])));
-var IconContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--space-12);\n  height: var(--space-12);\n  border-radius: var(--rounded-full);\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--space-12);\n  height: var(--space-12);\n  border-radius: var(--rounded-full);\n\n  ", "\n"])), function (_a) {
-    var _b = _a.type, type = _b === void 0 ? 'info' : _b;
-    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    background-color: ", ";\n  "], ["\n    background-color: ", ";\n  "])), type === 'success'
-        ? 'var(--color-green-600)'
-        : type === 'error'
-            ? 'var(--color-danger-500)'
-            : type === 'warning'
-                ? 'var(--color-warning-500)'
-                : 'var(--color-info-500)');
-});
-var ToastNotification = function (_a) {
-    var title = _a.title, message = _a.message, _b = _a.type, type = _b === void 0 ? 'info' : _b, color = _a.color, _c = _a.timer, timer = _c === void 0 ? 2000 : _c, onClose = _a.onClose;
-    (0, react_1.useEffect)(function () {
-        var timeoutId = setTimeout(onClose, timer);
-        return function () { return clearTimeout(timeoutId); };
-    }, [onClose, timer]);
-    var icon = function () {
-        switch (type) {
-            case 'success':
-                return ((0, jsx_runtime_1.jsx)(Icons_1.CircleCheckIcon, { style: { fill: 'var(--color-neutral-100)' }, width: 26, height: 26 }));
-            case 'error':
-                return ((0, jsx_runtime_1.jsx)(Icons_1.CircleXMarkIcon, { style: { fill: 'var(--color-neutral-100)' }, width: 26, height: 26 }));
-            case 'warning':
-                return ((0, jsx_runtime_1.jsx)(Icons_1.TriangleExclamationIcon, { style: { fill: 'var(--color-neutral-100)' }, width: 26, height: 26 }));
-            case 'info':
-            default:
-                return ((0, jsx_runtime_1.jsx)(Icons_1.CircleInfoIcon, { style: { fill: 'var(--color-neutral-100)' }, width: 26, height: 26 }));
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(exports.ToastNotificationContainer, { type: type, color: color, children: [(0, jsx_runtime_1.jsx)(IconContainer, { type: type, children: icon() }), (0, jsx_runtime_1.jsxs)(ContentWrapper, { children: [(0, jsx_runtime_1.jsx)("strong", { children: title }), (0, jsx_runtime_1.jsx)("div", { children: message })] })] }));
-};
-exports.ToastNotification = ToastNotification;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/helpers/responsive.d.ts

@@ -1,37 +0,0 @@
-type MediaQueryKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-export declare const findBreakpoint: (width: number) => MediaQueryKey;
-export declare const isSmallerThanOrEqual: (mq: MediaQueryKey, currentMq: MediaQueryKey) => boolean;
-export declare const isGreaterThanOrEqual: (mq: MediaQueryKey, currentMq: MediaQueryKey) => boolean;
-export declare const mediaQueries: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xxl: string;
-    smDown: string;
-    mdDown: string;
-    lgDown: string;
-    xlDown: string;
-    smUp: string;
-    mdUp: string;
-    lgUp: string;
-    xlUp: string;
-};
-export declare const containerQueries: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xxl: string;
-    smDown: string;
-    mdDown: string;
-    lgDown: string;
-    xlDown: string;
-    smUp: string;
-    mdUp: string;
-    lgUp: string;
-    xlUp: string;
-};
-export {};

package/dist/helpers/responsive.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.containerQueries = exports.mediaQueries = exports.isGreaterThanOrEqual = exports.isSmallerThanOrEqual = exports.findBreakpoint = void 0;
-var XS_BREAKPOINT = 320;
-var SM_BREAKPOINT = 480;
-var MD_BREAKPOINT = 768;
-var LG_BREAKPOINT = 992;
-var XL_BREAKPOINT = 1200;
-var boundaries = {
-    xs: [0, XS_BREAKPOINT - 1],
-    sm: [XS_BREAKPOINT, SM_BREAKPOINT - 1],
-    md: [SM_BREAKPOINT, MD_BREAKPOINT - 1],
-    lg: [MD_BREAKPOINT, LG_BREAKPOINT - 1],
-    xl: [LG_BREAKPOINT, XL_BREAKPOINT - 1],
-    xxl: [XL_BREAKPOINT, 999999],
-};
-var findBreakpoint = function (width) {
-    var _a;
-    return (_a = Object.keys(boundaries).find(function (bp) { return width >= boundaries[bp][0] && width < boundaries[bp][1]; })) !== null && _a !== void 0 ? _a : 'xs';
-};
-exports.findBreakpoint = findBreakpoint;
-var isSmallerThanOrEqual = function (mq, currentMq) { return boundaries[currentMq][0] <= boundaries[mq][0]; };
-exports.isSmallerThanOrEqual = isSmallerThanOrEqual;
-var isGreaterThanOrEqual = function (mq, currentMq) { return boundaries[currentMq][0] >= boundaries[mq][0]; };
-exports.isGreaterThanOrEqual = isGreaterThanOrEqual;
-exports.mediaQueries = {
-    xs: "@media screen and (max-width: ".concat(XS_BREAKPOINT - 1, "px)"),
-    sm: "@media screen and (min-width: ".concat(XS_BREAKPOINT, "px) and (max-width: ").concat(SM_BREAKPOINT - 1, "px)"),
-    md: "@media screen and (min-width: ".concat(SM_BREAKPOINT, "px) and (max-width: ").concat(MD_BREAKPOINT - 1, "px)"),
-    lg: "@media screen and (min-width: ".concat(MD_BREAKPOINT, "px) and (max-width: ").concat(LG_BREAKPOINT - 1, "px)"),
-    xl: "@media screen and (min-width: ".concat(LG_BREAKPOINT, "px) and (max-width: ").concat(XL_BREAKPOINT - 1, "px)"),
-    xxl: "@media screen and (min-width: ".concat(XL_BREAKPOINT, "px)"),
-    smDown: "@media screen and (max-width: ".concat(SM_BREAKPOINT - 1, "px)"),
-    mdDown: "@media screen and (max-width: ".concat(MD_BREAKPOINT - 1, "px)"),
-    lgDown: "@media screen and (max-width: ".concat(LG_BREAKPOINT - 1, "px)"),
-    xlDown: "@media screen and (max-width: ".concat(XL_BREAKPOINT - 1, "px)"),
-    smUp: "@media screen and (min-width: ".concat(XS_BREAKPOINT, "px)"),
-    mdUp: "@media screen and (min-width: ".concat(SM_BREAKPOINT, "px)"),
-    lgUp: "@media screen and (min-width: ".concat(MD_BREAKPOINT, "px)"),
-    xlUp: "@media screen and (min-width: ".concat(LG_BREAKPOINT, "px)"),
-};
-exports.containerQueries = {
-    xs: "@container (width <= ".concat(XS_BREAKPOINT - 1, "px)"),
-    sm: "@container (width >= ".concat(XS_BREAKPOINT, "px) and (width <= ").concat(SM_BREAKPOINT - 1, "px)"),
-    md: "@container (width >= ".concat(SM_BREAKPOINT, "px) and (width <= ").concat(MD_BREAKPOINT - 1, "px)"),
-    lg: "@container (width >= ".concat(MD_BREAKPOINT, "px) and (width <= ").concat(LG_BREAKPOINT - 1, "px)"),
-    xl: "@container (width >= ".concat(LG_BREAKPOINT, "px) and (width <= ").concat(XL_BREAKPOINT - 1, "px)"),
-    xxl: "@container (width >= ".concat(XL_BREAKPOINT, "px)"),
-    smDown: "@container (width <= ".concat(SM_BREAKPOINT - 1, "px)"),
-    mdDown: "@container (width <= ".concat(MD_BREAKPOINT - 1, "px)"),
-    lgDown: "@container (width <= ".concat(LG_BREAKPOINT - 1, "px)"),
-    xlDown: "@container (width <= ".concat(XL_BREAKPOINT - 1, "px)"),
-    smUp: "@container (width >= ".concat(XS_BREAKPOINT, "px)"),
-    mdUp: "@container (width >= ".concat(SM_BREAKPOINT, "px)"),
-    lgUp: "@container (width >= ".concat(MD_BREAKPOINT, "px)"),
-    xlUp: "@container (width >= ".concat(LG_BREAKPOINT, "px)"),
-};

package/dist/hooks/useContainerMediaQuery.d.ts

@@ -1,17 +0,0 @@
-export declare const useContainerMediaQuery: (element: HTMLElement) => {
-    breakpoint: "xs" | "sm" | "lg" | "xl" | "md" | "xxl";
-    isXs: boolean;
-    isSm: boolean;
-    isMd: boolean;
-    isLg: boolean;
-    isXl: boolean;
-    isXxl: boolean;
-    isSmDown: boolean;
-    isMdDown: boolean;
-    isLgDown: boolean;
-    isXlDown: boolean;
-    isSmUp: boolean;
-    isMdUp: boolean;
-    isLgUp: boolean;
-    isXlUp: boolean;
-};

package/dist/hooks/useContainerMediaQuery.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useContainerMediaQuery = void 0;
-var useElementSize_1 = require("./useElementSize");
-var useMediaQueryForWidth_1 = require("./useMediaQueryForWidth");
-var useContainerMediaQuery = function (element) {
-    var width = (0, useElementSize_1.useElementSize)(element).width;
-    return (0, useMediaQueryForWidth_1.useMediaQueryForWidth)(width);
-};
-exports.useContainerMediaQuery = useContainerMediaQuery;

package/dist/hooks/useMediaQuery.d.ts

@@ -1,17 +0,0 @@
-export declare const useMediaQuery: () => {
-    breakpoint: "xs" | "sm" | "lg" | "xl" | "md" | "xxl";
-    isXs: boolean;
-    isSm: boolean;
-    isMd: boolean;
-    isLg: boolean;
-    isXl: boolean;
-    isXxl: boolean;
-    isSmDown: boolean;
-    isMdDown: boolean;
-    isLgDown: boolean;
-    isXlDown: boolean;
-    isSmUp: boolean;
-    isMdUp: boolean;
-    isLgUp: boolean;
-    isXlUp: boolean;
-};

package/dist/hooks/useMediaQuery.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaQuery = void 0;
-var useMediaQueryForWidth_1 = require("./useMediaQueryForWidth");
-var useWindowSize_1 = require("./useWindowSize");
-var useMediaQuery = function () {
-    var width = (0, useWindowSize_1.useWindowSize)().width;
-    var realWidth = width !== null && width !== void 0 ? width : 0;
-    return (0, useMediaQueryForWidth_1.useMediaQueryForWidth)(realWidth);
-};
-exports.useMediaQuery = useMediaQuery;

package/dist/hooks/useMediaQueryForWidth.d.ts

@@ -1,17 +0,0 @@
-export declare const useMediaQueryForWidth: (width: number) => {
-    breakpoint: "xs" | "sm" | "lg" | "xl" | "md" | "xxl";
-    isXs: boolean;
-    isSm: boolean;
-    isMd: boolean;
-    isLg: boolean;
-    isXl: boolean;
-    isXxl: boolean;
-    isSmDown: boolean;
-    isMdDown: boolean;
-    isLgDown: boolean;
-    isXlDown: boolean;
-    isSmUp: boolean;
-    isMdUp: boolean;
-    isLgUp: boolean;
-    isXlUp: boolean;
-};

package/dist/hooks/useMediaQueryForWidth.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaQueryForWidth = void 0;
-var responsive_1 = require("../helpers/responsive");
-var react_1 = require("react");
-var useMediaQueryForWidth = function (width) {
-    var breakpoint = (0, responsive_1.findBreakpoint)(width);
-    return (0, react_1.useMemo)(function () { return ({
-        breakpoint: breakpoint,
-        isXs: breakpoint === 'xs',
-        isSm: breakpoint === 'sm',
-        isMd: breakpoint === 'md',
-        isLg: breakpoint === 'lg',
-        isXl: breakpoint === 'xl',
-        isXxl: breakpoint === 'xxl',
-        isSmDown: (0, responsive_1.isSmallerThanOrEqual)('sm', breakpoint),
-        isMdDown: (0, responsive_1.isSmallerThanOrEqual)('md', breakpoint),
-        isLgDown: (0, responsive_1.isSmallerThanOrEqual)('lg', breakpoint),
-        isXlDown: (0, responsive_1.isSmallerThanOrEqual)('xl', breakpoint),
-        isSmUp: (0, responsive_1.isGreaterThanOrEqual)('sm', breakpoint),
-        isMdUp: (0, responsive_1.isGreaterThanOrEqual)('md', breakpoint),
-        isLgUp: (0, responsive_1.isGreaterThanOrEqual)('lg', breakpoint),
-        isXlUp: (0, responsive_1.isGreaterThanOrEqual)('xl', breakpoint),
-    }); }, [breakpoint]);
-};
-exports.useMediaQueryForWidth = useMediaQueryForWidth;

package/dist/hooks/useMutableState.d.ts

@@ -1,2 +0,0 @@
-import { DeepPartial } from '../typings';
-export declare const useMutableState: <T>(initialValue?: T | (() => T)) => readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>, (partialValue: DeepPartial<T>) => void];

package/dist/hooks/useMutableState.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMutableState = void 0;
-var lodash_1 = require("lodash");
-var react_1 = require("react");
-var useMutableState = function (initialValue) {
-    if (initialValue === void 0) { initialValue = {}; }
-    var _a = (0, react_1.useState)(initialValue), value = _a[0], setValue = _a[1];
-    var setPartialValue = (0, react_1.useCallback)(function (partialValue) {
-        var oldValue = (0, lodash_1.cloneDeep)(value);
-        var newValue = (0, lodash_1.merge)(oldValue, partialValue);
-        setValue(function () { return newValue; });
-    }, [value]);
-    return [value, setValue, setPartialValue];
-};
-exports.useMutableState = useMutableState;

package/dist/hooks/useShowArchived.d.ts

@@ -1,6 +0,0 @@
-import { ConditionDTO } from '../services/sqlRequests';
-export declare const useShowArchived: (initialValue?: boolean) => {
-    archivedConditions: ConditionDTO[];
-    showArchived: boolean;
-    toggleShowArchived: (value?: boolean) => void;
-};

package/dist/hooks/useShowArchived.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShowArchived = void 0;
-var react_1 = require("react");
-var useShowArchived = function (initialValue) {
-    var _a = (0, react_1.useState)(initialValue !== null && initialValue !== void 0 ? initialValue : false), showArchived = _a[0], setShowArchived = _a[1];
-    var toggleShowArchived = (0, react_1.useCallback)(function (value) {
-        setShowArchived(function (prev) { return (value === undefined ? !prev : value); });
-    }, []);
-    var archivedConditions = (0, react_1.useMemo)(function () {
-        return showArchived
-            ? []
-            : [{ field: 'Archived', operator: 'notEquals', value: 1 }];
-    }, [showArchived]);
-    return (0, react_1.useMemo)(function () { return ({
-        archivedConditions: archivedConditions,
-        showArchived: showArchived,
-        toggleShowArchived: toggleShowArchived,
-    }); }, [archivedConditions, showArchived, toggleShowArchived]);
-};
-exports.useShowArchived = useShowArchived;

package/dist/providers/ThemeProvider/helpers.d.ts

@@ -1,3 +0,0 @@
-import { ThemeColorWithIntensity } from './types';
-export declare const getColor: (colorWithIntensity: ThemeColorWithIntensity) => string;
-export declare const getIntensity: (colorWithIntensity: ThemeColorWithIntensity) => string;

package/dist/providers/ThemeProvider/helpers.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIntensity = exports.getColor = void 0;
-var getColor = function (colorWithIntensity) {
-    var colorName = colorWithIntensity.split('-')[0];
-    return colorName;
-};
-exports.getColor = getColor;
-var getIntensity = function (colorWithIntensity) {
-    var _a = colorWithIntensity.split('-'), intensity = _a[1];
-    return intensity;
-};
-exports.getIntensity = getIntensity;

package/dist/providers/TrackingProvider/hooks.d.ts

@@ -1 +0,0 @@
-export declare const useLocationTracking: () => void;