@monolith-forensics/monolith-ui 1.1.28 → 1.1.29

package/dist/DropDownMenu/DropDownMenu.js

@@ -1,213 +0,0 @@
-"use strict";
-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 react_1 = require("@floating-ui/react");
-const react_2 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const __1 = require("..");
-const use_debounce_1 = require("use-debounce");
-const StyledFloatContainer = styled_components_1.default.div `
-  z-index: 1500;
-`;
-const StyledInnerItemContainer = styled_components_1.default.div `
-  overflow-y: auto;
-
-  &[data-scroll-active="true"] {
-    padding-right: 5px;
-  }
-`;
-const SearchInput = (0, react_2.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)(__1.Input, Object.assign({ ref: ref, style: { marginBottom: 8 } }, props)));
-const StyledItem = styled_components_1.default.div `
-  color: ${(props) => props.theme.palette.text.primary};
-  border-radius: 3px;
-  display: flex;
-  flex-direction: row;
-  gap: 5px;
-  align-items: center;
-  min-height: 25px;
-  padding: 7px 10px;
-  position: relative;
-  user-select: none;
-  outline: none;
-
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  cursor: pointer;
-
-  font-family: ${({ theme }) => theme.typography.fontFamily};
-
-  font-size: ${({ size }) => size === "xs"
-    ? "11px"
-    : size === "sm"
-        ? "13px"
-        : size === "md"
-            ? "15px"
-            : size === "lg"
-                ? "17px"
-                : size === "xl"
-                    ? "19px"
-                    : "11px"};
-
-  padding: ${({ size }) => size === "xs"
-    ? "2px 8px"
-    : size === "sm"
-        ? "4px 10px"
-        : size === "md"
-            ? "4px 12px"
-            : size === "lg"
-                ? "5px 14px"
-                : size === "xl"
-                    ? "6px 16px"
-                    : "2px 8px"};
-
-  &[data-disabled] {
-    color: ${(props) => props.theme.palette.text.secondary};
-    pointer-events: "none";
-  }
-
-  &:hover {
-    background-color: ${(props) => props.theme.palette.action.hover};
-    color: ${(props) => props.theme.palette.text.primary};
-  }
-`;
-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: ${(props) => props.theme.palette.background.default};
-  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;
-  }
-`;
-const DropDownMenu = (0, styled_components_1.default)(({ className, children, data = [], variant = "outlined", defaultValue, multiselect = false, size = "xs", TooltipContent, renderOption, onChange, onItemSelect, onScroll, loading, arrow, searchable, dropDownProps, buttonProps, }) => {
-    var _a, _b, _c;
-    const isObjectArray = (_a = Object.keys((data === null || data === void 0 ? void 0 : data[0]) || {})) === null || _a === void 0 ? void 0 : _a.includes("label");
-    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
-    const [selected, setSelected] = (0, react_2.useState)(defaultValue || []);
-    const [searchValue, setSearchValue] = (0, react_2.useState)("");
-    const scrollContainerRef = (0, react_2.useRef)(null);
-    const searchInputRef = (0, react_2.useRef)(null);
-    const { refs, floatingStyles, context } = (0, react_1.useFloating)({
-        open: isOpen,
-        onOpenChange: setIsOpen,
-        placement: "bottom-start",
-        strategy: "absolute",
-        // Handle collisions with the viewport
-        middleware: [(0, react_1.flip)()],
-    });
-    const handleAddItem = (item) => {
-        setSelected((prev) => {
-            let newSelected = [...prev, item];
-            const diff = data.filter((i) => !newSelected.find((s) => isObjectArray ? (s === null || s === void 0 ? void 0 : s.value) === (i === null || i === void 0 ? void 0 : i.value) : s === i));
-            onChange === null || onChange === void 0 ? void 0 : onChange(newSelected, diff);
-            return newSelected;
-        });
-    };
-    const handleRemoveItem = (item) => {
-        setSelected((prev) => {
-            let newSelected = prev.filter((i) => isObjectArray ? (i === null || i === void 0 ? void 0 : i.value) !== (item === null || item === void 0 ? void 0 : item.value) : i !== item);
-            const diff = data.filter((i) => !newSelected.find((s) => isObjectArray ? (s === null || s === void 0 ? void 0 : s.value) === (i === null || i === void 0 ? void 0 : i.value) : s === i));
-            onChange === null || onChange === void 0 ? void 0 : onChange(newSelected, diff);
-            return newSelected;
-        });
-    };
-    const handleSearch = (0, use_debounce_1.useDebouncedCallback)((e) => {
-        setSearchValue(e.target.value);
-    }, 150);
-    // Close on outside click
-    (0, react_2.useEffect)(() => {
-        const close = (e) => {
-            var _a, _b, _c, _d;
-            const target = e.target;
-            const referenceElement = (_a = refs === null || refs === void 0 ? void 0 : refs.reference) === null || _a === void 0 ? void 0 : _a.current;
-            const floatingElement = (_b = refs === null || refs === void 0 ? void 0 : refs.floating) === null || _b === void 0 ? void 0 : _b.current;
-            if (floatingElement && // Check if the floating element exists
-                e.target !== referenceElement && // Check if the target is not the reference (input)
-                !((_c = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.contains) === null || _c === void 0 ? void 0 : _c.call(referenceElement, target)) && // Check if the target is not inside the reference (input)
-                !((_d = floatingElement === null || floatingElement === void 0 ? void 0 : floatingElement.contains) === null || _d === void 0 ? void 0 : _d.call(floatingElement, target)) // Check if the target is not inside the floating element (content)
-            ) {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener("mousedown", close);
-        return () => document.removeEventListener("mousdown", close);
-    }, [refs.floating, refs.reference]);
-    (0, react_2.useEffect)(() => {
-        var _a, _b;
-        if (isOpen && searchable) {
-            (_b = (_a = searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-        if (!isOpen) {
-            setSearchValue("");
-        }
-    }, [isOpen, searchable]);
-    const scrollActive = (((_b = scrollContainerRef === null || scrollContainerRef === void 0 ? void 0 : scrollContainerRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) || 0) >
-        (((_c = scrollContainerRef === null || scrollContainerRef === void 0 ? void 0 : scrollContainerRef.current) === null || _c === void 0 ? void 0 : _c.clientHeight) || 0);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className + " mfDropDownMenu", children: [(0, jsx_runtime_1.jsx)(__1.Button, Object.assign({ ref: (ref) => {
-                    refs.setReference(ref);
-                }, onMouseDown: () => setIsOpen(!isOpen), rightSection: arrow ? (0, jsx_runtime_1.jsx)("span", { children: "\u25BC" }) : null, size: size }, buttonProps, { children: children })), isOpen && ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { preserveTabOrder: true, children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, modal: false, children: (0, jsx_runtime_1.jsx)(StyledFloatContainer, { ref: refs.setFloating, style: floatingStyles, className: "mfFloating", children: (0, jsx_runtime_1.jsx)(StyledContent, Object.assign({ className: "mfFloatingContent", style: { width: 150, maxWidth: 400 }, variant: variant }, dropDownProps, { children: (0, jsx_runtime_1.jsxs)(StyledInnerItemContainer, { ref: scrollContainerRef, "data-scroll-active": scrollActive, onScroll: onScroll, children: [loading && (0, jsx_runtime_1.jsx)("div", { children: "Loading..." }), searchable && ((0, jsx_runtime_1.jsx)(SearchInput, { ref: searchInputRef, variant: "outlined", placeholder: "Search", onChange: handleSearch })), !loading &&
-                                        data
-                                            .filter((item) => {
-                                            var _a, _b, _c;
-                                            if (!searchable)
-                                                return true;
-                                            if (isObjectArray) {
-                                                return (((_a = item === null || item === void 0 ? void 0 : item.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchValue.toLowerCase())) ||
-                                                    ((_b = item === null || item === void 0 ? void 0 : item.value) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(searchValue.toLowerCase())));
-                                            }
-                                            return (_c = item
-                                                .toLowerCase) === null || _c === void 0 ? void 0 : _c.call(item).includes(searchValue.toLowerCase());
-                                        })
-                                            .map((item, index) => {
-                                            const isSelected = !!(selected === null || selected === void 0 ? void 0 : selected.find((s) => isObjectArray
-                                                ? (s === null || s === void 0 ? void 0 : s.value) === (item === null || item === void 0 ? void 0 : item.value)
-                                                : s === item));
-                                            return ((0, jsx_runtime_1.jsx)(__1.Tooltip, { content: TooltipContent ? ((0, jsx_runtime_1.jsx)(TooltipContent, { data: item.data })) : null, side: "left", children: (0, jsx_runtime_1.jsxs)(StyledItem, { className: "mfFloatingItem", onClick: (e) => {
-                                                        e.preventDefault();
-                                                        e.stopPropagation();
-                                                        if (multiselect) {
-                                                            isSelected
-                                                                ? handleRemoveItem(item)
-                                                                : handleAddItem(item);
-                                                        }
-                                                        else {
-                                                            setIsOpen(false);
-                                                        }
-                                                        onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item);
-                                                    }, "data-selected": isSelected, size: size, children: [multiselect && (0, jsx_runtime_1.jsx)(__1.CheckBox, { value: isSelected }), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || (item === null || item === void 0 ? void 0 : item.label) || item })] }) }, index));
-                                        })] }) })) }) }) }))] }));
-}) ``;
-exports.default = DropDownMenu;

package/dist/DropDownMenu/index.d.ts

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

package/dist/DropDownMenu/index.js

@@ -1,8 +0,0 @@
-"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 DropDownMenu_1 = require("./DropDownMenu");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(DropDownMenu_1).default; } });

package/dist/Error/Error.d.ts

@@ -1,4 +0,0 @@
-declare const ErrorComponent: ({ error }: {
-    error: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ErrorComponent;

package/dist/Error/Error.js

@@ -1,38 +0,0 @@
-"use strict";
-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 react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const lucide_react_1 = require("lucide-react");
-const ErrorContainer = styled_components_1.default.div `
-  background-color: ${({ theme }) => theme.palette.error.main + "15"};
-  color: ${({ theme }) => theme.palette.error.light};
-  border: 1px solid #d93025;
-  padding: 10px;
-  margin-bottom: 10px;
-  display: flex;
-  justify-content: space-between;
-  border-radius: 5px;
-  align-items: center;
-`;
-const CloseButton = styled_components_1.default.button `
-  background: none;
-  border: none;
-  color: ${({ theme }) => theme.palette.error.light};
-  cursor: pointer;
-`;
-const ErrorText = styled_components_1.default.span `
-  margin-left: 10px;
-  flex: 1;
-`;
-const ErrorComponent = ({ error }) => {
-    const [isVisible, setIsVisible] = (0, react_1.useState)(true);
-    const handleClose = () => {
-        setIsVisible(false);
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isVisible && ((0, jsx_runtime_1.jsxs)(ErrorContainer, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ShieldAlert, { size: 19 }), (0, jsx_runtime_1.jsx)(ErrorText, { children: error }), (0, jsx_runtime_1.jsx)(CloseButton, { onClick: handleClose, children: (0, jsx_runtime_1.jsx)(lucide_react_1.XIcon, { size: 19 }) })] })) }));
-};
-exports.default = ErrorComponent;

package/dist/Error/index.d.ts

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

package/dist/Error/index.js

@@ -1,8 +0,0 @@
-"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 Error_1 = require("./Error");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Error_1).default; } });

package/dist/FieldLabel/FieldLabel.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from "react";
-import { Size } from "../core";
-interface InfoComponentProps {
-    className?: string;
-    children?: ReactNode;
-    description?: string;
-    label?: string | ReactNode;
-}
-export declare const InfoComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<InfoComponentProps, never>> & string & Omit<({ className, children, description, label }: InfoComponentProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
-interface FieldLabelProps {
-    className?: string;
-    children?: ReactNode;
-    error?: string;
-    description?: string;
-    size?: Size;
-    asterisk?: boolean;
-}
-declare const FieldLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<FieldLabelProps, never>> & string & Omit<({ className, children, error, description, size, }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default FieldLabel;

package/dist/FieldLabel/FieldLabel.js

@@ -1,119 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InfoComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const Tooltip = __importStar(require("@radix-ui/react-tooltip"));
-exports.InfoComponent = (0, styled_components_1.default)(({ className, children, description, label }) => {
-    if (!description)
-        return children;
-    return ((0, jsx_runtime_1.jsx)(Tooltip.Provider, { delayDuration: 800, skipDelayDuration: 0, disableHoverableContent: true, children: (0, jsx_runtime_1.jsxs)(Tooltip.Root, { children: [(0, jsx_runtime_1.jsx)(Tooltip.Trigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsx)(Tooltip.Portal, { children: (0, jsx_runtime_1.jsxs)(Tooltip.Content, { className: className, side: "right", sideOffset: 15, align: "start", onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("div", { className: "title", children: label || "Info" }), (0, jsx_runtime_1.jsx)("div", { children: description || "N/A" })] }) })] }) }));
-}) `
-  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;
-  max-width: 350px;
-  width: 250px;
-
-  white-space: pre-wrap;
-
-  .title {
-    font-size: 0.85rem;
-    font-weight: 600;
-    margin-bottom: 5px;
-  }
-`;
-const FieldLabel = (0, styled_components_1.default)(({ className, children, error, description, size = "sm", }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className + " FieldLabel", children: [(0, jsx_runtime_1.jsx)(exports.InfoComponent, { description: description, label: children, children: (0, jsx_runtime_1.jsx)("div", { className: "label", children: children }) }), error && ((0, jsx_runtime_1.jsx)("div", { className: "error", title: error, children: error || "Invalid Value" }))] }));
-}) `
-  user-select: none;
-  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
-  user-select: none;
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-  gap: 5px;
-
-  min-height: 15px;
-  font-weight: 400;
-  margin-bottom: 2.5px;
-
-  font-size: ${({ size = "sm" }) => size === "xs"
-    ? "10px"
-    : size === "sm"
-        ? "12px"
-        : size === "md"
-            ? "14px"
-            : size === "lg"
-                ? "16px"
-                : size === "xl"
-                    ? "18px"
-                    : "12px"};
-
-  transition: all 0.2s ease;
-  color: ${({ theme, error }) => theme.palette.text.secondary};
-
-  .label {
-    width: fit-content;
-    min-width: fit-content;
-  }
-
-  .label::after {
-    content: ${(props) => (props.asterisk ? "'*'" : "")};
-    color: ${({ theme }) => theme.palette.error.main};
-    margin-left: 2px;
-  }
-
-  .label:hover {
-    cursor: ${({ description }) => (description ? "pointer" : "default")};
-    color: ${({ description, theme }) => description ? theme.palette.text.primary : theme.palette.text.secondary};
-  }
-
-  .error {
-    user-select: none;
-    transition: all 0.2s ease;
-    cursor: pointer;
-    color: ${({ theme }) => theme.palette.error.main};
-    font-size: 10px;
-    max-width: 85%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .error:hover {
-    color: ${({ theme }) => theme.palette.error.light};
-  }
-`;
-exports.default = FieldLabel;

package/dist/FieldLabel/index.d.ts

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

package/dist/FieldLabel/index.js

@@ -1,8 +0,0 @@
-"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 FieldLabel_1 = require("./FieldLabel");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FieldLabel_1).default; } });

package/dist/FileInputField/FileInputField.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode, HTMLAttributes } from "react";
-import { DropzoneOptions } from "react-dropzone";
-import { Size, Variant } from "../core";
-interface FileInputFieldProps {
-    className?: string;
-    children?: ReactNode;
-    variant?: Variant;
-    label?: string;
-    error?: string;
-    required?: boolean;
-    size?: Size;
-    onChange?: (files: File[]) => void;
-    onFocus?: () => void;
-    dropZoneOptions?: DropzoneOptions;
-    colSpan?: number;
-    style?: HTMLAttributes<HTMLDivElement>;
-}
-declare const FileInputField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<FileInputFieldProps, never>> & string & Omit<({ className, children, label, error, required, size, onChange, onFocus, dropZoneOptions, colSpan, style, }: FileInputFieldProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default FileInputField;

package/dist/FileInputField/FileInputField.js

@@ -1,117 +0,0 @@
-"use strict";
-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 react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_dropzone_1 = require("react-dropzone");
-const __1 = require("..");
-const FileInputField = (0, styled_components_1.default)(({ className, children, label, error, required, size, onChange, onFocus, dropZoneOptions = {}, colSpan, style = {}, }) => {
-    const [files, setFiles] = (0, react_1.useState)([]);
-    const onDrop = (0, react_1.useCallback)((acceptedFiles) => {
-        setFiles(acceptedFiles);
-        // Do something with the files
-        onChange === null || onChange === void 0 ? void 0 : onChange(acceptedFiles);
-    }, []);
-    const handleRemoveFile = (file) => {
-        setFiles((prev) => prev.filter((f) => f !== file));
-    };
-    const { getRootProps, getInputProps } = (0, react_dropzone_1.useDropzone)(Object.assign({ onDrop }, dropZoneOptions));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, children: label })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "file-input-container" }, getRootProps(), { onFocus: onFocus, style: style, children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, getInputProps())), children && children, !children && (0, jsx_runtime_1.jsx)("div", { children: "Drop files here or click to select files ..." })] })), (0, jsx_runtime_1.jsx)("div", { className: "file-selections", children: files.map((file, index) => ((0, jsx_runtime_1.jsx)(__1.Pill, { size: "sm", showRemoveIcon: true, onRemove: () => handleRemoveFile(file), children: file.name }, index))) })] }));
-}) `
-  display: flex;
-  flex-direction: column;
-  grid-column: span ${({ colSpan }) => colSpan || 1};
-
-  .file-input-container {
-    user-select: none;
-    cursor: pointer;
-    outline: none;
-
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 75px;
-
-    color: ${({ theme }) => theme.palette.text.secondary};
-
-    font-size: ${({ size }) => size === "xs"
-    ? "12px"
-    : size === "sm"
-        ? "14px"
-        : size === "md"
-            ? "16px"
-            : size === "lg"
-                ? "18px"
-                : size === "xl"
-                    ? "20px"
-                    : "12px"};
-
-    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;
-    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;
-    }
-}};
-
-    padding: ${({ size }) => size === "xs"
-    ? "0px 8px"
-    : size === "sm"
-        ? "0px 10px"
-        : size === "md"
-            ? "0px 12px"
-            : size === "lg"
-                ? "0px 14px"
-                : size === "xl"
-                    ? "0px 16px"
-                    : "0px 8px"};
-
-    max-width: 100%;
-
-    transition: border 0.2s;
-
-    &:hover {
-      border: 1px solid ${({ theme }) => theme.palette.primary.main};
-    }
-
-    &:focus {
-      border: 1px solid ${({ theme }) => theme.palette.primary.main};
-    }
-  }
-
-  .file-selections {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    margin-top: 10px;
-  }
-`;
-exports.default = FileInputField;

package/dist/FileInputField/index.d.ts

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

package/dist/FileInputField/index.js

@@ -1,8 +0,0 @@
-"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 FileInputField_1 = require("./FileInputField");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileInputField_1).default; } });

package/dist/Flyout/Flyout.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface FlyoutProps {
-    children: React.ReactNode;
-    open?: boolean;
-    onClose?: () => void;
-    style?: React.CSSProperties;
-    closeOnOutsideClick?: boolean;
-    showCloseButton?: boolean;
-}
-declare const Flyout: React.FC<FlyoutProps>;
-export default Flyout;