@arkyn/components 1.3.77 → 1.3.79

package/dist/components/Divider/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 function Divider(props) {
     const { className: baseClassName, orientation = "horizontal", ...rest } = props;
-    const className = `arkyn_divider ${orientation} ${baseClassName}`;
-    return _jsx("div", { className: className, ...rest });
+    const className = `arkynDivider ${orientation} ${baseClassName}`;
+    return _jsx("div", { className: className.trim(), ...rest });
 }
 export { Divider };

package/dist/components/Drawer/Container/index.js

@@ -6,8 +6,8 @@ const drawerContext = createContext({});
 function DrawerContainer(props) {
     const { isVisibled, makeInvisible, orientation = "left", children, className: baseClassName, ...rest } = props;
     const translateX = orientation === "left" ? "-100%" : "100%";
-    const visibled = isVisibled ? "visible" : "";
-    const className = `arkyn_drawer_container ${orientation} ${visibled} ${baseClassName}`;
-    return (_jsx(drawerContext.Provider, { value: { makeInvisible }, children: _jsx(AnimatePresence, { children: isVisibled && (_jsxs("aside", { className: className.trim(), ...rest, children: [_jsx(motion.div, { className: "arkyn_drawer_container-overlay", transition: { duration: 0.15, ease: "easeOut" }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: makeInvisible }), _jsx(motion.div, { className: "arkyn_drawer_container-content", transition: { ease: "easeOut", duration: 0.15 }, initial: { transform: `translateX(${translateX})` }, animate: { transform: "translateX(0px)" }, exit: { transform: `translateX(${translateX})` }, children: children })] })) }) }));
+    const visibledClass = isVisibled ? "visibleTrue" : "visibleFalse";
+    const className = `arkynDrawerContainer ${orientation} ${visibledClass} ${baseClassName}`;
+    return (_jsx(drawerContext.Provider, { value: { makeInvisible }, children: _jsx(AnimatePresence, { children: isVisibled && (_jsxs("aside", { className: className.trim(), ...rest, children: [_jsx(motion.div, { className: "arkynDrawerContainerOverlay", transition: { duration: 0.15, ease: "easeOut" }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: makeInvisible }), _jsx(motion.div, { className: "arkynDrawerContainerContent", transition: { ease: "easeOut", duration: 0.15 }, initial: { transform: `translateX(${translateX})` }, animate: { transform: "translateX(0px)" }, exit: { transform: `translateX(${translateX})` }, children: children })] })) }) }));
 }
 export { DrawerContainer, drawerContext };

package/dist/components/Drawer/Header/index.js

@@ -6,7 +6,7 @@ import "./styles.css";
 function DrawerHeader(props) {
     const { showCloseButton = true, className: baseClassName, children, ...rest } = props;
     const { makeInvisible } = useContext(drawerContext);
-    const className = `arkyn_drawer_header ${baseClassName}`;
-    return (_jsxs("header", { className: className.trim(), ...rest, children: [children, showCloseButton && (_jsx("button", { className: "arkyn_drawer_header-close_button", type: "button", onClick: makeInvisible, "aria-label": "Close drawer", children: _jsx(X, { size: 24 }) }))] }));
+    const className = `arkynDrawerHeader ${baseClassName}`;
+    return (_jsxs("header", { className: className.trim(), ...rest, children: [children, showCloseButton && (_jsx("button", { className: "arkynDrawerHeaderCloseButton", type: "button", onClick: makeInvisible, "aria-label": "Close drawer", children: _jsx(X, { size: 24 }) }))] }));
 }
 export { DrawerHeader };

package/dist/components/Form/FormController/index.js

@@ -10,7 +10,7 @@ function FormController(props) {
     const name = inputRef.current?.name || "";
     const error = actionData?.fieldErrors?.[name] || null;
     const id = useId();
-    const className = `arkyn_form_controller ${baseClassName}`;
+    const className = `arkynFormController ${baseClassName}`;
     return (_jsx(FormControllerContext.Provider, { value: { error, id, inputRef }, children: _jsx("section", { className: className.trim(), ...rest, children: children }) }));
 }
 function useFormController() {

package/dist/components/Form/FormError/index.js

@@ -3,7 +3,7 @@ import { useFormController } from "../FormController";
 import "./styles.css";
 function FormError(props) {
     const { children, className: baseClassName, ...rest } = props;
-    const className = `arkyn_form_error ${baseClassName}`;
+    const className = `arkynFormError ${baseClassName}`;
     const { error } = useFormController();
     if (children) {
         return (_jsx("strong", { className: className.trim(), ...rest, children: children }));

package/dist/components/Form/FormLabel/index.js

@@ -4,8 +4,8 @@ import "./styles.css";
 function FormLabel(props) {
     const { showAsterisk = false, className: baseClassName = "", ...rest } = props;
     const { id } = useFormController();
-    const show = showAsterisk ? "show-asterisk" : "";
-    const className = `arkyn_form_label ${show} ${baseClassName}`;
-    return _jsx("label", { ...rest, className: className.trim(), htmlFor: id });
+    const show = showAsterisk ? "asteriskTrue" : "asteriskFalse";
+    const className = `arkynFormLabel ${show} ${baseClassName}`;
+    return _jsx("label", { className: className.trim(), htmlFor: id, ...rest });
 }
 export { FormLabel };

package/dist/components/IconButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,cAAc,CAAC;AAEtB,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CA8BzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,cAAc,CAAC;AAEtB,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CA+BzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/IconButton/index.js

@@ -4,7 +4,8 @@ import "./styles.css";
 function IconButton(props) {
     const { isLoading = false, scheme = "primary", variant = "solid", size = "md", icon: Icon, disabled, className: baseClassName = "", ...rest } = props;
     const iconSize = { xs: 12, sm: 16, md: 20, lg: 24 };
-    const className = `arkyn_icon_button ${variant} ${scheme} ${size} loading_${isLoading} ${baseClassName}`;
-    return (_jsxs("button", { disabled: disabled || isLoading, className: className.trim(), ...rest, children: [_jsx("div", { className: "arkyn_icon_button-spinner", children: _jsx(Loader2, { size: iconSize[size], strokeWidth: 2.5 }) }), _jsx("div", { className: "arkyn_icon_button-content", children: _jsx(Icon, { size: iconSize[size], strokeWidth: 2.5 }) })] }));
+    const loading = isLoading ? "loadingTrue" : "loadingFalse";
+    const className = `arkynIconButton ${variant} ${scheme} ${size} ${loading} ${baseClassName}`;
+    return (_jsxs("button", { disabled: disabled || isLoading, className: className.trim(), ...rest, children: [_jsx("div", { className: "arkynIconButtonSpinner", children: _jsx(Loader2, { size: iconSize[size], strokeWidth: 2.5 }) }), _jsx("div", { className: "arkynIconButtonContent", children: _jsx(Icon, { size: iconSize[size], strokeWidth: 2.5 }) })] }));
 }
 export { IconButton };

package/dist/components/Modal/Container/index.js

@@ -5,8 +5,8 @@ import "./styles.css";
 const modalContext = createContext({});
 function ModalContainer(args) {
     const { isVisibled, makeInvisible, children, className: baseClassName = "", ...rest } = args;
-    const visibled = isVisibled ? "visible" : "";
-    const className = `arkyn_modal_container ${visibled} ${baseClassName}`;
-    return (_jsx(modalContext.Provider, { value: { makeInvisible }, children: _jsx(AnimatePresence, { children: isVisibled && (_jsxs("aside", { className: className.trim(), ...rest, children: [_jsx(motion.div, { className: "arkyn_modal_container-overlay", transition: { duration: 0.15, ease: "easeOut" }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: makeInvisible }), _jsx(motion.div, { className: "arkyn_modal_container-content", transition: { duration: 0.15, ease: "easeOut" }, initial: { opacity: 0, scale: 0.75 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0 }, children: children })] })) }) }));
+    const visibleClass = isVisibled ? "visibleTrue" : "visibleFalse";
+    const className = `arkynModalContainer ${visibleClass} ${baseClassName}`;
+    return (_jsx(modalContext.Provider, { value: { makeInvisible }, children: _jsx(AnimatePresence, { children: isVisibled && (_jsxs("aside", { className: className.trim(), ...rest, children: [_jsx(motion.div, { className: "arkynModalContainerOverlay", transition: { duration: 0.15, ease: "easeOut" }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: makeInvisible }), _jsx(motion.div, { className: "arkynModalContainerContent", transition: { duration: 0.15, ease: "easeOut" }, initial: { opacity: 0, scale: 0.75 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0 }, children: children })] })) }) }));
 }
 export { ModalContainer, modalContext };

package/dist/components/Modal/Footer/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 function ModalFooter(args) {
     const { alignment = "right", className: baseClassName, ...rest } = args;
-    const className = `arkyn_modal_footer ${alignment} ${baseClassName}`;
+    const className = `arkynModalFooter ${alignment} ${baseClassName}`;
     return _jsx("footer", { className: className.trim(), ...rest });
 }
 export { ModalFooter };

package/dist/components/Modal/Header/index.js

@@ -6,7 +6,7 @@ import "./styles.css";
 function ModalHeader(args) {
     const { showCloseButton = true, className: baseClassName, children, ...rest } = args;
     const { makeInvisible } = useContext(modalContext);
-    const className = `arkyn_modal_header ${baseClassName}`;
-    return (_jsxs("header", { className: className.trim(), ...rest, children: [children, showCloseButton && (_jsx("button", { type: "button", onClick: makeInvisible, "aria-label": "Close modal button", className: "arkyn_modal_header-close_button", children: _jsx(X, { size: 24 }) }))] }));
+    const className = `arkynModalHeader ${baseClassName}`;
+    return (_jsxs("header", { className: className.trim(), ...rest, children: [children, showCloseButton && (_jsx("button", { type: "button", onClick: makeInvisible, "aria-label": "Close modal button", className: "arkynModalHeaderCloseButton", children: _jsx(X, { size: 24 }) }))] }));
 }
 export { ModalHeader };

package/dist/components/Pagination/index.js

@@ -16,6 +16,6 @@ function Pagination(props) {
     function handlePageChange(page) {
         navigate(getScopedSearch({ page }));
     }
-    return (_jsxs("div", { className: "arkyn_pagination", ...rest, children: [_jsx("button", { className: "arkyn_pagination-icon_button", disabled: currentPage <= 1, onClick: () => handlePageChange(currentPage - 1), children: _jsx(ChevronLeft, {}) }), currentPage > 1 + siblingsCount && (_jsxs(_Fragment, { children: [_jsx("button", { className: "arkyn_pagination-page_button", onClick: () => handlePageChange(1), children: "1" }), currentPage > 2 + siblingsCount && (_jsx("button", { disabled: true, className: "arkyn_pagination-spread", children: _jsx(Ellipsis, {}) }))] })), previosPages.map((page, index) => (_jsx("button", { onClick: () => handlePageChange(page), className: "arkyn_pagination-page_button", children: page }, index))), _jsx("button", { className: "arkyn_pagination-current", disabled: true, children: currentPage }), nextPages.map((page, index) => (_jsx("button", { onClick: () => handlePageChange(page), className: "arkyn_pagination-page_button", children: page }, index))), currentPage + siblingsCount < lastPage && (_jsxs(_Fragment, { children: [currentPage + 1 + siblingsCount < lastPage && (_jsx("button", { disabled: true, className: "arkyn_pagination-spread", children: _jsx(Ellipsis, {}) })), _jsx("button", { className: "arkyn_pagination-page_button", onClick: () => handlePageChange(lastPage), children: lastPage })] })), _jsx("button", { className: "arkyn_pagination-icon_button", disabled: currentPage >= lastPage, onClick: () => handlePageChange(currentPage + 1), children: _jsx(ChevronRight, {}) })] }));
+    return (_jsxs("div", { className: "arkynPagination", ...rest, children: [_jsx("button", { className: "arkynPaginationIconButton", disabled: currentPage <= 1, onClick: () => handlePageChange(currentPage - 1), children: _jsx(ChevronLeft, {}) }), currentPage > 1 + siblingsCount && (_jsxs(_Fragment, { children: [_jsx("button", { className: "arkynPaginationPageButton", onClick: () => handlePageChange(1), children: "1" }), currentPage > 2 + siblingsCount && (_jsx("button", { disabled: true, className: "arkynPaginationSpread", children: _jsx(Ellipsis, {}) }))] })), previosPages.map((page, index) => (_jsx("button", { onClick: () => handlePageChange(page), className: "arkynPaginationPageButton", children: page }, index))), _jsx("button", { className: "arkynPaginationCurrent", disabled: true, children: currentPage }), nextPages.map((page, index) => (_jsx("button", { onClick: () => handlePageChange(page), className: "arkynPaginationPageButton", children: page }, index))), currentPage + siblingsCount < lastPage && (_jsxs(_Fragment, { children: [currentPage + 1 + siblingsCount < lastPage && (_jsx("button", { disabled: true, className: "arkynPaginationSpread", children: _jsx(Ellipsis, {}) })), _jsx("button", { className: "arkynPaginationPageButton", onClick: () => handlePageChange(lastPage), children: lastPage })] })), _jsx("button", { className: "arkynPaginationIconButton", disabled: currentPage >= lastPage, onClick: () => handlePageChange(currentPage + 1), children: _jsx(ChevronRight, {}) })] }));
 }
 export { Pagination };

package/dist/components/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CAkCnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,2CAgCnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Popover/index.js

@@ -5,11 +5,12 @@ import "./styles.css";
 function Popover(props) {
     const { children, button, closeOnClick, orientation = "bottom-left" } = props;
     const [isOpen, setIsOpen] = useState(false);
-    const className = `arkyn_popover ${orientation} ${isOpen ? "show" : ""}`;
+    const visible = isOpen ? "visibleTrue" : "visibleFalse";
+    const className = `arkynPopover ${orientation} ${visible}`;
     function handleOpenPopover() {
         if (!isOpen)
             setIsOpen(true);
     }
-    return (_jsxs("div", { className: className, onClick: handleOpenPopover, children: [button, _jsx(motion.div, { style: { visibility: isOpen ? "visible" : "hidden" }, transition: { ease: "easeOut", duration: 0 }, initial: { opacity: 0 }, animate: { opacity: isOpen ? 1 : 0 }, exit: { opacity: 0 }, onClick: () => closeOnClick && setIsOpen(false), className: "arkyn_popover-content", children: children }), isOpen && (_jsx("div", { onClick: () => setIsOpen(false), className: "arkyn_popover-overlay" }))] }));
+    return (_jsxs("div", { className: className, onClick: handleOpenPopover, children: [button, _jsx(motion.div, { style: { visibility: isOpen ? "visible" : "hidden" }, transition: { ease: "easeOut", duration: 0 }, initial: { opacity: 0 }, animate: { opacity: isOpen ? 1 : 0 }, exit: { opacity: 0 }, onClick: () => closeOnClick && setIsOpen(false), className: "arkynPopoverContent", children: children }), isOpen && (_jsx("div", { onClick: () => setIsOpen(false), className: "arkynPopoverOverlay" }))] }));
 }
 export { Popover };

package/dist/components/Radio/RadioBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/RadioBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,cAAc,CAAC;AAEtB,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA8BrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/RadioBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,cAAc,CAAC;AAEtB,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAkCrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Radio/RadioBox/index.js

@@ -3,14 +3,14 @@ import { useFormController } from "../../Form/FormController";
 import { useRadioGroup } from "../RadioGroup";
 import "./styles.css";
 function RadioBox(props) {
-    const { value: componentValue, size: componentSize, disabled, children, } = props;
+    const { value: componentValue, size: componentSize, disabled, children, className: baseClassName = "", ...rest } = props;
     const { onChange, size: groupSize, value: selectedValue } = useRadioGroup();
     const { error } = useFormController();
     const size = componentSize || groupSize;
-    const isChecked = selectedValue === componentValue ? "isChecked" : "";
-    const isErrored = !!error ? "isErrored" : "";
-    const isDisabled = disabled ? "isDisabled" : "";
-    const className = `arkyn_radio_box ${size} ${isChecked} ${isErrored} ${isDisabled}`;
-    return (_jsxs("label", { className: className.trim(), children: [_jsx("button", { type: "button", disabled: disabled, onClick: () => onChange(componentValue), onFocus: () => onChange(componentValue) }), children] }));
+    const checkedClass = selectedValue === componentValue ? "checkedTrue" : "checkedFalse";
+    const errorClass = !!error ? "errorTrue" : "errorFalse";
+    const disabledClass = disabled ? "disabledTrue" : "disabledFalse";
+    const className = `arkynRadioBox ${size} ${checkedClass} ${errorClass} ${disabledClass} ${baseClassName}`;
+    return (_jsxs("label", { className: className.trim(), children: [_jsx("button", { type: "button", disabled: disabled, onClick: () => onChange(componentValue), onFocus: () => onChange(componentValue), ...rest }), children] }));
 }
 export { RadioBox };

package/dist/components/Radio/RadioGroup/index.js

@@ -7,14 +7,14 @@ function useRadioGroup() {
     return useContext(RadioContext);
 }
 function RadioGroup(props) {
-    const { defaultValue, name, value: forceValue, onChange, size = "md", className: baseClassName, ...rest } = props;
+    const { defaultValue, name, value: forceValue, onChange, size = "md", className: baseClassName = "", ...rest } = props;
     const [value, setValue] = useState(defaultValue || "");
     const { inputRef, id } = useFormController();
     function handleChange(value) {
         setValue(value);
         onChange && onChange(value);
     }
-    const className = `arkyn_radio_group ${size} ${baseClassName || ""}`;
+    const className = `arkynRadioGroup ${size} ${baseClassName}`;
     return (_jsxs(RadioContext.Provider, { value: { onChange: handleChange, value: forceValue || value, size }, children: [_jsx("input", { style: { display: "none" }, type: "text", id: id, readOnly: true, name: name, ref: inputRef, value: value }), _jsx("div", { className: className.trim(), ...rest })] }));
 }
 export { RadioGroup, useRadioGroup };

package/dist/components/Skeleton/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 function Skeleton(props) {
     const { className: baseClassName, ...rest } = props;
-    const className = `arkyn_skeleton ${baseClassName}`;
+    const className = `arkynSkeleton ${baseClassName}`;
     return _jsx("aside", { className: className.trim(), ...rest });
 }
 export { Skeleton };

package/dist/components/Table/TableBody/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 function TableBody(props) {
     const { className: baseClassName, ...rest } = props;
-    const className = `arkyn_table_body ${baseClassName}`;
+    const className = `arkynTableBody ${baseClassName}`;
     return _jsx("tbody", { className: className.trim(), ...rest });
 }
 export { TableBody };

package/dist/components/Table/TableCaption/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 function TableCaption(props) {
     const { className: baseClassName, children, ...rest } = props;
-    const className = `arkyn_table_caption ${baseClassName}`;
-    return (_jsx("caption", { className: className.trim(), ...rest, children: _jsx("div", { className: "arkyn_table_caption-content", children: children }) }));
+    const className = `arkynTableCaption ${baseClassName}`;
+    return (_jsx("caption", { className: className.trim(), ...rest, children: _jsx("div", { className: "arkynTableCaptionContent", children: children }) }));
 }
 export { TableCaption };

package/dist/components/Table/TableContainer/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 function TableContainer(props) {
     const { children, className: baseClassName, ...rest } = props;
-    const className = `arkyn_table_container ${baseClassName}`;
+    const className = `arkynTableContainer ${baseClassName}`;
     return (_jsx("div", { className: className.trim(), ...rest, children: _jsx("table", { children: children }) }));
 }
 export { TableContainer };

package/dist/components/Table/TableFooter/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./styles.css";
 function TableFooter(props) {
     const { className: baseClassName, children, ...rest } = props;
-    const className = `arkyn_table_footer ${baseClassName}`;
-    return (_jsxs("tfoot", { className: className.trim(), ...rest, children: [_jsx("tr", { className: "spacing-row" }), _jsx("tr", { children: _jsx("th", { colSpan: 100, children: _jsx("div", { className: "arkyn_table_footer-content", children: children }) }) })] }));
+    const className = `arkynTableFooter ${baseClassName}`;
+    return (_jsxs("tfoot", { className: className.trim(), ...rest, children: [_jsx("tr", { className: "spacingRow" }), _jsx("tr", { children: _jsx("th", { colSpan: 100, children: _jsx("div", { className: "arkynTableFooterContent", children: children }) }) })] }));
 }
 export { TableFooter };

package/dist/components/Table/TableHeader/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./styles.css";
 function TableHeader(props) {
     const { className: baseClassName, children, ...rest } = props;
-    const className = `arkyn_table_header ${baseClassName}`;
-    return (_jsxs("thead", { className: className.trim(), ...rest, children: [_jsx("tr", { children: children }), _jsx("tr", { className: "spacing-row" })] }));
+    const className = `arkynTableHeader ${baseClassName}`;
+    return (_jsxs("thead", { className: className.trim(), ...rest, children: [_jsx("tr", { children: children }), _jsx("tr", { className: "spacingRow" })] }));
 }
 export { TableHeader };

package/dist/components/Tabs/TabButton/index.js

@@ -4,9 +4,9 @@ import "./styles.css";
 function TabButton(props) {
     const { children, className: baseClassName = "", onClick, ...rest } = props;
     const { value, showInitialTab, handleTabClick } = useTabContext();
-    const active = value === rest.value && value ? "active" : "";
-    const defaultShowBorderBottomTable = value === rest.value && showInitialTab ? "show_border_bottom" : "";
-    const className = `arkyn_tab_button ${defaultShowBorderBottomTable} ${active} ${baseClassName}`;
+    const activeClass = value === rest.value && value ? "activeTrue" : "activeFalse";
+    const defaultShowBorderBottomTable = value === rest.value && showInitialTab ? "showBorderBottom" : "";
+    const className = `arkynTabButton ${defaultShowBorderBottomTable} ${activeClass} ${baseClassName}`;
     function handleClick(event) {
         handleTabClick(event);
         onClick && onClick(event);

package/dist/components/Tabs/TabContainer/index.js

@@ -12,7 +12,7 @@ function TabContainer(props) {
     const [value, setValue] = useState(defaultActive || "");
     const [showInitialTab, setShowInitialTab] = useState(true);
     const reference = useRef(null);
-    const className = `arkyn_tab_container ${baseClassName || ""}`;
+    const className = `arkynTabContainer ${baseClassName || ""}`;
     const [activeLineStyle, setActiveLineStyle] = useState({
         width: "0px",
         left: "0px",
@@ -47,6 +47,6 @@ function TabContainer(props) {
             onClick && onClick(target.value);
         }
     };
-    return (_jsxs("nav", { ref: reference, className: className.trim(), ...rest, children: [_jsx(TabContext.Provider, { value: { handleTabClick, showInitialTab, value }, children: children }), _jsx("div", { className: "active-line", style: activeLineStyle })] }));
+    return (_jsxs("nav", { ref: reference, className: className.trim(), ...rest, children: [_jsx(TabContext.Provider, { value: { handleTabClick, showInitialTab, value }, children: children }), _jsx("div", { className: "activeLine", style: activeLineStyle })] }));
 }
 export { TabContainer, useTabContext };

package/dist/components/Textarea/index.js

@@ -9,10 +9,10 @@ function Textarea(props) {
     const baseRef = useRef(null);
     const ref = inputRef || baseRef;
     const isError = props.isError || !!error;
-    const errored = isError ? "errored" : "";
-    const opacity = disabled || readOnly ? "opacity" : "";
-    const focused = isFocused ? "focused" : "";
-    const className = `arkyn_textarea ${variant} ${size} ${opacity} ${errored} ${focused} ${baseClassName}`;
+    const errorClass = isError ? "errorTrue" : "errorFalse";
+    const opacityClass = disabled || readOnly ? "opacityTrue" : "opacityFalse";
+    const focusedClass = isFocused ? "focusedTrue" : "focusedFalse";
+    const className = `arkynTextarea ${variant} ${size} ${opacityClass} ${errorClass} ${focusedClass} ${baseClassName}`;
     function handleSectionClick() {
         if (disabled || !ref?.current)
             return;

package/dist/components/Toast/index.js

@@ -3,7 +3,7 @@ import { AlertCircle, CheckCircle2, Info, XCircle } from "lucide-react";
 import "./styles.css";
 function Toast(props) {
     const { message, title, type, size = "lg" } = props;
-    const className = `arkyn_toast ${type} ${size}`;
+    const className = `arkynToast ${type} ${size}`;
     function Icon() {
         switch (type) {
             case "info":

package/dist/components/Tooltip/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./styles.css";
 function Tooltip(props) {
-    const { text, size = "lg", children, orientation = "top", className: baseClassName, ...rest } = props;
-    const className = `arkyn_tooltip ${size} ${orientation} ${baseClassName}`;
-    return (_jsxs("div", { className: className.trim(), ...rest, children: [children, _jsx("div", { className: "arkyn_tooltip-text", children: text })] }));
+    const { text, size = "lg", children, orientation = "top", className: baseClassName = "", ...rest } = props;
+    const className = `arkynTooltip ${size} ${orientation} ${baseClassName}`;
+    return (_jsxs("div", { className: className.trim(), ...rest, children: [children, _jsx("div", { className: "arkynTooltipText", children: text })] }));
 }
 export { Tooltip };

package/dist/style.css

@@ -1 +1 @@
-.arkyn_alert{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:var(--rounded-cards)}.arkyn_alert.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkyn_alert.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkyn_alert.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkyn_alert.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkyn_alert_content{display:flex;flex-direction:column;gap:8px}.arkyn_description{font-size:14px;font-weight:400;line-height:15px;text-align:left;color:var(--text-body)}.arkyn_alert_icon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkyn_alert_icon.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_alert_icon.success{color:rgba(var(--spotlight-success),1)}.arkyn_alert_icon.info{color:rgba(var(--spotlight-info),1)}.arkyn_alert_icon.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_title{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkyn_badge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_badge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_badge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_badge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_badge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkyn_button.outline{background-color:rgba(var(--spotlight-outline),1)}.arkyn_badge.outline.primary{color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkyn_badge.outline.danger{color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkyn_badge.outline.success{color:rgba(var(--spotlight-success),1);border-color:rgba(var(--spotlight-success),1)}.arkyn_badge.outline.warning{color:rgba(var(--spotlight-warning),1);border-color:rgba(var(--spotlight-warning),1)}.arkyn_badge.outline.info{color:rgba(var(--spotlight-info),1);border-color:rgba(var(--spotlight-info),1)}.arkyn_badge.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_badge.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_badge.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_badge.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_badge.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 12px;height:20px}.arkyn_card_container{display:flex;padding:20px;width:100%;height:max-content;border-radius:var(--rounded-cards);background-color:var(--card)}.arkyn_divider{display:block;flex:1;background-color:var(--border)}.arkyn_divider.horizontal{width:100%;min-height:1px;max-height:1px}.arkyn_divider.vertical{height:100%;min-width:1px;max-width:1px}.arkyn_skeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,var(--skeleton) 4%,var(--skeleton-foreground) 25%,var(--skeleton) 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkyn_table_body>tr:nth-child(odd)>td{background-color:var(--card-foreground-primary)}.arkyn_table_body>tr>td{padding-left:16px;height:64px;font-weight:400;font-size:14px;color:var(--text-body)}.arkyn_table_body>tr>td:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkyn_table_body>tr>td:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-left:16px}.arkyn_table_body>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkyn_table_body>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(.98)}html.dark .arkyn_table_body>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkyn_table_body>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(1.2)}.arkyn_table_caption{margin-bottom:24px}.arkyn_table_caption-content{display:flex;align-items:center}.arkyn_table_caption-content>.right-section{display:flex;align-items:center;justify-content:end;gap:16px;flex:2;padding-left:auto}.arkyn_table_container{display:flex;flex-direction:column;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto}.arkyn_table_container{border-collapse:separate;border-spacing:0}.arkyn_table_footer-content{display:flex;align-items:center;justify-content:space-between;height:48px;padding-top:16px;border-top:1px solid var(--border)}.arkyn_table_footer .spacing-row{height:24px}.arkyn_table_header th{text-align:left;background-color:var(--card-foreground-secondary);padding-left:16px;height:44px;color:var(--text-heading);font-weight:600;font-size:14px;white-space:nowrap}.arkyn_table_header th:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkyn_table_header th:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkyn_table_header .spacing-row{height:12px}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkyn_button:hover{cursor:pointer;filter:brightness(1.2)}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .arkyn_button-content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_button.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_button.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_button.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_button.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkyn_button.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkyn_button.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_button.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_button.outline.success{color:rgba(var(--spotlight-success),1)}.arkyn_button.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_button.outline.info{color:rgba(var(--spotlight-info),1)}.arkyn_button.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_button.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_button.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_button.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_button.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkyn_button.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_button.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_button.invisible.success{color:rgba(var(--spotlight-success),1)}.arkyn_button.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_button.invisible.info{color:rgba(var(--spotlight-info),1)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);padding:0 20px;height:44px}.arkyn_button.lg .arkyn_button-content,.arkyn_button.lg .arkyn_button-spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);gap:16px;padding:0 16px;height:40px}.arkyn_button.md .arkyn_button-content,.arkyn_button.md .arkyn_button-spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:var(--rounded-inputs);padding:0 16px;height:32px}.arkyn_button.sm .arkyn_button-content,.arkyn_button.sm .arkyn_button-spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkyn_button.xs .arkyn_button-content,.arkyn_button.xs .arkyn_button-spinner{gap:8px}.arkyn_button .arkyn_button-spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .arkyn_button-spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .arkyn_button-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .arkyn_button-spinner{max-height:0px}.arkyn_button.loading_true .arkyn_button-content{opacity:0;max-height:0px}.arkyn_button.loading_true .arkyn_button-spinner{opacity:1;max-height:unset}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.arkyn_checkbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--input-background),1)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox>svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:calc(var(--rounded-inputs) * .3333)}.arkyn_checkbox.sm>svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:calc(var(--rounded-inputs) * .6667)}.arkyn_checkbox.md>svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:var(--rounded-inputs)}.arkyn_checkbox.lg>svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkyn_checkbox.checked>svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:rgb(var(--spotlight-danger),1)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkyn_form_label{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkyn_form_label.show-asterisk:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkyn_icon_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_icon_button:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkyn_icon_button:hover{cursor:pointer;filter:brightness(1.2)}.arkyn_icon_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_icon_button-content{display:flex;align-items:center;justify-content:center}.arkyn_icon_button.solid{color:#fff}.arkyn_icon_button.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkyn_icon_button.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkyn_icon_button.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.outline.success{color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.outline.info{color:rgba(var(--spotlight-info),1)}.arkyn_icon_button.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_icon_button.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_icon_button.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_icon_button.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_icon_button.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkyn_icon_button.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.invisible.success{color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.invisible.info{color:rgba(var(--spotlight-info),1)}.arkyn_icon_button.lg{border-radius:var(--rounded-inputs);height:44px;width:44px}.arkyn_icon_button.md{border-radius:var(--rounded-inputs);height:40px;width:40px}.arkyn_icon_button.sm{border-radius:var(--rounded-inputs);height:32px;width:32px}.arkyn_icon_button.xs{border-radius:calc(var(--rounded-inputs) * .6667);height:24px;width:24px}.arkyn_icon_button-spinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkyn_icon_button-spinner>svg{animation:spin 2s linear infinite}.arkyn_icon_button.loading_true .arkyn_icon_button-spinner{opacity:1}.arkyn_icon_button.loading_true .arkyn_icon_button-content{opacity:0}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--text-heading)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:calc(var(--rounded-inputs) - 1px) 0 0 calc(var(--rounded-inputs) - 1px);border-right:1px solid var(--border)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 calc(var(--rounded-inputs) - 1px) calc(var(--rounded-inputs) - 1px) 0;border-left:1px solid var(--border)}.arkyn_input input::placeholder{color:var(--text-muted)}.arkyn_input svg{color:var(--text-muted)}.arkyn_input.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_input.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.outline{border-color:var(--border)}.arkyn_input.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_input.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_input:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkyn_radio_group{display:flex;align-items:center;gap:32px}.arkyn_radio_box{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkyn_radio_box>button{position:relative;background-color:rgba(var(--input-background),1);border:2px solid var(--border);border-radius:99999px}.arkyn_radio_box>button:not(:disabled):hover{cursor:pointer}.arkyn_radio_box.isChecked>button{border-color:rgba(var(--spotlight-primary),1)}.arkyn_radio_box.isErrored>button{border-color:rgba(var(--spotlight-danger),1)}.arkyn_radio_box.isChecked>button:before{content:"  ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_radio_box.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkyn_radio_box.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkyn_radio_box.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkyn_radio_box.isChecked.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkyn_radio_box.isChecked.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkyn_radio_box.isChecked.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkyn_radio_box.isDisabled{opacity:.5}.arkyn_radio_box.isDisabled>button{cursor:not-allowed}.arkyn_select{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--text-heading)}.arkyn_select .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--text-heading)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--text-muted)}.arkyn_select svg{color:var(--text-muted)}.arkyn_select.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--text-muted)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_select.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.outline{border-color:var(--border)}.arkyn_select.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_select.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_select:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--border);background-color:var(--card);box-shadow:0 4px 8px #0000001a}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body)}.arkyn_select.md .arkyn_select_content .arkyn_select_option{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content .arkyn_select_option{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:rgba(var(--spotlight-primary),1);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkyn_textarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkyn_textarea:hover{cursor:text}.arkyn_textarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkyn_textarea textarea{color:var(--text-heading)}.arkyn_textarea textarea::placeholder{color:var(--text-muted)}.arkyn_textarea.opacity{opacity:.5}.arkyn_textarea.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_textarea.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_textarea:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_textarea.outline{border-color:var(--border)}.arkyn_textarea.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_textarea:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_textarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkyn_textarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_textarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkyn_textarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_breadcrumb_container{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link.active{color:var(--text-heading)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--text-heading)}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkyn_breadcrumb_link.active{color:var(--text-muted)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--text-muted)}.arkyn_breadcrumb_link:first-child>svg{display:none}.arkyn_breadcrumb_link:not(:first-child){display:flex;align-items:center;gap:4px}.arkyn_breadcrumb_link:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkyn_pagination{display:flex;justify-content:center;align-items:center;gap:8px}.arkyn_pagination .arkyn_pagination-icon_button,.arkyn_pagination .arkyn_pagination-page_button{background-color:var(--background-foreground);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkyn_pagination .arkyn_pagination-icon_button:hover,.arkyn_pagination .arkyn_pagination-page_button:hover{filter:brightness(.98);cursor:pointer}html.dark .arkyn_pagination .arkyn_pagination-icon_button:hover,html.dark .arkyn_pagination .arkyn_pagination-page_button:hover{filter:brightness(1.2)}.arkyn_pagination .arkyn_pagination-icon_button>svg{color:var(--text-muted);height:20px;width:20px}.arkyn_pagination .arkyn_pagination-page_button{color:var(--text-body);font-size:14px;font-weight:600}.arkyn_pagination .arkyn_pagination-icon_button:disabled{filter:brightness(1);cursor:not-allowed;opacity:.5}.arkyn_pagination .arkyn_pagination-current{background-color:rgba(var(--spotlight-primary),1);color:#fff;border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkyn_pagination .arkyn_pagination-spread{background-color:transparent;color:var(--text-muted);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center}.arkyn_pagination .arkyn_pagination-spread>svg{color:var(--text-muted);height:16px;width:16px}.arkyn_tab_container{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkyn_tab_container .active-line{position:absolute;height:1px;transition:all .3s ease-in-out;bottom:-1px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_tab_button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-size:14px;font-weight:600;text-align:center;color:var(--text-muted);transition:all .3s ease-in-out}.arkyn_tab_button.show_border_bottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_tab_button:hover{cursor:pointer}.arkyn_tab_button.active{color:rgba(var(--spotlight-primary),1)}.arkyn_drawer_container{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkyn_drawer_container-overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_drawer_container-overlay:hover{cursor:pointer}.arkyn_drawer_container-content{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card)}.arkyn_drawer_container.left>.arkyn_drawer_container-content{left:0}.arkyn_drawer_container.right>.arkyn_drawer_container-content{right:0}.arkyn_drawer_header{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkyn_drawer_header-close_button{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkyn_drawer_header-close_button:hover{cursor:pointer;filter:brightness(.9)}.arkyn_modal_container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkyn_modal_container-overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_modal_container-overlay:hover{cursor:pointer}.arkyn_modal_container-content{z-index:9999;border-radius:var(--rounded-cards);background:var(--card)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkyn_modal_footer.left{justify-content:flex-start}.arkyn_modal_footer.right{justify-content:flex-end}.arkyn_modal_footer.center{justify-content:center}.arkyn_modal_footer.between{justify-content:space-between}.arkyn_modal_footer.around{justify-content:space-around}.arkyn_modal_header{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkyn_modal_header-close_button{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkyn_modal_header-close_button:hover{cursor:pointer;filter:brightness(.9)}.arkyn_popover{position:relative}.arkyn_popover .arkyn_popover-content{display:none}.arkyn_popover.show .arkyn_popover-content{display:unset}.arkyn_popover-content{position:absolute;z-index:3;background-color:var(--card);border-radius:var(--rounded-cards);box-shadow:3px 3px 8px #0003}.arkyn_popover.bottom-left .arkyn_popover-content{bottom:-5px;right:0;transform:translateY(100%)}.arkyn_popover.bottom-right .arkyn_popover-content{bottom:-5px;left:0;transform:translateY(100%)}.arkyn_popover.top-left .arkyn_popover-content{top:-5px;right:0;transform:translateY(-100%)}.arkyn_popover.top-right .arkyn_popover-content{top:-5px;left:0;transform:translateY(-100%)}.arkyn_popover.bottom .arkyn_popover-content{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkyn_popover.top .arkyn_popover-content{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkyn_popover.left .arkyn_popover-content{bottom:50%;right:calc(100% + 5px);transform:translateY(50%)}.arkyn_popover.right .arkyn_popover-content{bottom:50%;left:calc(100% + 5px);transform:translateY(50%)}.arkyn_popover-overlay{position:fixed;z-index:1;top:0;left:0;bottom:0;right:0}.arkyn_toast{display:flex;align-items:start;width:300px;padding:16px;gap:12px;flex:1;border-radius:var(--rounded-cards)}.arkyn_toast>div{display:flex;align-items:center;justify-content:center;position:relative;border-radius:90px;overflow:hidden}.arkyn_toast>div>.bg{content:" ";left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}.arkyn_toast>div>svg{z-index:2}.arkyn_toast>div circle{display:none}.arkyn_toast>p{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.arkyn_toast>p>strong{width:100%;overflow:hidden;text-overflow:ellipsis}.arkyn_toast.info{background-color:rgba(var(--toast-info),1);color:#fff}.arkyn_toast.info>div>.bg{background-color:rgba(var(--toast-info),1);filter:brightness(.8)}.arkyn_toast.warning{background-color:rgba(var(--toast-warning),1);color:#fff}.arkyn_toast.warning>div>.bg{background-color:rgba(var(--toast-warning),1);filter:brightness(.8)}.arkyn_toast.danger{background-color:rgba(var(--toast-danger),1);color:#fff}.arkyn_toast.danger>div>.bg{background-color:rgba(var(--toast-danger),1);filter:brightness(.8)}.arkyn_toast.success{background-color:rgba(var(--toast-success),1);color:#fff}.arkyn_toast.success>div>.bg{background-color:rgba(var(--toast-success),1);filter:brightness(.8)}.arkyn_toast.md{min-width:260px}.arkyn_toast.md>div{min-height:20px;max-height:20px;min-width:20px;max-width:20px}.arkyn_toast.md>div>svg{min-height:26px;min-width:26px}.arkyn_toast.md>p>strong{font-weight:600;font-size:14px;line-height:16px}.arkyn_toast.md>p>span{font-weight:400;font-size:12px;line-height:14px}.arkyn_toast.lg{min-width:260px}.arkyn_toast.lg>div{min-height:24px;max-height:24px;min-width:24px;max-width:24px}.arkyn_toast.lg>div>svg{min-height:30px;min-width:30px}.arkyn_toast.lg>p>strong{font-weight:600;font-size:15px;line-height:17px}.arkyn_toast.lg>p>span{font-weight:400;font-size:14px;line-height:16px}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip-text{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999}.arkyn_tooltip.lg .arkyn_tooltip-text{font-size:14px;line-height:14px;padding:8px 12px}.arkyn_tooltip.md .arkyn_tooltip-text{font-size:12px;line-height:12px;padding:8px 12px}.arkyn_tooltip:hover .arkyn_tooltip-text{opacity:1;visibility:visible}.arkyn_tooltip.top .arkyn_tooltip-text{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.top .arkyn_tooltip-text:before{content:"";top:100%;border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkyn_tooltip.left .arkyn_tooltip-text{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.left .arkyn_tooltip-text:before{content:"";top:50%;border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip-text{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip-text:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkyn_tooltip.bottom .arkyn_tooltip-text{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.bottom .arkyn_tooltip-text:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}
+.arkynAlertContainer{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:var(--rounded-cards)}.arkynAlertContainer.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkynAlertContainer.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkynAlertContainer.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkynAlertContainer.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkynAlertContent{display:flex;flex-direction:column;gap:8px}.arkynAlertDescription{font-size:14px;font-weight:400;line-height:15px;text-align:left;color:var(--text-body)}.arkynAlertIcon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkynAlertIcon.danger{color:rgba(var(--spotlight-danger),1)}.arkynAlertIcon.success{color:rgba(var(--spotlight-success),1)}.arkynAlertIcon.info{color:rgba(var(--spotlight-info),1)}.arkynAlertIcon.warning{color:rgba(var(--spotlight-warning),1)}.arkynAlertTitle{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkynBadge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkynBadge.solid{color:#fff}.arkynBadge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynBadge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynBadge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynBadge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynBadge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.primary{color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.danger{color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.success{color:rgba(var(--spotlight-success),1);border-color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.warning{color:rgba(var(--spotlight-warning),1);border-color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.info{color:rgba(var(--spotlight-info),1);border-color:rgba(var(--spotlight-info),1)}.arkynBadge.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynBadge.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynBadge.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynBadge.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynBadge.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynBadge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkynBadge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 12px;height:20px}.arkynCard{display:flex;padding:20px;width:100%;height:max-content;border-radius:var(--rounded-cards);background-color:var(--card)}.arkynDivider{display:block;flex:1;background-color:var(--border)}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{height:100%;min-width:1px;max-width:1px}.arkynSkeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,var(--skeleton) 4%,var(--skeleton-foreground) 25%,var(--skeleton) 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkynTableBody>tr:nth-child(odd)>td{background-color:var(--card-foreground-primary)}.arkynTableBody>tr>td{padding-left:16px;height:64px;font-weight:400;font-size:14px;color:var(--text-body)}.arkynTableBody>tr>td:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableBody>tr>td:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(.98)}html.dark .arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(1.2)}.arkynTableCaption{margin-bottom:24px}.arkynTableCaptionContent{display:flex;align-items:center}.arkynTableCaptionContent>.rightSection{display:flex;align-items:center;justify-content:end;gap:16px;flex:2;padding-left:auto}.arkynTableContainer{display:flex;flex-direction:column;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto}.arkynTableContainer table{border-collapse:separate;border-spacing:0}.arkynTableFooterContent{display:flex;align-items:center;justify-content:space-between;height:48px;padding-top:16px;border-top:1px solid var(--border)}.arkynTableFooter .spacingRow{height:24px}.arkynTableHeader th{text-align:left;background-color:var(--card-foreground-secondary);padding-left:16px;height:44px;color:var(--text-heading);font-weight:600;font-size:14px;white-space:nowrap}.arkynTableHeader th:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableHeader th:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkynTableHeader .spacingRow{height:12px}.arkynButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynButton:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkynButton.solid{color:#fff}.arkynButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynButton.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkynButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynButton.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);padding:0 20px;height:44px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);gap:16px;padding:0 16px;height:40px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:var(--rounded-inputs);padding:0 16px;height:32px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkynButton .arkynButtonSpinner>svg{animation:spin 2s linear infinite}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0px}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0px}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}.arkynFormController{display:flex;flex-direction:column;gap:6px}.arkynCheckbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--input-background),1)}.arkynCheckbox:hover{cursor:pointer}.arkynCheckbox>svg{display:none;stroke-width:3px}.arkynCheckbox.sm{height:16px;width:16px;border-radius:calc(var(--rounded-inputs) * .3333)}.arkynCheckbox.sm>svg{min-height:12px;min-width:12px}.arkynCheckbox.md{height:20px;width:20px;border-radius:calc(var(--rounded-inputs) * .6667)}.arkynCheckbox.md>svg{min-height:14px;min-width:14px}.arkynCheckbox.lg{height:24px;width:24px;border-radius:var(--rounded-inputs)}.arkynCheckbox.lg>svg{min-height:14px;min-width:14px}.arkynCheckbox.checkedTrue{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkynCheckbox.checkedTrue>svg{display:unset;color:#fff}.arkynCheckbox.errorTrue{border-color:rgb(var(--spotlight-danger),1)}.arkynFormError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynFormLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFormLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkynIconButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynIconButton:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{display:flex;align-items:center;justify-content:center}.arkynIconButton.solid{color:#fff}.arkynIconButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynIconButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynIconButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynIconButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynIconButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynIconButton.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkynIconButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynIconButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynIconButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynIconButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynIconButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynIconButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.lg{border-radius:var(--rounded-inputs);height:44px;width:44px}.arkynIconButton.md{border-radius:var(--rounded-inputs);height:40px;width:40px}.arkynIconButton.sm{border-radius:var(--rounded-inputs);height:32px;width:32px}.arkynIconButton.xs{border-radius:calc(var(--rounded-inputs) * .6667);height:24px;width:24px}.arkynIconButtonSpinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkynIconButtonSpinner>svg{animation:spin 2s linear infinite}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--text-heading)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:calc(var(--rounded-inputs) - 1px) 0 0 calc(var(--rounded-inputs) - 1px);border-right:1px solid var(--border)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 calc(var(--rounded-inputs) - 1px) calc(var(--rounded-inputs) - 1px) 0;border-left:1px solid var(--border)}.arkyn_input input::placeholder{color:var(--text-muted)}.arkyn_input svg{color:var(--text-muted)}.arkyn_input.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_input.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.outline{border-color:var(--border)}.arkyn_input.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_input.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_input:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkynRadioGroup{display:flex;align-items:center;gap:32px}.arkynRadioBox{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkynRadioBox>button{position:relative;background-color:rgba(var(--input-background),1);border:2px solid var(--border);border-radius:99999px}.arkynRadioBox>button:not(:disabled):hover{cursor:pointer}.arkynRadioBox.checkedTrue>button{border-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.errorTrue>button{border-color:rgba(var(--spotlight-danger),1)}.arkynRadioBox.checkedTrue>button:before{content:"  ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynRadioBox.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.checkedTrue.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkynRadioBox.checkedTrue.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.checkedTrue.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.disabledTrue{opacity:.5}.arkynRadioBox.disabledTrue>button{cursor:not-allowed}.arkyn_select{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--text-heading)}.arkyn_select .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--text-heading)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--text-muted)}.arkyn_select svg{color:var(--text-muted)}.arkyn_select.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--text-muted)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_select.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.outline{border-color:var(--border)}.arkyn_select.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_select.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_select:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--border);background-color:var(--card);box-shadow:0 4px 8px #0000001a}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body)}.arkyn_select.md .arkyn_select_content .arkyn_select_option{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content .arkyn_select_option{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:rgba(var(--spotlight-primary),1);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkynTextarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkynTextarea:hover{cursor:text}.arkynTextarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkynTextarea textarea{color:var(--text-heading)}.arkynTextarea textarea::placeholder{color:var(--text-muted)}.arkynTextarea.opacityTrue{opacity:.5}.arkynTextarea.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkynTextarea.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).solid.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.outline{border-color:var(--border)}.arkynTextarea.outline.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).outline.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkynTextarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynTextarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkynTextarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynBreadcrumbContainer{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkynBreadcrumbLink{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkynBreadcrumbLink.active{color:var(--text-muted)}.arkynBreadcrumbLink.inactive:hover{cursor:pointer;color:var(--text-muted)}.arkynBreadcrumbLink:first-child>svg{display:none}.arkynBreadcrumbLink:not(:first-child){display:flex;align-items:center;gap:4px}.arkynBreadcrumbLink:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkynPagination{display:flex;justify-content:center;align-items:center;gap:8px}.arkynPagination .arkynPaginationIconButton,.arkynPagination .arkynPaginationPageButton{background-color:var(--background-foreground);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationIconButton:hover,.arkynPagination .arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPagination .arkynPaginationIconButton:hover,html.dark .arkynPagination .arkynPaginationPageButton:hover{filter:brightness(1.2)}.arkynPagination .arkynPaginationIconButton>svg{color:var(--text-muted);height:20px;width:20px}.arkynPagination .arkynPaginationPageButton{color:var(--text-body);font-size:14px;font-weight:600}.arkynPagination .arkynPaginationIconButton:disabled{filter:brightness(1);cursor:not-allowed;opacity:.5}.arkynPagination .arkynPaginationCurrent{background-color:rgba(var(--spotlight-primary),1);color:#fff;border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationSpread{background-color:transparent;color:var(--text-muted);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center}.arkynPagination .arkynPaginationSpread>svg{color:var(--text-muted);height:16px;width:16px}.arkynTabContainer{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkynTabContainer .activeLine{position:absolute;height:1px;transition:all .3s ease-in-out;bottom:-1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-size:14px;font-weight:600;text-align:center;color:var(--text-muted);transition:all .3s ease-in-out}.arkynTabButton.showBorderBottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.activeTrue{color:rgba(var(--spotlight-primary),1)}.arkynDrawerContainer{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkynDrawerContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynDrawerContainerOverlay:hover{cursor:pointer}.arkynDrawerContainerContent{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card)}.arkynDrawerContainer.left>.arkynDrawerContainerContent{left:0}.arkynDrawerContainer.right>.arkynDrawerContainerContent{right:0}.arkynDrawerHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynDrawerHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynDrawerHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynModalContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkynModalContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainerContent{z-index:9999;border-radius:var(--rounded-cards);background:var(--card)}.arkynModalFooter{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}.arkynModalHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynModalHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynPopover{position:relative}.arkynPopover .arkynPopoverContent{display:none}.arkynPopover.show .arkynPopoverContent{display:unset}.arkynPopoverContent{position:absolute;z-index:3;background-color:var(--card);border-radius:var(--rounded-cards);box-shadow:3px 3px 8px #0003}.arkynPopover.bottomLeft .arkynPopoverContent{bottom:-5px;right:0;transform:translateY(100%)}.arkynPopover.bottomRight .arkynPopoverContent{bottom:-5px;left:0;transform:translateY(100%)}.arkynPopover.topLeft .arkynPopoverContent{top:-5px;right:0;transform:translateY(-100%)}.arkynPopover.topRight .arkynPopoverContent{top:-5px;left:0;transform:translateY(-100%)}.arkynPopover.bottom .arkynPopoverContent{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.top .arkynPopoverContent{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.left .arkynPopoverContent{bottom:50%;right:calc(100% + 5px);transform:translateY(50%)}.arkynPopover.right .arkynPopoverContent{bottom:50%;left:calc(100% + 5px);transform:translateY(50%)}.arkynPopoverOverlay{position:fixed;z-index:1;top:0;left:0;bottom:0;right:0}.arkynToast{display:flex;align-items:start;width:300px;padding:16px;gap:12px;flex:1;border-radius:var(--rounded-cards)}.arkynToast>div{display:flex;align-items:center;justify-content:center;position:relative;border-radius:90px;overflow:hidden}.arkynToast>div>.bg{content:" ";left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}.arkynToast>div>svg{z-index:2}.arkynToast>div circle{display:none}.arkynToast>p{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.arkynToast>p>strong{width:100%;overflow:hidden;text-overflow:ellipsis}.arkynToast.info{background-color:rgba(var(--toast-info),1);color:#fff}.arkynToast.info>div>.bg{background-color:rgba(var(--toast-info),1);filter:brightness(.8)}.arkynToast.warning{background-color:rgba(var(--toast-warning),1);color:#fff}.arkynToast.warning>div>.bg{background-color:rgba(var(--toast-warning),1);filter:brightness(.8)}.arkynToast.danger{background-color:rgba(var(--toast-danger),1);color:#fff}.arkynToast.danger>div>.bg{background-color:rgba(var(--toast-danger),1);filter:brightness(.8)}.arkynToast.success{background-color:rgba(var(--toast-success),1);color:#fff}.arkynToast.success>div>.bg{background-color:rgba(var(--toast-success),1);filter:brightness(.8)}.arkynToast.md{min-width:260px}.arkynToast.md>div{min-height:20px;max-height:20px;min-width:20px;max-width:20px}.arkynToast.md>div>svg{min-height:26px;min-width:26px}.arkynToast.md>p>strong{font-weight:600;font-size:14px;line-height:16px}.arkynToast.md>p>span{font-weight:400;font-size:12px;line-height:14px}.arkynToast.lg{min-width:260px}.arkynToast.lg>div{min-height:24px;max-height:24px;min-width:24px;max-width:24px}.arkynToast.lg>div>svg{min-height:30px;min-width:30px}.arkynToast.lg>p>strong{font-weight:600;font-size:15px;line-height:17px}.arkynToast.lg>p>span{font-weight:400;font-size:14px;line-height:16px}.arkynTooltip{position:relative;display:block}.arkynTooltipText{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999}.arkynTooltip.lg .arkynTooltipText{font-size:14px;line-height:14px;padding:8px 12px}.arkynTooltip.md .arkynTooltipText{font-size:12px;line-height:12px;padding:8px 12px}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";top:100%;border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";top:50%;border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.3.77",
+  "version": "1.3.79",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/Alert/AlertContainer/index.tsx

@@ -10,14 +10,12 @@ function useAlertContainer() {
 }
 
 function AlertContainer(props: AlertContainerProps) {
-  const { schema, children, className: baseClassName, ...rest } = props;
-  const className = `arkyn_alert ${schema} ${baseClassName}`;
+  const { schema, className: baseClassName, ...rest } = props;
+  const className = `arkynAlertContainer ${schema} ${baseClassName}`;
 
   return (
     <AlertContainerContext.Provider value={props}>
-      <div className={className.trim()} {...rest}>
-        {children}
-      </div>
+      <div className={className.trim()} {...rest} />
     </AlertContainerContext.Provider>
   );
 }

package/src/components/Alert/AlertContainer/styles.css

@@ -1,4 +1,4 @@
-.arkyn_alert {
+.arkynAlertContainer {
   display: flex;
   align-items: start;
   gap: 16px;
@@ -8,22 +8,22 @@
   border-radius: var(--rounded-cards);
 }
 
-.arkyn_alert.danger {
+.arkynAlertContainer.danger {
   background: rgba(var(--spotlight-danger), 0.1);
   border-color: rgba(var(--spotlight-danger), 0.4);
 }
 
-.arkyn_alert.success {
+.arkynAlertContainer.success {
   background: rgba(var(--spotlight-success), 0.1);
   border-color: rgba(var(--spotlight-success), 0.4);
 }
 
-.arkyn_alert.info {
+.arkynAlertContainer.info {
   background: rgba(var(--spotlight-info), 0.1);
   border-color: rgba(var(--spotlight-info), 0.4);
 }
 
-.arkyn_alert.warning {
+.arkynAlertContainer.warning {
   background: rgba(var(--spotlight-warning), 0.1);
   border-color: rgba(var(--spotlight-warning), 0.4);
 }

package/src/components/Alert/AlertContent/index.tsx

@@ -1,16 +1,11 @@
 import { AlertContentProps } from "@arkyn/types";
-
 import "./styles.css";
 
 function AlertContent(props: AlertContentProps) {
-  const { children, className: baseClassName, ...rest } = props;
-  const className = `arkyn_alert_content ${baseClassName}`;
+  const { className: baseClassName, ...rest } = props;
+  const className = `arkynAlertContent ${baseClassName}`;
 
-  return (
-    <div className={className.trim()} {...rest}>
-      {children}
-    </div>
-  );
+  return <div className={className.trim()} {...rest} />;
 }
 
 export { AlertContent };