@addev-be/ui 0.20.1 → 0.20.2

package/dist/components/ui/Ellipsis.js

@@ -0,0 +1,28 @@
+"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,74 @@
+"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/Tab/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TabProps } from './types';
+export declare const TabView: FC<TabProps>;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styles_1 = require("./styles");
+var TabView = function (_a) {
+    var tabs = _a.tabs;
+    var _b = (0, react_1.useState)(0), activeTab = _b[0], setActiveTab = _b[1];
+    return ((0, jsx_runtime_1.jsx)(styles_1.TabViewContainer, { children: tabs.map(function (tab, index) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styles_1.TabContainer, { "$color": tab.color, "$isActive": activeTab === index, onClick: function () { return setActiveTab(index); }, children: [tab.icon ? (0, jsx_runtime_1.jsx)(tab.icon, {}) : null, tab.tabName] }, index) })); }) }));
+};
+exports.TabView = TabView;

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

@@ -0,0 +1,6 @@
+import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
+export declare const TabViewContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $color?: ThemeColorWithIntensity | ThemeColor;
+    $isActive?: boolean;
+}>> & string;

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

@@ -0,0 +1,41 @@
+"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.TabContainer = exports.TabViewContainer = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var helpers_1 = require("../../../providers/ThemeProvider/helpers");
+exports.TabViewContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  box-shadow: var(--shadow-sm);\n  gap: var(--space-2);\n  overflow-x: scroll;\n  scrollbar-width: none;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  box-shadow: var(--shadow-sm);\n  gap: var(--space-2);\n  overflow-x: scroll;\n  scrollbar-width: none;\n"])));
+exports.TabContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n\n  align-items: center;\n  height: var(--space-8);\n  gap: var(--space-2);\n  cursor: pointer;\n  padding: 0 var(--space-2);\n  transition: border-bottom 0.2s, 0.2s;\n\n  ", ";\n\n  ", "\n"], ["\n  display: flex;\n\n  align-items: center;\n  height: var(--space-8);\n  gap: var(--space-2);\n  cursor: pointer;\n  padding: 0 var(--space-2);\n  transition: border-bottom 0.2s, 0.2s;\n\n  ", ";\n\n  ", "\n"])), function (_a) {
+    var _b = _a.$color, $color = _b === void 0 ? 'primary' : _b;
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    &:hover {\n      color: var(--color-", ");\n      fill: var(--color-", ");\n    }\n    svg {\n      height: var(--space-4);\n      width: var(--space-4);\n    }\n  "], ["\n    &:hover {\n      color: var(--color-", ");\n      fill: var(--color-", ");\n    }\n    svg {\n      height: var(--space-4);\n      width: var(--space-4);\n    }\n  "])), (0, helpers_1.getColorWithIntensity)($color, 500), (0, helpers_1.getColorWithIntensity)($color, 500));
+}, function (_a) {
+    var $isActive = _a.$isActive, _b = _a.$color, $color = _b === void 0 ? 'primary' : _b;
+    return $isActive && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      border-bottom: var(--space-0_5) solid;\n      color: var(--color-", ");\n      fill: var(--color-", ");\n    "], ["\n      border-bottom: var(--space-0_5) solid;\n      color: var(--color-", ");\n      fill: var(--color-", ");\n    "])), (0, helpers_1.getColorWithIntensity)($color, 500), (0, helpers_1.getColorWithIntensity)($color, 500));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/ui/Tab/types.d.ts

@@ -0,0 +1,13 @@
+import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
+import { IconFC } from '../../../Icons';
+import { ReactNode } from 'react';
+export type Tab = {
+    color?: ThemeColorWithIntensity | ThemeColor;
+    content: ReactNode;
+    icon?: IconFC;
+    key?: string;
+    tabName: string;
+};
+export type TabProps = {
+    tabs: Tab[];
+};

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Tab: FC;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+// import { TabProps } from '../Tabs';
+var Tab = function () {
+    // const [activeTab, setActiveTab] = useState<string>(Object.keys(tabs)[0]);
+    return (0, jsx_runtime_1.jsx)("div", { children: "Test" });
+};
+exports.Tab = Tab;

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

@@ -0,0 +1 @@
+"use strict";

package/dist/components/ui/Tabs/types.d.ts

@@ -0,0 +1,8 @@
+export type Tab = {
+    key: string;
+    tabName: string;
+    backgroundColor?: string;
+};
+export type TabProps = {
+    tabs: Tab[];
+};

package/dist/components/ui/Tabs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/ui/Tab/302/265/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Tab: FC;

package/dist/components/ui/Tab/302/265/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+// import { TabProps } from '../Tabs';
+var Tab = function () {
+    // const [activeTab, setActiveTab] = useState<string>(Object.keys(tabs)[0]);
+    return (0, jsx_runtime_1.jsx)("div", { children: "Test" });
+};
+exports.Tab = Tab;

package/dist/components/ui/Tab/302/265/styles.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/ui/Tab/302/265/types.d.ts

@@ -0,0 +1,8 @@
+export type Tab = {
+    key: string;
+    tabName: string;
+    backgroundColor?: string;
+};
+export type TabProps = {
+    tabs: Tab[];
+};

package/dist/components/ui/Tab/302/265/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,78 @@
+"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/components/ui/index.d.ts

@@ -1,3 +1,7 @@
+export * from './Avatar';
 export * from './Card';
 export * from './ContextMenu';
+export * from './Ellipsis';
+export * from './Label';
 export * from './Message';
+export * from './Tab';

package/dist/components/ui/index.js

@@ -14,6 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Avatar"), exports);
 __exportStar(require("./Card"), exports);
 __exportStar(require("./ContextMenu"), exports);
+__exportStar(require("./Ellipsis"), exports);
+__exportStar(require("./Label"), exports);
 __exportStar(require("./Message"), exports);
+__exportStar(require("./Tab"), exports);

package/dist/helpers/index.d.ts

@@ -1,3 +1,5 @@
 export * from './dates';
 export * from './numbers';
 export * from './text';
+export * from './responsive';
+export * from './styled';

package/dist/helpers/index.js

@@ -17,3 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./dates"), exports);
 __exportStar(require("./numbers"), exports);
 __exportStar(require("./text"), exports);
+__exportStar(require("./responsive"), exports);
+__exportStar(require("./styled"), exports);

package/dist/helpers/numbers.d.ts

@@ -2,3 +2,6 @@ export declare const formatMoney: (number: number, decimals?: number, currency?:
 export declare const formatPercentage: (number: number, decimals?: number) => string;
 export declare const formatNumber: (number: number, decimals?: number) => string;
 export declare const formatNumberInvariant: (number: number, decimals?: number) => string;
+export declare const decimalSeparator: string;
+export declare const parseNumber: (value: string) => number;
+export declare const getCurrencySymbol: (currency: string) => (string | undefined)[];

package/dist/helpers/numbers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatNumberInvariant = exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
+exports.getCurrencySymbol = exports.parseNumber = exports.decimalSeparator = exports.formatNumberInvariant = exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
 var formatMoney = function (number, decimals, currency) {
     if (decimals === void 0) { decimals = 2; }
     if (currency === void 0) { currency = 'EUR'; }
@@ -9,6 +9,7 @@ var formatMoney = function (number, decimals, currency) {
         currency: currency,
         minimumFractionDigits: decimals,
         maximumFractionDigits: decimals,
+        currencyDisplay: 'narrowSymbol',
     }).format(number);
 };
 exports.formatMoney = formatMoney;
@@ -37,3 +38,34 @@ var formatNumberInvariant = function (number, decimals) {
     }).format(number);
 };
 exports.formatNumberInvariant = formatNumberInvariant;
+var getDecimalSeparator = function () {
+    var numberWithDecimal = 1.1; // A number with a decimal point
+    var formattedNumber = new Intl.NumberFormat().format(numberWithDecimal);
+    return formattedNumber.replace(/\d/g, ''); // Remove all digits to isolate the separator
+};
+exports.decimalSeparator = getDecimalSeparator();
+var parseNumber = function (value) {
+    var number = value
+        .replace(new RegExp("[^\\d".concat(exports.decimalSeparator, "]"), 'g'), '')
+        .replace(exports.decimalSeparator, '.');
+    return parseFloat(number);
+};
+exports.parseNumber = parseNumber;
+var getCurrencySymbol = function (currency) {
+    var _a;
+    var formatter = new Intl.NumberFormat(navigator.language, {
+        style: 'currency',
+        currency: currency,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+        currencyDisplay: 'narrowSymbol',
+    });
+    // Format a number and extract the currency symbol
+    var parts = formatter.formatToParts(1);
+    var currencySymbol = (_a = parts.find(function (part) { return part.type === 'currency'; })) === null || _a === void 0 ? void 0 : _a.value;
+    // Determine if the currency symbol is a prefix or suffix
+    var isPrefix = parts.findIndex(function (part) { return part.type === 'currency'; }) <
+        parts.findIndex(function (part) { return part.type === 'integer'; });
+    return isPrefix ? [currencySymbol, undefined] : [undefined, currencySymbol];
+};
+exports.getCurrencySymbol = getCurrencySymbol;

package/dist/helpers/responsive.d.ts

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,57 @@
+"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/helpers/styled/index.d.ts

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

package/dist/{components/data/AdvancedRequestDataGrid/helpers → helpers/styled}/index.js

@@ -14,5 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./advancedRequests"), exports);
-__exportStar(require("./columns"), exports);
+__exportStar(require("./space"), exports);

package/dist/helpers/styled/space.d.ts

@@ -0,0 +1,23 @@
+import { ThemeSpace } from '../../providers';
+export type MarginProps = {
+    m?: ThemeSpace;
+    mx?: ThemeSpace;
+    my?: ThemeSpace;
+    mt?: ThemeSpace;
+    mr?: ThemeSpace;
+    mb?: ThemeSpace;
+    ml?: ThemeSpace;
+};
+export declare const margins: import("styled-components").RuleSet<MarginProps>;
+export type PaddingProps = {
+    p?: ThemeSpace;
+    px?: ThemeSpace;
+    py?: ThemeSpace;
+    pt?: ThemeSpace;
+    pr?: ThemeSpace;
+    pb?: ThemeSpace;
+    pl?: ThemeSpace;
+};
+export declare const paddings: import("styled-components").RuleSet<PaddingProps>;
+export type SpaceProps = MarginProps & PaddingProps;
+export declare const space: import("styled-components").RuleSet<SpaceProps>;