@addev-be/ui 2.7.7 → 3.0.8

package/dist/components/forms/VerticalLabel.js

@@ -1,32 +0,0 @@
-"use strict";
-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 __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.StackedLabel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var StackedLabel = function (_a) {
-    var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StackedLabelContainer, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("label", { children: label }), children] })));
-};
-exports.StackedLabel = StackedLabel;

package/dist/components/forms/index.d.ts

@@ -1,9 +0,0 @@
-export * from './AutoTextArea';
-export * from './Button';
-export * from './Select';
-export * from './IconButton';
-export * from './IndeterminateCheckbox';
-export * from './Form';
-export * from './Form/Row';
-export * from './styles';
-export * from './NumberInput';

package/dist/components/forms/index.js

@@ -1,25 +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 __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("./AutoTextArea"), exports);
-__exportStar(require("./Button"), exports);
-__exportStar(require("./Select"), exports);
-__exportStar(require("./IconButton"), exports);
-__exportStar(require("./IndeterminateCheckbox"), exports);
-__exportStar(require("./Form"), exports);
-__exportStar(require("./Form/Row"), exports);
-__exportStar(require("./styles"), exports);
-__exportStar(require("./NumberInput"), exports);

package/dist/components/forms/styles.d.ts

@@ -1,19 +0,0 @@
-import { NumericFormat } from 'react-number-format';
-export declare const inputStyle: import("styled-components").RuleSet<object>;
-export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const StyledNumericFormat: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-number-format/types/types").InternalNumberFormatBase & {
-    thousandSeparator?: boolean | string;
-    decimalSeparator?: string;
-    allowedDecimalSeparators?: Array<string>;
-    thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
-    decimalScale?: number;
-    fixedDecimalScale?: boolean;
-    allowNegative?: boolean;
-    allowLeadingZeros?: boolean;
-    suffix?: string;
-    prefix?: string;
-} & Omit<import("react-number-format").InputAttributes, never> & Omit<unknown, "type" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "ref" | "value" | "defaultValue" | "prefix" | "inputMode" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "thousandSeparator" | "decimalSeparator" | "allowedDecimalSeparators" | "thousandsGroupStyle" | "decimalScale" | "fixedDecimalScale" | "allowNegative" | "allowLeadingZeros" | "suffix"> & {
-    customInput?: import("react").ComponentType<unknown> | undefined;
-}, never>> & string & Omit<typeof NumericFormat, keyof import("react").Component<any, {}, any>>;
-export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
-export declare const StackedLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

package/dist/components/forms/styles.js

@@ -1,50 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StackedLabelContainer = exports.StyledTextArea = exports.StyledNumericFormat = exports.Input = exports.inputStyle = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var react_number_format_1 = require("react-number-format");
-exports.inputStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: var(--font-input);\n  font-size: inherit;\n  color: var(--color-text-800);\n  background-color: var(--color-base-0);\n  border: 1px solid var(--color-base-300);\n  border-radius: var(--rounded-md);\n  padding: var(--space-1);\n  width: 100%;\n  box-sizing: border-box;\n\n  &:focus {\n    outline: 2px solid var(--color-primary-500);\n  }\n"], ["\n  font-family: var(--font-input);\n  font-size: inherit;\n  color: var(--color-text-800);\n  background-color: var(--color-base-0);\n  border: 1px solid var(--color-base-300);\n  border-radius: var(--rounded-md);\n  padding: var(--space-1);\n  width: 100%;\n  box-sizing: border-box;\n\n  &:focus {\n    outline: 2px solid var(--color-primary-500);\n  }\n"])));
-exports.Input = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.inputStyle);
-exports.StyledNumericFormat = (0, styled_components_1.default)(react_number_format_1.NumericFormat)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  text-align: right;\n"], ["\n  ", "\n  text-align: right;\n"])), exports.inputStyle);
-exports.StyledTextArea = styled_components_1.default.textarea(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  display: block;\n"], ["\n  ", "\n  display: block;\n"])), exports.inputStyle);
-exports.StackedLabelContainer = styled_components_1.default.div.attrs({
-    className: 'StackedLabelContainer',
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  color: var(--color-gray-900);\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  color: var(--color-gray-900);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/index.d.ts

@@ -1,6 +0,0 @@
-export * from './auth';
-export * from './data';
-export * from './forms';
-export * from './layout';
-export * from './search';
-export * from './ui';

package/dist/components/index.js

@@ -1,22 +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 __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("./auth"), exports);
-__exportStar(require("./data"), exports);
-__exportStar(require("./forms"), exports);
-__exportStar(require("./layout"), exports);
-__exportStar(require("./search"), exports);
-__exportStar(require("./ui"), exports);

package/dist/components/layout/Columns.d.ts

@@ -1,7 +0,0 @@
-import { SpaceProps } from '../../helpers/styled/space';
-export type ColumnsProps = {
-    columns?: number | string[];
-    $maxColumnWidth?: string;
-} & SpaceProps;
-export declare const Columns: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColumnsProps>> & string;
-export declare const Column: 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/Columns.js

@@ -1,21 +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.Column = exports.Columns = void 0;
-var space_1 = require("../../helpers/styled/space");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.Columns = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-gap: var(--space-6);\n  width: 100%;\n  box-sizing: border-box;\n\n  grid-template-columns: ", ";\n\n  ", ";\n"], ["\n  display: grid;\n  grid-gap: var(--space-6);\n  width: 100%;\n  box-sizing: border-box;\n\n  grid-template-columns: ", ";\n\n  ", ";\n"])), function (_a) {
-    var _b;
-    var _c = _a.columns, columns = _c === void 0 ? 1 : _c, _d = _a.$maxColumnWidth, $maxColumnWidth = _d === void 0 ? '1fr' : _d;
-    return typeof columns === 'number'
-        ? "repeat(".concat(columns, ", minmax(0, ").concat($maxColumnWidth, "))")
-        : (_b = columns === null || columns === void 0 ? void 0 : columns.join(' ')) !== null && _b !== void 0 ? _b : 'none';
-}, space_1.space);
-exports.Column = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n"])));
-var templateObject_1, templateObject_2;

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

@@ -1,12 +0,0 @@
-import * as styles from './styles';
-import { CSSProperties, FC, PropsWithChildren } from 'react';
-type DropdownProps = PropsWithChildren<styles.DropdownContainerProps & {
-    $sourceRect: DOMRect;
-    $autoPositionX?: boolean;
-    $autoPositionY?: boolean;
-    onClose?: () => void;
-    usePortal?: boolean;
-    style?: CSSProperties;
-}>;
-export declare const Dropdown: FC<DropdownProps>;
-export {};

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

@@ -1,116 +0,0 @@
-"use strict";
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.Dropdown = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var hooks_1 = require("../../../providers/hooks");
-var getDropdownStyle = function (dropdown) {
-    var minHeight = Array.isArray(dropdown.$height)
-        ? dropdown.$height[0]
-        : dropdown.$height;
-    var maxHeight = Array.isArray(dropdown.$height)
-        ? dropdown.$height[1]
-        : dropdown.$height;
-    var bottomSpace = document.body.scrollHeight - dropdown.$sourceRect.bottom;
-    var topSpace = dropdown.$sourceRect.top;
-    var isDropdownBelow = !dropdown.$autoPositionY ||
-        bottomSpace > topSpace ||
-        bottomSpace >= minHeight;
-    var height = Math.max(Math.min(maxHeight, isDropdownBelow ? bottomSpace : topSpace), minHeight);
-    var rightSpace = document.body.scrollWidth - dropdown.$sourceRect.right;
-    var leftSpace = dropdown.$sourceRect.left;
-    var isDropdownRight = !dropdown.$autoPositionX ||
-        rightSpace > leftSpace ||
-        rightSpace >= dropdown.$width;
-    var dropdownStyle = __assign(__assign(__assign(__assign({}, (isDropdownBelow
-        ? { top: topSpace + dropdown.$sourceRect.height }
-        : { bottom: bottomSpace + dropdown.$sourceRect.height })), (isDropdownRight ? { left: leftSpace } : { right: rightSpace })), { width: dropdown.$width, height: height, minHeight: minHeight, maxHeight: maxHeight, boxSizing: 'border-box' }), dropdown.style);
-    return dropdownStyle;
-};
-var Dropdown = function (_a) {
-    var children = _a.children, onClose = _a.onClose, _b = _a.usePortal, usePortal = _b === void 0 ? true : _b, props = __rest(_a, ["children", "onClose", "usePortal"]);
-    var createPortal = (0, hooks_1.usePortals)().createPortal;
-    var firstClick = (0, react_1.useRef)(true);
-    var containerRef = (0, react_1.useRef)(null);
-    var style = (0, react_1.useMemo)(function () { return getDropdownStyle(props); }, [props]);
-    var onDocumentClick = (0, react_1.useCallback)(function (ev) {
-        if (firstClick.current) {
-            firstClick.current = false;
-            return;
-        }
-        if (containerRef.current &&
-            !containerRef.current.contains(ev.target)) {
-            return onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
-    }, [onClose]);
-    (0, react_1.useEffect)(function () {
-        if (containerRef.current) {
-            document.addEventListener('click', onDocumentClick);
-            return function () {
-                document.removeEventListener('click', onDocumentClick);
-            };
-        }
-    }, [onDocumentClick]);
-    var modalPortal = (0, react_1.useMemo)(function () {
-        var content = ((0, jsx_runtime_1.jsx)(styles.DropdownContainer, __assign({ ref: containerRef }, props, { style: style, children: children })));
-        return usePortal ? createPortal(content) : content;
-    }, [children, createPortal, props, style, usePortal]);
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: modalPortal });
-};
-exports.Dropdown = Dropdown;

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

@@ -1,11 +0,0 @@
-export declare const DropdownBackdrop: 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
-    $alpha?: number;
-}>, never>> & string;
-export type DropdownContainerProps = {
-    $width: number;
-    $height: number | number[];
-    $zIndex?: number;
-    $backdropAlpha?: number;
-    $withBackground?: boolean;
-};
-export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, DropdownContainerProps>> & string;

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

@@ -1,61 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownContainer = exports.DropdownBackdrop = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-exports.DropdownBackdrop = styled_components_1.default.div.attrs({
-    className: 'DropdownBackdrop',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, ", ");\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, ", ");\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])), function (_a) {
-    var _b = _a.$alpha, $alpha = _b === void 0 ? 0.5 : _b;
-    return $alpha;
-});
-exports.DropdownContainer = styled_components_1.default.div.attrs({
-    className: 'DropdownContainer',
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: var(--color-base-0);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-lg);\n  outline: 1px solid var(--color-base-200);\n\n  position: absolute;\n  z-index: 1001;\n  ", ";\n  ", "\n  ", "\n"], ["\n  background: var(--color-base-0);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-lg);\n  outline: 1px solid var(--color-base-200);\n\n  position: absolute;\n  z-index: 1001;\n  ", ";\n  ", "\n  ", "\n"])), function (_a) {
-    var $width = _a.$width;
-    return ($width ? "".concat($width, "px") : 'auto');
-}, function (_a) {
-    var $height = _a.$height;
-    return Array.isArray($height)
-        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          min-height: ", "px;\n          max-height: ", "px;\n        "], ["\n          min-height: ", "px;\n          max-height: ", "px;\n        "])), $height[0], $height[1]) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          height: ", ";\n        "], ["\n          height: ", ";\n        "])), $height ? "".concat($height, "px") : 'auto');
-}, function (_a) {
-    var $withBackground = _a.$withBackground;
-    return $withBackground && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: none;\n      box-shadow: none;\n      outline: none;\n    "], ["\n      background: none;\n      box-shadow: none;\n      outline: none;\n    "])));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/layout/Flexbox.d.ts

@@ -1,11 +0,0 @@
-import { SpaceProps } from '../../helpers/styled/space';
-import { CSSProperties } from 'react';
-import { ThemeSpace } from '../../providers/ThemeProvider/types';
-type FlexboxProps = {
-    direction?: CSSProperties['flexDirection'];
-    justifyContent?: CSSProperties['justifyContent'];
-    alignItems?: CSSProperties['alignItems'];
-    gap?: ThemeSpace;
-} & SpaceProps;
-export declare const Flexbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexboxProps>> & string;
-export {};

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 space_1 = require("../../helpers/styled/space");
-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);
-}, space_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,12 +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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, 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/Loading/index.d.ts

@@ -1,6 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-type LoadingProps = PropsWithChildren<{
-    visible?: boolean;
-}>;
-export declare const Loading: FC<LoadingProps>;
-export {};

package/dist/components/layout/Loading/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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var Icons_1 = require("../../../Icons");
-var hooks_1 = require("../../../providers/hooks");
-var Loading = function (_a) {
-    var visible = _a.visible, children = _a.children;
-    var createPortal = (0, hooks_1.usePortals)().createPortal;
-    var loadingPortal = (0, react_1.useMemo)(function () {
-        return visible
-            ? createPortal((0, jsx_runtime_1.jsxs)(styles.LoadingBackdrop, { children: [(0, jsx_runtime_1.jsx)(Icons_1.LoadingIcon, {}), (0, jsx_runtime_1.jsx)(styles.LoadingContainer, { children: children || 'Loading ...' })] }))
-            : null;
-    }, [children, createPortal, visible]);
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loadingPortal });
-};
-exports.Loading = Loading;

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

@@ -1,2 +0,0 @@
-export declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const LoadingBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

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

@@ -1,18 +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.LoadingBackdrop = exports.LoadingContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.LoadingContainer = styled_components_1.default.div.attrs({
-    className: 'LoadingContent',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: var(--space-4);\n"], ["\n  padding: var(--space-4);\n"])));
-exports.LoadingBackdrop = styled_components_1.default.div.attrs({
-    className: 'LoadingBackdrop',
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 1100;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-gray-50);\n  fill: var(--color-gray-50);\n  & > svg {\n    width: var(--space-8);\n    height: var(--space-8);\n  }\n"], ["\n  position: fixed;\n  z-index: 1100;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-gray-50);\n  fill: var(--color-gray-50);\n  & > svg {\n    width: var(--space-8);\n    height: var(--space-8);\n  }\n"])));
-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;