@monolith-forensics/monolith-ui 1.1.29 → 1.1.30

package/dist/TagBox/TagBoxStyles.js

@@ -0,0 +1,113 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagBoxOption = exports.TagBoxOptions = exports.TagKillButton = exports.TagText = exports.Tag = exports.TagBoxInput = exports.TagsContainer = exports.TagBoxInner = exports.TagBoxContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const lucide_react_1 = require("lucide-react");
+exports.TagBoxContainer = styled_components_1.default.div `
+  width: 100%;
+`;
+exports.TagBoxInner = styled_components_1.default.div `
+  height: 33px;
+  display: flex;
+  border: 1px solid ${(props) => props.theme.palette.input.border};
+  color: ${(props) => props.theme.palette.text.primary};
+  outline: none;
+  padding: 8px 8px;
+  width: 100%;
+  background-color: ${(props) => props.theme.palette.input.background};
+  border-radius: 5px;
+  transition: border 0.1s ease-in-out;
+  overflow-x: hidden;
+  &:focus {
+    border: 1px solid ${(props) => props.theme.palette.primary.main};
+  }
+`;
+exports.TagsContainer = styled_components_1.default.div `
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  flex-wrap: nowrap;
+  margin-left: calc(-5px);
+  box-sizing: border-box;
+`;
+exports.TagBoxInput = styled_components_1.default.input `
+  border: none;
+  outline: none;
+  width: 100%;
+  min-width: 50px;
+  background-color: transparent;
+  color: ${(props) => props.theme.palette.text.primary};
+  &:focus {
+    border: none;
+    outline: none;
+  }
+`;
+exports.Tag = styled_components_1.default.div `
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  background-color: rgb(26, 27, 30);
+  color: rgb(193, 194, 197);
+  height: 22px;
+  padding-left: 10px;
+  padding-right: 0px;
+  font-weight: 500;
+  font-size: 12px;
+  border-radius: 4px;
+  cursor: default;
+  user-select: none;
+  max-width: 120px;
+  margin: calc(3px) calc(5px);
+`;
+exports.TagText = styled_components_1.default.div `
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  background-color: rgb(26, 27, 30);
+  color: rgb(193, 194, 197);
+  height: 22px;
+  padding-right: 0px;
+  font-weight: 500;
+  font-size: 12px;
+  border-radius: 4px;
+  cursor: default;
+  user-select: none;
+  max-width: 75px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+exports.TagKillButton = (0, styled_components_1.default)(lucide_react_1.XIcon) `
+  -webkit-tap-highlight-color: transparent;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
+    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  cursor: pointer;
+  appearance: none;
+  text-align: left;
+  text-decoration: none;
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  background-color: transparent;
+  position: relative;
+  height: 19px;
+  min-height: 19px;
+  width: 22px;
+  min-width: 19px;
+  border-radius: 2px;
+  line-height: 1;
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  justify-content: center;
+  color: rgb(193, 194, 197);
+  padding: 0px 3px;
+  &:hover {
+    color: rgb(255, 255, 255);
+  }
+`;
+exports.TagBoxOptions = styled_components_1.default.div ``;
+exports.TagBoxOption = styled_components_1.default.div ``;

package/dist/TagBox/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TagBox";

package/dist/TagBox/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var TagBox_1 = require("./TagBox");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TagBox_1).default; } });

package/dist/TextArea/TextArea.d.ts

@@ -0,0 +1,16 @@
+import { Size, Variant } from "../core";
+interface TextAreaProps {
+    ref?: React.Ref<HTMLTextAreaElement>;
+    className?: string;
+    size?: Size;
+    variant?: Variant;
+    width?: string | number | null | undefined;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+}
+declare const TextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-textarea-autosize").TextareaAutosizeProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | 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<HTMLTextAreaElement> | null | undefined;
+}, TextAreaProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-textarea-autosize").TextareaAutosizeProps & import("react").RefAttributes<HTMLTextAreaElement>>, keyof import("react").Component<any, {}, any>>;
+export default TextArea;

package/dist/TextArea/TextArea.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
+const TextArea = (0, styled_components_1.default)(react_textarea_autosize_1.default) `
+  outline: none;
+  resize: none;
+  padding: 10px;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+
+  font-family: ${({ theme }) => theme.typography.fontFamily};
+  color: ${(props) => props.theme.palette.text.primary};
+  font-size: ${({ size }) => size === "xs"
+    ? "11px"
+    : size === "sm"
+        ? "13px"
+        : size === "md"
+            ? "15px"
+            : size === "lg"
+                ? "17px"
+                : size === "xl"
+                    ? "19px"
+                    : "13px"};
+
+  background-color: ${({ theme, variant }) => {
+    switch (variant) {
+        case "contained":
+            return theme.palette.input.background;
+        case "filled":
+            return theme.palette.input.background;
+        case "outlined":
+            return theme.palette.input.background;
+        case "text":
+            return "transparent";
+        default:
+            return theme.palette.input.background;
+    }
+}};
+
+  border-radius: 4px;
+  transition: border 0.1s ease-in-out;
+  border: 1px solid
+    ${({ theme, variant }) => {
+    switch (variant) {
+        case "contained":
+            return "transparent";
+        case "filled":
+            return "transparent";
+        case "outlined":
+            return theme.palette.input.border;
+        case "text":
+            return "transparent";
+        default:
+            return theme.palette.input.border;
+    }
+}};
+
+  &:focus {
+    border: 1px solid ${(props) => props.theme.palette.primary.main};
+  }
+
+  ::placeholder {
+    font-size: ${({ size }) => size === "xs"
+    ? "10px"
+    : size === "sm"
+        ? "12px"
+        : size === "md"
+            ? "14px"
+            : size === "lg"
+                ? "16px"
+                : size === "xl"
+                    ? "18px"
+                    : "12px"};
+  }
+`;
+exports.default = TextArea;

package/dist/TextArea/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TextArea";

package/dist/TextArea/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var TextArea_1 = require("./TextArea");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextArea_1).default; } });

package/dist/TextAreaInput/TextAreaInput.d.ts

@@ -0,0 +1,19 @@
+import { Size } from "../core";
+interface TextAreaInputProps {
+    label?: string;
+    error?: string;
+    required?: boolean;
+    colSpan?: number;
+    size?: Size;
+    description?: string;
+    inputRef?: React.RefObject<HTMLTextAreaElement> | null;
+    maxRows?: number;
+    minRows?: number;
+    onHeightChange?: (height: number, meta: {
+        rowHeight: number;
+    }) => void;
+    cacheMeasurements?: boolean;
+    style?: any;
+}
+declare const TextAreaInput: ({ label, error, required, colSpan, size, description, inputRef, maxRows, minRows, onHeightChange, cacheMeasurements, style, }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextAreaInput;

package/dist/TextAreaInput/TextAreaInput.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("..");
+const TextAreaInput = ({ label, error, required, colSpan = 1, size = "sm", description, inputRef = null, maxRows = 6, minRows = 3, onHeightChange, cacheMeasurements, style, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            gridColumn: `span ${colSpan}`,
+            height: "fit-content",
+        }, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(__1.TextArea, { ref: inputRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements, style: style })] }));
+};
+exports.default = TextAreaInput;

package/dist/TextAreaInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TextAreaInput";

package/dist/TextAreaInput/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var TextAreaInput_1 = require("./TextAreaInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextAreaInput_1).default; } });

package/dist/TextInput/TextInput.d.ts

@@ -0,0 +1,13 @@
+import { InputProps } from "../Input/Input";
+import { Size } from "../core";
+interface TextInputProps extends InputProps {
+    className?: string;
+    label?: string;
+    error?: string;
+    required?: boolean;
+    size?: Size;
+    colSpan?: number;
+    description?: string;
+}
+declare const TextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TextInputProps, never>> & string & Omit<({ className, label, error, required, colSpan, description, size, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default TextInput;

package/dist/TextInput/TextInput.js

@@ -0,0 +1,31 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const __1 = require("..");
+const Input_1 = __importDefault(require("../Input/Input"));
+const TextInput = (0, styled_components_1.default)((_a) => {
+    var { className, label, error, required, colSpan = 1, description, size = "sm" } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size"]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, Object.assign({ size: size }, rest))] }));
+}) `
+  grid-column: span ${({ colSpan }) => colSpan || 1};
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100%;
+`;
+exports.default = TextInput;

package/dist/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TextInput";

package/dist/TextInput/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var TextInput_1 = require("./TextInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+interface TooltipProps {
+    className?: string;
+    children?: ReactNode;
+    content?: ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+    delayDuration?: number;
+}
+declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TooltipProps, never>> & string & Omit<({ className, children, content, side, sideOffset, align, delayDuration, }: TooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
+export default Tooltip;

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,53 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
+const Tooltip = (0, styled_components_1.default)(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 800, }) => {
+    if (!content)
+        return children;
+    return ((0, jsx_runtime_1.jsx)(RadixTooltip.Provider, { delayDuration: delayDuration || 800, skipDelayDuration: 0, disableHoverableContent: true, children: (0, jsx_runtime_1.jsxs)(RadixTooltip.Root, { children: [(0, jsx_runtime_1.jsx)(RadixTooltip.Trigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsx)(RadixTooltip.Portal, { children: (0, jsx_runtime_1.jsx)(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
+}) `
+  pointer-events: none;
+  z-index: 999999;
+  background-color: ${({ theme }) => theme.palette.background.default};
+  padding: 15px;
+  border-radius: 5px;
+  border: 1px solid ${({ theme }) => theme.palette.divider};
+  font-size: 0.75rem;
+
+  white-space: pre-wrap;
+
+  .title {
+    font-size: 0.85rem;
+    font-weight: 600;
+    margin-bottom: 5px;
+  }
+`;
+exports.default = Tooltip;

package/dist/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Tooltip";

package/dist/Tooltip/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Tooltip_1 = require("./Tooltip");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });

package/dist/core/ArrowButton.d.ts

@@ -0,0 +1,6 @@
+interface ArrowButtonProps {
+    className?: string;
+    [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
+}
+declare const ArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ArrowButtonProps, never>> & string & Omit<({ className, ...props }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default ArrowButton;

package/dist/core/ArrowButton.js

@@ -0,0 +1,48 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const ArrowIcon = (0, styled_components_1.default)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { size: 16 }) })));
+}) `
+  color: ${(props) => props.theme.palette.text.secondary};
+  transition: transform 0.2s ease-in-out;
+  transform: rotate(0deg);
+  will-change: transform;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;
+const ArrowButton = (0, styled_components_1.default)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: (0, jsx_runtime_1.jsx)(ArrowIcon, {}) })));
+}) `
+  position: absolute;
+  right: 0;
+  height: 100%;
+  padding-inline: 10px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  margin: 0;
+  outline: none;
+`;
+exports.default = ArrowButton;

package/dist/core/ClearButton.d.ts

@@ -0,0 +1,6 @@
+interface ClearButtonProps {
+    className?: string;
+    [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
+}
+declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ClearButtonProps, never>> & string & Omit<({ className, ...props }: ClearButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default ClearButton;

package/dist/core/ClearButton.js

@@ -0,0 +1,48 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const ClearIcon = (0, styled_components_1.default)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) })));
+}) `
+  color: ${(props) => props.theme.palette.text.secondary};
+  transition: transform 0.2s ease-in-out;
+  transform: rotate(0deg);
+  will-change: transform;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;
+const ClearButton = (0, styled_components_1.default)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: (0, jsx_runtime_1.jsx)(ClearIcon, {}) })));
+}) `
+  position: absolute;
+  right: 0;
+  height: 100%;
+  padding-inline: 10px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  margin: 0;
+  outline: none;
+`;
+exports.default = ClearButton;

package/dist/core/MonolithThemeProvider.d.ts

@@ -0,0 +1,4 @@
+export function MonolithThemeProvider({ children, theme }: {
+    children: any;
+    theme: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/core/MonolithThemeProvider.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonolithThemeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = require("styled-components");
+const variants_1 = __importDefault(require("@monolith-ui/theme/variants"));
+const MonolithThemeProvider = ({ children, theme }) => {
+    let selectedTheme = theme
+        ? variants_1.default.find((variant) => variant.name === theme)
+        : variants_1.default[1]; // Default to dark theme
+    if (!selectedTheme) {
+        console.warn(new Error(`The theme ${theme} is not valid`));
+        selectedTheme = variants_1.default[1]; // Default to dark theme
+    }
+    return (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: selectedTheme, children: children });
+};
+exports.MonolithThemeProvider = MonolithThemeProvider;

package/dist/core/StyledContent.d.ts

@@ -0,0 +1,7 @@
+import Variant from "./Types/Variant";
+interface StyledContentProps {
+    maxDropdownHeight?: number | string;
+    variant?: Variant;
+}
+declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContentProps>> & string;
+export default StyledContent;

package/dist/core/StyledContent.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const StyledContent = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  overflow-y: hidden;
+  overflow-x: hidden;
+
+  max-height: ${({ maxDropdownHeight }) => Number.isInteger(maxDropdownHeight)
+    ? `${maxDropdownHeight}px`
+    : maxDropdownHeight || "250px"};
+
+  background-color: ${({ theme, variant }) => {
+    switch (variant) {
+        case "filled":
+            return theme.palette.input.background;
+        case "outlined":
+            return theme.palette.input.background;
+        case "text":
+            return "transparent";
+        default:
+            return theme.palette.input.background;
+    }
+}};
+
+  border-radius: 5px;
+  border: 1px solid ${(props) => props.theme.palette.divider};
+  padding: 5px;
+  animation-duration: 400ms;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  will-change: transform, opacity;
+
+  &[data-empty="true"] {
+    display: none;
+  }
+
+  &[data-scroll-active="true"] {
+    padding-right: 5px;
+  }
+`;
+exports.default = StyledContent;

package/dist/core/StyledFloatContainer.d.ts

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

package/dist/core/StyledFloatContainer.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const StyledFloatContainer = styled_components_1.default.div `
+  z-index: 100001;
+`;
+exports.default = StyledFloatContainer;

package/dist/core/Types/Size.d.ts

@@ -0,0 +1,2 @@
+type Size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+export default Size;

package/dist/core/Types/Size.js

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

package/dist/core/Types/Variant.d.ts

@@ -0,0 +1,2 @@
+type Variant = "default" | "contained" | "filled" | "light" | "outlined" | "text" | "subtle";
+export default Variant;

package/dist/core/Types/Variant.js

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