@monolith-forensics/monolith-ui 1.1.28 → 1.1.29

package/dist/SelectBox/SelectBox.js

@@ -1,477 +0,0 @@
-"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 });
-exports.StyledInputContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@floating-ui/react");
-const react_2 = require("react");
-const __1 = require("..");
-const use_debounce_1 = require("use-debounce");
-const core_1 = require("../core");
-exports.StyledInputContainer = styled_components_1.default.div `
-  font-family: ${({ theme }) => theme.typography.fontFamily};
-
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  border: none;
-  outline: none;
-  height: fit-content;
-
-  width: ${({ width }) => {
-    if (typeof width === "undefined")
-        return "100%";
-    if (width === null)
-        return "100%";
-    if (typeof width === "string")
-        return width;
-    if (typeof width === "number")
-        return `${width}px`;
-}};
-`;
-const StyledInnerItemContainer = styled_components_1.default.div `
-  overflow-y: auto;
-
-  &[data-scroll-active="true"] {
-    padding-right: 5px;
-  }
-`;
-const GroupTitle = (0, styled_components_1.default)((_a) => {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: className }, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: "group-line" }), (0, jsx_runtime_1.jsx)("div", { className: "group-label", children: children }), (0, jsx_runtime_1.jsx)("div", { className: "group-line" })] })));
-}) `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-
-  color: ${(props) => props.theme.palette.text.secondary};
-
-  padding: ${({ size }) => size === "xs"
-    ? "2px 8px"
-    : size === "sm"
-        ? "4px 10px"
-        : size === "md"
-            ? "4px 12px"
-            : size === "lg"
-                ? "5px 14px"
-                : size === "xl"
-                    ? "6px 16px"
-                    : "2px 8px"};
-
-  .group-label {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    width: fit-content;
-    min-width: fit-content;
-
-    font-weight: 500;
-
-    font-size: ${({ size }) => size === "xs"
-    ? "11px"
-    : size === "sm"
-        ? "13px"
-        : size === "md"
-            ? "15px"
-            : size === "lg"
-                ? "17px"
-                : size === "xl"
-                    ? "19px"
-                    : "11px"};
-  }
-
-  .group-line {
-    border-top: 1px solid ${(props) => props.theme.palette.divider};
-    width: 100%;
-  }
-`;
-const ActionMenu = styled_components_1.default.div ``;
-const StyledItem = styled_components_1.default.div `
-  color: ${(props) => props.theme.palette.text.primary};
-  border-radius: 3px;
-  display: flex;
-  align-items: center;
-  min-height: 25px;
-  padding: 7px 10px;
-  position: relative;
-  user-select: none;
-  outline: none;
-
-  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};
-  }
-
-  &[data-selected="true"] {
-    background-color: ${(props) => props.theme.palette.divider};
-    color: ${(props) => props.theme.palette.text.primary};
-  }
-`;
-const SelectBox = (0, styled_components_1.default)(({ className, data = [], placeholder = "Select...", arrow = true, onChange, onSearch, searchFn, onScroll, loading, defaultValue, onItemAdded, size = "sm", variant = "outlined", width = "100%", allowCustomValue = false, searchable = false, clearable = false, label, description, required = false, error, openOnFocus = true, renderOption, actionComponent, focused, grouped, TooltipContent, DropDownProps = {}, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    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)(null);
-    const [searchValue, setSearchValue] = (0, react_2.useState)("");
-    const [customItems, setCustomItems] = (0, react_2.useState)([]);
-    const [placement, setPlacement] = (0, react_2.useState)("bottom-start");
-    const [dropDownHeight, setDropDownHeight] = (0, react_2.useState)(null);
-    const inputRef = (0, react_2.useRef)(null);
-    const containerRef = (0, react_2.useRef)(null);
-    const scrollContainerRef = (0, react_2.useRef)(null);
-    const filteredItems = data
-        .concat(customItems) // Add custom items to the list
-        .filter((item) => {
-        const itemValue = (isObjectArray ? item.label : item);
-        return itemValue.toLowerCase().includes(searchValue.toLowerCase());
-    })
-        .sort((a, b) => {
-        if (grouped) {
-            const aValue = a.group;
-            const bValue = b.group;
-            return aValue.localeCompare(bValue);
-        }
-        // return current sort order
-        return 0;
-    });
-    const groupedItems = grouped
-        ? filteredItems.reduce((acc, item) => {
-            if (!item.group) {
-                item.group = "Other";
-            }
-            if (acc[item.group]) {
-                acc[item.group].push(item);
-            }
-            else {
-                acc[item.group] = [item];
-            }
-            return acc;
-        }, {})
-        : {};
-    const groups = grouped
-        ? Object.keys(groupedItems)
-            .map((group) => ({
-            label: group,
-            items: groupedItems[group],
-        }))
-            .sort((a, b) => a.label.localeCompare(b.label))
-        : [];
-    const { refs, floatingStyles, update } = (0, react_1.useFloating)({
-        open: isOpen,
-        onOpenChange: setIsOpen,
-        placement,
-        strategy: "absolute",
-        // Handle collisions with the viewport
-        middleware: [(0, react_1.flip)(), (0, react_1.offset)(5)],
-    });
-    const toggleOpen = () => {
-        setIsOpen((prev) => {
-            if (!prev) {
-                if (inputRef.current) {
-                    inputRef.current.focus();
-                }
-            }
-            return !prev;
-        });
-    };
-    const handleClear = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (inputRef.current)
-            inputRef.current.value = "";
-        handleChangeSelection(null);
-        setSelected(null);
-        setSearchValue("");
-        searchFn === null || searchFn === void 0 ? void 0 : searchFn("");
-        update();
-    };
-    const handleItemClick = (event, item) => {
-        event.preventDefault();
-        event.stopPropagation();
-        handleChangeSelection(item);
-        setIsOpen(false);
-    };
-    const handleChangeSelection = (0, react_2.useCallback)((option) => {
-        setSelected(option);
-        onChange === null || onChange === void 0 ? void 0 : onChange((option === null || option === void 0 ? void 0 : option.value) || option, option);
-    }, [onChange]);
-    const handleAddItem = (0, react_2.useCallback)((newItem) => {
-        const isNewItem = data.every((item) => item.label.toLowerCase() !==
-            newItem.toLowerCase());
-        if (isNewItem) {
-            const newValue = isObjectArray
-                ? { label: newItem, value: newItem }
-                : newItem;
-            setCustomItems((prev) => {
-                prev.push(newValue);
-                return prev;
-            });
-            handleChangeSelection(newValue);
-            onItemAdded === null || onItemAdded === void 0 ? void 0 : onItemAdded(newValue);
-        }
-        else {
-            const item = data.find((item) => {
-                return isObjectArray
-                    ? item.label.toLowerCase() === newItem.toLowerCase()
-                    : item.toLowerCase() === newItem.toLowerCase();
-            });
-            handleChangeSelection(item);
-        }
-    }, [onItemAdded, isObjectArray, data, handleChangeSelection]);
-    const handleKeyDown = (e) => {
-        var _a, _b;
-        const currentInputValue = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.value;
-        // Escape key
-        if (e.key === "Escape") {
-            const reference = (_b = refs === null || refs === void 0 ? void 0 : refs.reference) === null || _b === void 0 ? void 0 : _b.current;
-            reference === null || reference === void 0 ? void 0 : reference.blur();
-            setSearchValue("");
-            update();
-            setIsOpen(false);
-        }
-        // Enter key
-        if (e.key === "Enter") {
-            if (currentInputValue && currentInputValue !== "" && allowCustomValue) {
-                handleAddItem(currentInputValue);
-                setSearchValue("");
-                update();
-            }
-            else {
-                // TODO: decide what to do when user presses enter after typing a search value
-            }
-            toggleOpen();
-            // setIsOpen(false);
-        }
-        // Arrow down
-        if (e.key === "ArrowDown") {
-            e.preventDefault();
-            setSelected((prev) => {
-                let newItem = filteredItems[0]; // Loop back to the first item
-                const index = filteredItems.findIndex((item) => isObjectArray
-                    ? item.value === (prev === null || prev === void 0 ? void 0 : prev.value)
-                    : item === prev);
-                if (index < filteredItems.length - 1) {
-                    newItem = filteredItems[index + 1];
-                }
-                onChange === null || onChange === void 0 ? void 0 : onChange((newItem === null || newItem === void 0 ? void 0 : newItem.value) || newItem, newItem);
-                return newItem;
-            });
-        }
-        // Arrow up
-        if (e.key === "ArrowUp") {
-            e.preventDefault();
-            setSelected((prev) => {
-                let newItem = filteredItems[filteredItems.length - 1]; // Loop back to the last item
-                const index = filteredItems.findIndex((item) => isObjectArray
-                    ? item.value === (prev === null || prev === void 0 ? void 0 : prev.value)
-                    : item === prev);
-                if (index > 0) {
-                    newItem = filteredItems[index - 1];
-                }
-                onChange === null || onChange === void 0 ? void 0 : onChange((newItem === null || newItem === void 0 ? void 0 : newItem.value) || newItem, newItem);
-                return newItem;
-            });
-        }
-        // Tab key
-        if (e.key === "Tab") {
-            if (allowCustomValue && currentInputValue && currentInputValue !== "") {
-                handleAddItem(currentInputValue);
-                setSearchValue("");
-            }
-            else if (!selected) {
-                // clear input
-                if (inputRef.current) {
-                    inputRef.current.value = "";
-                }
-            }
-            setSearchValue("");
-            setIsOpen(false);
-        }
-    };
-    const handleOnChange = (e) => {
-        // Simulate clear event when the input is changed to an empty string
-        if (e.target.value === "") {
-            handleClear(e);
-            return;
-        }
-        if (searchFn !== undefined) {
-            searchFn === null || searchFn === void 0 ? void 0 : searchFn(e.target.value);
-        }
-        else {
-            setSearchValue(e.target.value);
-            update();
-        }
-    };
-    const debouncedHandleOnChange = (0, use_debounce_1.useDebouncedCallback)(handleOnChange, 300);
-    const handleFocus = () => {
-        if (openOnFocus) {
-            setIsOpen(true);
-        }
-    };
-    // Close on outside click
-    (0, react_2.useEffect)(() => {
-        const close = (e) => {
-            var _a, _b;
-            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
-                target !== referenceElement && // Check if the target is not the reference (input)
-                !referenceElement.contains(target) && // Check if the target is not inside the reference (input)
-                !floatingElement.contains(target) // Check if the target is not inside the floating element (content)
-            ) {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener("click", close);
-        return () => document.removeEventListener("click", close);
-    }, [refs.floating, refs.reference]);
-    // Handle default value
-    (0, react_2.useEffect)(() => {
-        if (defaultValue) {
-            const isOption = defaultValue.value !== undefined;
-            const searchPattern = isOption
-                ? defaultValue.value
-                : defaultValue;
-            setSelected(data.find((item) => isObjectArray
-                ? item.value === searchPattern
-                : item === searchPattern) || null);
-        }
-    }, [data, defaultValue, isObjectArray]);
-    // handle input value change
-    (0, react_2.useEffect)(() => {
-        if (inputRef.current) {
-            if (!selected) {
-                inputRef.current.value = "";
-            }
-            else {
-                inputRef.current.value = isObjectArray
-                    ? selected.label
-                    : selected;
-            }
-        }
-    }, [selected]);
-    // handle scroll item into view
-    (0, react_2.useEffect)(() => {
-        var _a, _b;
-        const item = (_b = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, ".mfFloatingItem[data-selected=true]");
-        if (item) {
-            item.scrollIntoView({ block: "nearest" });
-        }
-    }, [selected]);
-    // make calls to onSearch callback
-    (0, react_2.useEffect)(() => {
-        if (searchable) {
-            update();
-            onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchValue);
-        }
-    }, [searchValue]);
-    const referenceEl = (_b = refs === null || refs === void 0 ? void 0 : refs.reference) === null || _b === void 0 ? void 0 : _b.current;
-    const contentWidth = ((_e = (_d = (_c = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.getClientRects) === null || _c === void 0 ? void 0 : _c.call(referenceEl)) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.width) || "100%";
-    const scrollEl = scrollContainerRef === null || scrollContainerRef === void 0 ? void 0 : scrollContainerRef.current;
-    const scrollActive = scrollEl
-        ? (scrollEl === null || scrollEl === void 0 ? void 0 : scrollEl.scrollHeight) > (scrollEl === null || scrollEl === void 0 ? void 0 : scrollEl.clientHeight)
-        : false;
-    // get height between bottom of the floating container and the bottom of the viewport
-    const bottomHeight = window.innerHeight - ((_f = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.getBoundingClientRect()) === null || _f === void 0 ? void 0 : _f.bottom) - 10;
-    // get height between top of the floating container and the top of the viewport
-    const topHeight = (((_g = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.getBoundingClientRect()) === null || _g === void 0 ? void 0 : _g.top) -
-        10);
-    (0, react_2.useEffect)(() => {
-        if (bottomHeight < 250) {
-            setPlacement("top-start");
-            setDropDownHeight(topHeight);
-        }
-        else {
-            setPlacement("bottom-start");
-            setDropDownHeight(bottomHeight);
-        }
-        return () => {
-            setPlacement("bottom-start");
-            setDropDownHeight(bottomHeight);
-        };
-    }, [topHeight, bottomHeight, isOpen]);
-    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.jsxs)(exports.StyledInputContainer, { ref: refs.setReference, onMouseDown: () => setIsOpen(true), width: width, onKeyDown: handleKeyDown, "data-open": isOpen, children: [(0, jsx_runtime_1.jsx)(__1.Input, { ref: inputRef, onChange: debouncedHandleOnChange, onFocus: handleFocus, autoFocus: focused, placeholder: placeholder, size: size, readOnly: !searchable, "data-button-right": arrow || clearable }), clearable && (selected || !!((_h = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _h === void 0 ? void 0 : _h.value)) ? ((0, jsx_runtime_1.jsx)(core_1.ClearButton, { className: "input-btn", onClick: handleClear })) : arrow ? ((0, jsx_runtime_1.jsx)(core_1.ArrowButton, { onClick: (e) => {
-                            e.preventDefault();
-                            // e.stopPropagation();
-                        }, onMouseDown: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            toggleOpen();
-                        } })) : null] }), isOpen && ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { preserveTabOrder: true, children: (0, jsx_runtime_1.jsx)(core_1.StyledFloatContainer, { ref: (ref) => {
-                        containerRef.current = ref;
-                        refs.setFloating(ref);
-                    }, style: floatingStyles, className: "mfFloating", children: (0, jsx_runtime_1.jsxs)(core_1.StyledContent, Object.assign({ className: "mfFloatingContent", style: {
-                            width: contentWidth,
-                            maxWidth: contentWidth,
-                            maxHeight: DropDownProps.autoHeight
-                                ? (dropDownHeight || 250) - 10
-                                : "",
-                        }, variant: variant, "data-empty": filteredItems.length === 0 }, DropDownProps, { children: [actionComponent && (0, jsx_runtime_1.jsx)(ActionMenu, { children: actionComponent }), (0, jsx_runtime_1.jsxs)(StyledInnerItemContainer, { ref: scrollContainerRef, "data-scroll-active": scrollActive, onScroll: onScroll, children: [loading && (0, jsx_runtime_1.jsx)("div", { children: "Loading..." }), !loading && grouped
-                                        ? groups.map((group, index) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(GroupTitle, { size: size, children: group.label }), group.items.map((item, index) => {
-                                                    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.jsx)(StyledItem, { className: "mfFloatingItem", onClick: (e) => handleItemClick(e, item), "data-selected": isObjectArray
-                                                                ? (selected === null || selected === void 0 ? void 0 : selected.value) ===
-                                                                    item.value
-                                                                : selected === item, size: size, children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (item === null || item === void 0 ? void 0 : item.label) || item })) }, index) }, index));
-                                                })] }, group.label)))
-                                        : filteredItems.map((item, index) => {
-                                            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.jsx)(StyledItem, { className: "mfFloatingItem", onClick: (e) => handleItemClick(e, item), "data-selected": isObjectArray
-                                                        ? (selected === null || selected === void 0 ? void 0 : selected.value) ===
-                                                            (item === null || item === void 0 ? void 0 : item.value)
-                                                        : selected === item, size: size, children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (item === null || item === void 0 ? void 0 : item.label) || item })) }, index) }, index));
-                                        })] })] })) }) }))] }));
-}) `
-  position: relative;
-  cursor: pointer;
-  width: 100%;
-`;
-exports.default = SelectBox;

package/dist/SelectBox/index.d.ts

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

package/dist/SelectBox/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 SelectBox_1 = require("./SelectBox");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SelectBox_1).default; } });

package/dist/Switch/Switch.d.ts

@@ -1,18 +0,0 @@
-import { CSSProperties } from "react";
-import { Size } from "../core";
-interface SwitchProps {
-    className?: string;
-    onChange: (e: any) => void;
-    size?: Size;
-    label?: string;
-    labelPosition?: "left" | "right";
-    description?: string;
-    error?: string;
-    required?: boolean;
-    disabled?: boolean;
-    defaultValue?: boolean;
-    value?: boolean;
-    style?: CSSProperties;
-}
-declare const Switch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<SwitchProps, never>> & string & Omit<({ className, onChange, size, label, labelPosition, description, error, required, disabled, defaultValue, value, style, ...other }: SwitchProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default Switch;

package/dist/Switch/Switch.js

@@ -1,157 +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 __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 RadixSwitch = __importStar(require("@radix-ui/react-switch"));
-const __1 = require("..");
-const StyledRoot = (0, styled_components_1.default)(RadixSwitch.Root) `
-  all: unset;
-  cursor: pointer;
-
-  height: ${({ size }) => size === "xs"
-    ? "10px"
-    : size === "sm"
-        ? "16px"
-        : size === "md"
-            ? "22px"
-            : size === "lg"
-                ? "28px"
-                : size === "xl"
-                    ? "32px"
-                    : "16px"};
-
-  width: ${({ size }) => size === "xs"
-    ? "26px"
-    : size === "sm"
-        ? "35px"
-        : size === "md"
-            ? "28px"
-            : size === "lg"
-                ? "34px"
-                : size === "xl"
-                    ? "70px"
-                    : "26px"};
-
-  background-color: ${({ theme }) => theme.name === "DARK" ? "#383838" : "#e3e3e3"};
-  transition: background-color 100ms;
-  border-radius: 9999px;
-  border: 1px solid
-    ${({ theme }) => theme.name === "DARK" ? theme.palette.input.border : "#e3e3e3"};
-  position: relative;
-  padding: ${({ size }) => size === "xs"
-    ? "2px"
-    : size === "sm"
-        ? "2px"
-        : size === "md"
-            ? "28px"
-            : size === "lg"
-                ? "34px"
-                : size === "xl"
-                    ? "2px 4px"
-                    : "2px"};
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-  &[data-state="checked"] {
-    background-color: ${({ theme }) => theme.palette.primary.main};
-  }
-
-  // disabled styleing
-  :disabled {
-    pointer-events: none;
-    opacity: 0.5;
-  }
-`;
-const StyledThumb = (0, styled_components_1.default)(RadixSwitch.Thumb) `
-  display: block;
-  width: ${({ size }) => size === "xs"
-    ? "9px"
-    : size === "sm"
-        ? "14px"
-        : size === "md"
-            ? "22px"
-            : size === "lg"
-                ? "28px"
-                : size === "xl"
-                    ? "28px"
-                    : "14px"};
-
-  height: ${({ size }) => size === "xs"
-    ? "9px"
-    : size === "sm"
-        ? "14px"
-        : size === "md"
-            ? "22px"
-            : size === "lg"
-                ? "28px"
-                : size === "xl"
-                    ? "28px"
-                    : "14px"};
-
-  background-color: white;
-  border: none;
-  border-radius: 9999px;
-  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-  transition: transform 100ms;
-  will-change: transform;
-
-  &[data-state="checked"] {
-    transform: ${({ size }) => size === "xs"
-    ? "translateX(17px)"
-    : size === "sm"
-        ? "translateX(20px)"
-        : size === "md"
-            ? "translateX(26px)"
-            : size === "lg"
-                ? "translateX(32px)"
-                : size === "xl"
-                    ? "translateX(42px)"
-                    : "translateX(17px)"};
-  }
-`;
-const Switch = (0, styled_components_1.default)((_a) => {
-    var { className, onChange, size = "xs", label, labelPosition = "right", description, error, required, disabled = false, defaultValue, value, style = {} } = _a, other = __rest(_a, ["className", "onChange", "size", "label", "labelPosition", "description", "error", "required", "disabled", "defaultValue", "value", "style"]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [label && labelPosition === "left" && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(StyledRoot, Object.assign({ size: size, className: "SwitchRoot", onCheckedChange: onChange, defaultChecked: defaultValue, checked: value, disabled: disabled, style: style }, other, { children: (0, jsx_runtime_1.jsx)(StyledThumb, { size: size, className: "SwitchThumb" }) })), label && labelPosition === "right" && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label }))] }));
-}) `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 10px;
-`;
-exports.default = Switch;

package/dist/Switch/index.d.ts

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

package/dist/Switch/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 Switch_1 = require("./Switch");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Switch_1).default; } });