@sbcrmweb/sbcrmweb-tma-core 0.0.59

package/dist/cjs/components/TMACell/TMACell.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMACell = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Link_1 = __importDefault(require("@mui/material/Link"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const ChevronRight_1 = __importDefault(require("@mui/icons-material/ChevronRight"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const theme_1 = require("../../theme");
+const image_1 = __importDefault(require("next/image"));
+const TMACell = ({ title, href, LinkComponent, image, imageComponent, shouldOpenInBlank, }) => {
+    return ((0, jsx_runtime_1.jsx)(Link_1.default, { sx: { bgcolor: 'bg_color.main', p: 12 / theme_1.BASE_SPACING }, href: href, target: shouldOpenInBlank ? '_blank' : '_self', ...(LinkComponent ? { component: LinkComponent } : {}), children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: 2, direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(Box_1.default, { sx: { width: 28, height: 28, position: 'relative' }, children: [image && (0, jsx_runtime_1.jsx)(image_1.default, { src: image, alt: title, fill: true }), imageComponent] }), (0, jsx_runtime_1.jsx)(Typography_1.default, { color: "text_color", flex: 1, variant: "textRegular", children: title }), (0, jsx_runtime_1.jsx)(ChevronRight_1.default, { color: "hint_color" })] }) }));
+};
+exports.TMACell = TMACell;

package/dist/cjs/components/TMACellList/TMACellList.d.ts

@@ -0,0 +1,6 @@
+import { TMACellProps } from '../TMACell/TMACell';
+export interface TMACellListProps {
+    cells: TMACellProps[];
+}
+export declare const TMACellList: ({ cells }: TMACellListProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMACellList.d.ts.map

package/dist/cjs/components/TMACellList/TMACellList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMACellList.d.ts","sourceRoot":"","sources":["../../../../src/components/TMACellList/TMACellList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAI3D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,cAAe,gBAAgB,4CActD,CAAC"}

package/dist/cjs/components/TMACellList/TMACellList.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMACellList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const TMACell_1 = require("../TMACell/TMACell");
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const theme_1 = require("../../theme");
+const TMACellList = ({ cells }) => {
+    return ((0, jsx_runtime_1.jsx)(Stack_1.default, { sx: {
+            borderRadius: 3,
+            overflow: 'hidden',
+        }, divider: (0, jsx_runtime_1.jsx)(Divider_1.default, { sx: { ml: 7, mr: 2, mt: -1 / theme_1.BASE_SPACING } }), children: cells.map((cell, index) => ((0, jsx_runtime_1.jsx)(TMACell_1.TMACell, { ...cell }, index))) }));
+};
+exports.TMACellList = TMACellList;

package/dist/cjs/components/TMACheckbox/TMACheckbox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CheckboxProps } from '@mui/material';
+export type TMACheckboxProps = CheckboxProps & {
+    label?: string;
+};
+export declare const TMACheckbox: (props: TMACheckboxProps) => React.ReactElement;
+//# sourceMappingURL=TMACheckbox.d.ts.map

package/dist/cjs/components/TMACheckbox/TMACheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMACheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/TMACheckbox/TMACheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,aAAa,EAGd,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuBF,eAAO,MAAM,WAAW,UAAW,gBAAgB,KAAG,KAAK,CAAC,YAU3D,CAAC"}

package/dist/cjs/components/TMACheckbox/TMACheckbox.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMACheckbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const svgIcon = ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.8 0H12.2C14.8118 0 16.1176 0 17.1289 0.475865C18.1817 0.971267 19.0287 1.81832 19.5241 2.8711C20 3.88237 20 5.18824 20 7.8V12.2C20 14.8118 20 16.1176 19.5241 17.1289C19.0287 18.1817 18.1817 19.0287 17.1289 19.5241C16.1176 20 14.8118 20 12.2 20H7.8C5.18824 20 3.88237 20 2.8711 19.5241C1.81832 19.0287 0.971267 18.1817 0.475865 17.1289C0 16.1176 0 14.8118 0 12.2V7.8C0 5.18824 0 3.88237 0.475865 2.8711C0.971267 1.81832 1.81832 0.971267 2.8711 0.475865C3.88237 0 5.18824 0 7.8 0Z", fill: "#2990FF" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.7071 7.45711C16.0976 7.06658 16.0976 6.43342 15.7071 6.04289C15.3166 5.65237 14.6834 5.65237 14.2929 6.04289L8 12.3358L5.70711 10.0429C5.31658 9.65237 4.68342 9.65237 4.29289 10.0429C3.90237 10.4334 3.90237 11.0666 4.29289 11.4571L7.29289 14.4571C7.68342 14.8476 8.31658 14.8476 8.70711 14.4571L15.7071 7.45711Z", fill: "white" })] }));
+const TMACheckbox = (props) => {
+    const { label, ...checkBoxProps } = props;
+    return ((0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checkedIcon: svgIcon, ...checkBoxProps }), label: label }) }));
+};
+exports.TMACheckbox = TMACheckbox;

package/dist/cjs/components/TMACounter/TMACountInput.d.ts

@@ -0,0 +1,9 @@
+import { InputBaseProps } from '@mui/material';
+export interface TMACountInputProps extends Omit<InputBaseProps, 'onBlur' | 'onChange'> {
+    onBlur: (value: number) => void;
+    onChange: (value: number) => void;
+    value?: number;
+}
+declare const TMACountInput: ({ onBlur, onChange, value, sx, ...props }: TMACountInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TMACountInput;
+//# sourceMappingURL=TMACountInput.d.ts.map

package/dist/cjs/components/TMACounter/TMACountInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMACountInput.d.ts","sourceRoot":"","sources":["../../../../src/components/TMACounter/TMACountInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAC;AAG1D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,UAAU,CAAC;IACnD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,aAAa,8CAMhB,kBAAkB,4CA8CpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/cjs/components/TMACounter/TMACountInput.js

@@ -0,0 +1,36 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const TMACountInput = ({ onBlur, onChange, value, sx, ...props }) => {
+    const [shouldSkipChange, setShouldSkipChange] = (0, react_1.useState)(false);
+    const handleKeyDown = (event) => {
+        if (!['Backspace', 'Escape', 'Delete', 'ArrowLeft', 'ArrowRight'].includes(event.key) &&
+            !/[0-9]/.test(event.key)) {
+            event.preventDefault();
+        }
+        if (event.key === 'Enter') {
+            onBlur(Number(value));
+        }
+        setShouldSkipChange(true);
+    };
+    const handleBlur = (event) => {
+        onBlur(Number(event.target.value));
+        setShouldSkipChange(false);
+    };
+    const handleChange = (event) => {
+        onChange(Number(event.target.value));
+        if (shouldSkipChange) {
+            event.preventDefault();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.InputBase, { sx: { minWidth: 28, maxWidth: 68, ...sx }, inputProps: {
+            sx: {
+                textAlign: 'center',
+            },
+            onBlur: handleBlur,
+        }, ...props, onChange: handleChange, onKeyDown: handleKeyDown, value: value }));
+};
+exports.default = TMACountInput;

package/dist/cjs/components/TMACounter/TMACounter.d.ts

@@ -0,0 +1,11 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface TMACounterProps {
+    onLeave: (value: number) => void;
+    onChange: (value: number) => void;
+    initialValue?: number;
+    hasError?: boolean;
+    sx?: SxProps<Theme>;
+    disabled?: boolean;
+}
+export declare const TMACounter: ({ onLeave, onChange, initialValue, hasError, sx, disabled, }: TMACounterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMACounter.d.ts.map

package/dist/cjs/components/TMACounter/TMACounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMACounter.d.ts","sourceRoot":"","sources":["../../../../src/components/TMACounter/TMACounter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,sBAAsB,CAAC;AAOhE,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,iEAOpB,eAAe,4CAqDjB,CAAC"}

package/dist/cjs/components/TMACounter/TMACounter.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMACounter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("@mui/material/styles");
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const RemoveRounded_1 = __importDefault(require("@mui/icons-material/RemoveRounded"));
+const AddRounded_1 = __importDefault(require("@mui/icons-material/AddRounded"));
+const TMACountInput_1 = __importDefault(require("./TMACountInput"));
+const TMACounter = ({ onLeave, onChange, initialValue, hasError, sx = {}, disabled = false, }) => {
+    const theme = (0, styles_1.useTheme)();
+    const [count, setCount] = (0, react_1.useState)(initialValue || 0);
+    const handleBlur = (value) => {
+        onLeave(value);
+    };
+    const handleChange = (value) => {
+        setCount(value);
+        onChange(value);
+    };
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", sx: {
+            bgcolor: 'secondary_fill.main',
+            borderRadius: 3,
+            border: hasError ? `1.5px solid ${theme.palette.destructive_text_color.main}` : undefined,
+            ...sx
+        }, children: [(0, jsx_runtime_1.jsx)(IconButton_1.default, { color: "link_color", disableRipple: true, size: "large", onClick: () => (count >= 1 ? handleChange(count - 1) : null), disabled: disabled, children: (0, jsx_runtime_1.jsx)(RemoveRounded_1.default, {}) }), (0, jsx_runtime_1.jsx)(TMACountInput_1.default, { sx: { color: 'link_color.main', typography: 'subtitle2Semibold' }, value: count, fullWidth: true, onBlur: handleBlur, onChange: handleChange, disabled: disabled }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { color: "link_color", disableRipple: true, size: "large", onClick: () => handleChange(count + 1), disabled: disabled, children: (0, jsx_runtime_1.jsx)(AddRounded_1.default, {}) })] }));
+};
+exports.TMACounter = TMACounter;

package/dist/cjs/components/TMADrawerFilter/TMADrawerFilter.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DrawerProps } from '@mui/material/Drawer';
+import { PaperProps } from '@mui/material/Paper';
+import { TypographyProps } from '@mui/material/Typography';
+type FilterOption = {
+    label: string;
+    value: string;
+};
+export interface TMADrawerFilterProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    values: FilterOption[];
+    value: string;
+    onChange: (value: string) => void;
+    emptyValue?: FilterOption;
+    anchor?: DrawerProps['anchor'];
+    paperProps?: PaperProps;
+    titleVariant?: TypographyProps['variant'];
+    titleColor?: TypographyProps['color'];
+    CheckedIcon?: ReactNode;
+    UncheckedIcon?: ReactNode;
+    checkedIconColor?: CSSProperties['color'];
+    uncheckedIconColor?: CSSProperties['color'];
+    noUncheckedIcon?: boolean;
+}
+export declare const TMADrawerFilter: ({ open, onClose, title, values, value, onChange, emptyValue, titleColor, CheckedIcon, UncheckedIcon, noUncheckedIcon, anchor, paperProps, titleVariant, checkedIconColor, uncheckedIconColor, }: TMADrawerFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TMADrawerFilter.d.ts.map

package/dist/cjs/components/TMADrawerFilter/TMADrawerFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMADrawerFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/TMADrawerFilter/TMADrawerFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAmB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKvE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,oMAiBzB,oBAAoB,4CAoEtB,CAAC"}

package/dist/cjs/components/TMADrawerFilter/TMADrawerFilter.js

@@ -0,0 +1,47 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMADrawerFilter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const Drawer_1 = __importDefault(require("@mui/material/Drawer"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const RadioButtonChecked_1 = __importDefault(require("@mui/icons-material/RadioButtonChecked"));
+const RadioButtonUnchecked_1 = __importDefault(require("@mui/icons-material/RadioButtonUnchecked"));
+const TMADrawerFilter = ({ open, onClose, title, values, value, onChange, emptyValue, titleColor, CheckedIcon, UncheckedIcon, noUncheckedIcon, anchor = 'top', paperProps = {}, titleVariant = 'subheadline1Semibold', checkedIconColor = 'link_color.main', uncheckedIconColor = 'secondary_hint_color.main', }) => {
+    const [filterOptions, setFilterOptions] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        setFilterOptions([emptyValue, ...values]);
+    }, [emptyValue, values]);
+    const getIcon = (isChecked) => {
+        if (isChecked) {
+            return CheckedIcon ?? ((0, jsx_runtime_1.jsx)(RadioButtonChecked_1.default, { sx: { ...(checkedIconColor && { color: checkedIconColor }) } }));
+        }
+        if (!noUncheckedIcon) {
+            return UncheckedIcon ?? (0, jsx_runtime_1.jsx)(RadioButtonUnchecked_1.default, { sx: { ...(uncheckedIconColor && { color: uncheckedIconColor }) } });
+        }
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    };
+    return ((0, jsx_runtime_1.jsxs)(Drawer_1.default, { open: open, onClose: onClose, anchor: anchor, slotProps: {
+            paper: {
+                variant: 'outlined',
+                ...paperProps,
+            }
+        }, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: titleVariant, px: 2, py: 1.5, ...(titleColor && { color: titleColor }), children: title }), (0, jsx_runtime_1.jsx)(Stack_1.default, { children: filterOptions?.map((element, index, all) => {
+                    const isChecked = element?.value === value;
+                    const Icon = getIcon(isChecked);
+                    return [
+                        (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", px: 2, py: 1.5, onClick: () => {
+                                onChange(element?.value || '');
+                                onClose();
+                            }, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "textRegular", children: element?.label }), Icon] }, element?.value),
+                        (index < all.length - 1) && ((0, jsx_runtime_1.jsx)(Divider_1.default, { flexItem: true, sx: { mx: 2 } }))
+                    ];
+                }) })] }));
+};
+exports.TMADrawerFilter = TMADrawerFilter;

package/dist/cjs/components/TMADrawerFilter/TMARightDrawerFilter.d.ts

@@ -0,0 +1,4 @@
+import { TMADrawerFilterProps } from "./TMADrawerFilter";
+export type TMARightDrawerFilterProps = Pick<TMADrawerFilterProps, 'open' | 'onClose' | 'title' | 'values' | 'value' | 'onChange' | 'emptyValue'>;
+export declare const TMARightDrawerFilter: (props: TMARightDrawerFilterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMARightDrawerFilter.d.ts.map

package/dist/cjs/components/TMADrawerFilter/TMARightDrawerFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMARightDrawerFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/TMADrawerFilter/TMARightDrawerFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,oBAAoB,EACpB,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAC9E,CAAC;AACF,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,4CAcpE,CAAC"}

package/dist/cjs/components/TMADrawerFilter/TMARightDrawerFilter.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMARightDrawerFilter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TMADrawerFilter_1 = require("./TMADrawerFilter");
+const TMARightDrawerFilter = (props) => ((0, jsx_runtime_1.jsx)(TMADrawerFilter_1.TMADrawerFilter, { ...props, anchor: "right", paperProps: {
+        sx: {
+            width: '66%',
+            borderRadius: '0!important',
+        }
+    }, titleVariant: "subheadline2Regular", titleColor: "subtitle_text_color", noUncheckedIcon: true }));
+exports.TMARightDrawerFilter = TMARightDrawerFilter;

package/dist/cjs/components/TMADrawerFilter/TMATopDrawerFilter.d.ts

@@ -0,0 +1,4 @@
+import { TMADrawerFilterProps } from "./TMADrawerFilter";
+export type TMATopDrawerFilterProps = Pick<TMADrawerFilterProps, 'open' | 'onClose' | 'title' | 'values' | 'value' | 'onChange' | 'emptyValue'>;
+export declare const TMATopDrawerFilter: (props: TMATopDrawerFilterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMATopDrawerFilter.d.ts.map

package/dist/cjs/components/TMADrawerFilter/TMATopDrawerFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMATopDrawerFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/TMADrawerFilter/TMATopDrawerFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,oBAAoB,EACpB,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAC9E,CAAC;AACF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,4CAShE,CAAC"}

package/dist/cjs/components/TMADrawerFilter/TMATopDrawerFilter.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMATopDrawerFilter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TMADrawerFilter_1 = require("./TMADrawerFilter");
+const TMATopDrawerFilter = (props) => ((0, jsx_runtime_1.jsx)(TMADrawerFilter_1.TMADrawerFilter, { ...props, paperProps: {
+        sx: {
+            height: 'auto',
+        }
+    } }));
+exports.TMATopDrawerFilter = TMATopDrawerFilter;

package/dist/cjs/components/TMADrawerHeader/TMADrawerHeader.d.ts

@@ -0,0 +1,6 @@
+export interface DrawerHeaderProps {
+    title: string;
+    onClose: () => void;
+}
+export declare const TMADrawerHeader: ({ title, onClose }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TMADrawerHeader.d.ts.map

package/dist/cjs/components/TMADrawerHeader/TMADrawerHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMADrawerHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/TMADrawerHeader/TMADrawerHeader.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,uBAAwB,iBAAiB,4CA+BpE,CAAC"}

package/dist/cjs/components/TMADrawerHeader/TMADrawerHeader.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMADrawerHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const theme_1 = require("../../theme");
+const TMADrawerHeader = ({ title, onClose }) => {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "center", alignItems: "center", py: 2, px: 5, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "textSemibold", children: title }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { onClick: onClose, sx: {
+                    position: 'absolute',
+                    right: theme_1.BASE_SPACING * 2,
+                    top: theme_1.BASE_SPACING * 2,
+                    width: 28,
+                    height: 28,
+                    backgroundColor: 'plain_background.main',
+                    borderRadius: 100,
+                    '& svg': {
+                        width: 20,
+                        height: 20,
+                        color: 'plain_foreground.main'
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, {}) })] }));
+};
+exports.TMADrawerHeader = TMADrawerHeader;

package/dist/cjs/components/TMALoadable/TMALoadable.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { SxProps } from '@mui/material/styles';
+import { TypographyProps } from '@mui/material/Typography';
+export interface TMALoadableProps {
+    children: React.ReactNode;
+    isLoading?: boolean;
+    sx?: SxProps;
+    size?: string | number;
+    title?: string;
+    titleVariant?: TypographyProps['variant'];
+    isFullHeight?: boolean;
+    fallback?: ReactNode;
+}
+export declare const TMALoadable: ({ children, isLoading, title, size, sx, titleVariant, isFullHeight, fallback, }: TMALoadableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=TMALoadable.d.ts.map

package/dist/cjs/components/TMALoadable/TMALoadable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMALoadable.d.ts","sourceRoot":"","sources":["../../../../src/components/TMALoadable/TMALoadable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAmB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,oFASrB,gBAAgB,4UAsBlB,CAAA"}

package/dist/cjs/components/TMALoadable/TMALoadable.js

@@ -0,0 +1,25 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TMALoadable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const TMALoadable = ({ children, isLoading, title, size = 36, sx = {}, titleVariant = 'subheadline2Regular', isFullHeight = true, fallback, }) => {
+    if (isLoading) {
+        return fallback ?? ((0, jsx_runtime_1.jsxs)(Stack_1.default, { sx: {
+                rowGap: 3,
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '100%',
+                ...(isFullHeight && { height: '99vh' }),
+                ...sx,
+            }, children: [(0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: size }), title && ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: titleVariant, children: title }))] }));
+    }
+    return children;
+};
+exports.TMALoadable = TMALoadable;

package/dist/cjs/components/TMAMultiSelectWithTags/TMAMultiSelectWithTags.d.ts

@@ -0,0 +1,34 @@
+import { type SyntheticEvent } from 'react';
+import { FilterOptionsState } from '@mui/material';
+declare enum TMAMultiSelectWithTagsVariants {
+    DEFAULT = "default",
+    DOWN_TAGS = "downTags"
+}
+export interface TMAMultiSelectWithTagsProps {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    defaultValue: string | string[];
+    placeholder: string;
+    label: string;
+    onChange: (value: string | string[]) => void;
+    onInputChange?: (event: SyntheticEvent, value: string, reason?: string) => void;
+    error?: boolean;
+    disabled?: boolean;
+    variant?: `${TMAMultiSelectWithTagsVariants}`;
+    isExpandIconNeed?: boolean;
+    isWritable?: boolean;
+    selectedOptions?: string | string[];
+    inputValue?: string;
+    isMultiple?: boolean;
+    filterOptions?: (options: unknown[], state: FilterOptionsState<unknown>) => unknown[];
+}
+export declare const StyledAutocomplete: import("@emotion/styled").StyledComponent<import("@mui/material").AutocompleteProps<unknown, boolean | undefined, boolean | undefined, boolean | undefined, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isWritable?: boolean;
+    isExpandIconNeed?: boolean;
+    variant?: `${TMAMultiSelectWithTagsVariants}`;
+}, {}, {}>;
+export declare const TMAMultiSelectWithTags: ({ options, defaultValue, placeholder, label, onChange, onInputChange, error, disabled, variant, isWritable, selectedOptions, isExpandIconNeed, inputValue, isMultiple, filterOptions, }: TMAMultiSelectWithTagsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TMAMultiSelectWithTags.d.ts.map

package/dist/cjs/components/TMAMultiSelectWithTags/TMAMultiSelectWithTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TMAMultiSelectWithTags.d.ts","sourceRoot":"","sources":["../../../../src/components/TMAMultiSelectWithTags/TMAMultiSelectWithTags.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgC,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAK1E,OAAO,EAAW,kBAAkB,EAAU,MAAM,eAAe,CAAC;AAQpE,aAAK,8BAA8B;IACjC,OAAO,YAAY;IACnB,SAAS,aAAa;CACvB;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,KACZ,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,8BAA8B,EAAE,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CACd,OAAO,EAAE,OAAO,EAAE,EAClB,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAC/B,OAAO,EAAE,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB;iBAChB,OAAO;uBACD,OAAO;cAChB,GAAG,8BAA8B,EAAE;UA6D9C,CAAC;AAkBF,eAAO,MAAM,sBAAsB,4LAgBhC,2BAA2B,4CAsK7B,CAAC"}