@addev-be/ui 0.20.3 → 0.20.5

package/dist/components/layout/Flexbox.js

@@ -1,26 +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.Flexbox = void 0;
-var helpers_1 = require("../../helpers");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.Flexbox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  gap: ", ";\n  ", "\n"], ["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  gap: ", ";\n  ", "\n"])), function (_a) {
-    var direction = _a.direction;
-    return direction;
-}, function (_a) {
-    var justifyContent = _a.justifyContent;
-    return justifyContent;
-}, function (_a) {
-    var alignItems = _a.alignItems;
-    return alignItems;
-}, function (_a) {
-    var gap = _a.gap;
-    return (gap ? "var(--s-".concat(gap, ")") : undefined);
-}, helpers_1.space);
-var templateObject_1;

package/dist/components/layout/Grid/index.d.ts

@@ -1,6 +0,0 @@
-import { GridContainer, GridItemContainer } from './styles';
-type GridFC = typeof GridContainer & {
-    Item: typeof GridItemContainer;
-};
-export declare const Grid: GridFC;
-export {};

package/dist/components/layout/Grid/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grid = void 0;
-var styles_1 = require("./styles");
-exports.Grid = styles_1.GridContainer;
-exports.Grid.Item = styles_1.GridItemContainer;

package/dist/components/layout/Grid/styles.d.ts

@@ -1,14 +0,0 @@
-type GridProps = {
-    columns?: number;
-};
-export declare const GridContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridProps>> & string;
-type GridItemProps = {
-    row?: number;
-    col?: number;
-    rowSpan?: number;
-    colSpan?: number;
-};
-export declare const GridItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, GridItemProps>, never>> & string;
-export {};

package/dist/components/layout/Grid/styles.js

@@ -1,29 +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.GridItemContainer = exports.GridContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(\n    ", ",\n    minmax(0, 1fr)\n  );\n  grid-template-rows: masonry;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(\n    ", ",\n    minmax(0, 1fr)\n  );\n  grid-template-rows: masonry;\n"])), function (_a) {
-    var _b = _a.columns, columns = _b === void 0 ? 12 : _b;
-    return columns;
-});
-exports.GridItemContainer = styled_components_1.default.div.attrs(function (_a) {
-    var col = _a.col, colSpan = _a.colSpan, row = _a.row, rowSpan = _a.rowSpan;
-    return ({
-        style: {
-            gridColumn: [col, !!colSpan && "span ".concat(colSpan)]
-                .filter(Boolean)
-                .join(' / '),
-            gridRow: [row, !!rowSpan && "span ".concat(rowSpan)]
-                .filter(Boolean)
-                .join(' / '),
-        },
-    });
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-var templateObject_1, templateObject_2;

package/dist/components/layout/Masonry/index.d.ts

@@ -1,3 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { MasonryContainerProps } from './styles';
-export declare const Masonry: FC<PropsWithChildren<MasonryContainerProps>>;

package/dist/components/layout/Masonry/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Masonry = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var Masonry = function (_a) {
-    var children = _a.children, _b = _a.columns, columns = _b === void 0 ? 3 : _b;
-    var childrenByColumn = (0, react_1.useMemo)(function () {
-        var arr = Array.from({ length: columns }, function () { return []; });
-        if (Array.isArray(children)) {
-            children.forEach(function (child, index) {
-                arr[index % columns].push(child);
-            });
-        }
-        return arr;
-    }, [children, columns]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.MasonryContainer, { columns: columns, children: childrenByColumn.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(styles_1.MasonryColumnContainer, { children: column }, index)); }) }));
-};
-exports.Masonry = Masonry;

package/dist/components/layout/Masonry/styles.d.ts

@@ -1,5 +0,0 @@
-export type MasonryContainerProps = {
-    columns?: number;
-};
-export declare const MasonryContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MasonryContainerProps>> & string;
-export declare const MasonryColumnContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/layout/Masonry/styles.js

@@ -1,17 +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.MasonryColumnContainer = exports.MasonryContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.MasonryContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-gap: var(--space-2);\n  grid-template-columns: repeat(\n    ", ",\n    minmax(0, 1fr)\n  );\n"], ["\n  display: grid;\n  grid-gap: var(--space-2);\n  grid-template-columns: repeat(\n    ", ",\n    minmax(0, 1fr)\n  );\n"])), function (_a) {
-    var _b = _a.columns, columns = _b === void 0 ? 4 : _b;
-    return columns;
-});
-exports.MasonryColumnContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __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 templateObject_1, templateObject_2;

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/Tab/index.d.ts

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

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

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

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

@@ -1,41 +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.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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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;
-}>;