@arkyn/components 1.3.51 → 1.3.52

package/dist/index.js

@@ -1,24 +1,24 @@
 // Data Display
-export { Badge } from "./newComponents/Badge";
-export { Divider } from "./newComponents/Divider";
-export { Skeleton } from "./newComponents/Skeleton";
-export { TableBody, TableCaption, TableContainer, TableFooter, TableHeader, } from "./newComponents/Table";
+export { Badge } from "./components/Badge";
+export { Divider } from "./components/Divider";
+export { Skeleton } from "./components/Skeleton";
+export { TableBody, TableCaption, TableContainer, TableFooter, TableHeader, } from "./components/Table";
 // Form
 export { Select } from "./components/Select";
-export { Button } from "./newComponents/Button";
-export { Checkbox } from "./newComponents/Checkbox";
-export { FormController, FormError, FormLabel } from "./newComponents/Form";
-export { IconButton } from "./newComponents/IconButton";
-export { Input } from "./newComponents/Input";
-export { Textarea } from "./newComponents/Textarea";
+export { Button } from "./components/Button";
+export { Checkbox } from "./components/Checkbox";
+export { FormController, FormError, FormLabel } from "./components/Form";
+export { IconButton } from "./components/IconButton";
+export { Input } from "./components/Input";
+export { Textarea } from "./components/Textarea";
 // Navigation
-export { BreadcrumbContainer, BreadcrumbLink, } from "./newComponents/Breadcrumb";
-export { Pagination } from "./newComponents/Pagination";
+export { BreadcrumbContainer, BreadcrumbLink } from "./components/Breadcrumb";
+export { Pagination } from "./components/Pagination";
 // Overlay
-export { DrawerContainer, DrawerHeader } from "./newComponents/Drawer";
-export { ModalContainer, ModalFooter, ModalHeader, } from "./newComponents/Modal";
-export { Toast } from "./newComponents/Toast";
-export { Tooltip } from "./newComponents/Tooltip";
+export { DrawerContainer, DrawerHeader } from "./components/Drawer";
+export { ModalContainer, ModalFooter, ModalHeader } from "./components/Modal";
+export { Toast } from "./components/Toast";
+export { Tooltip } from "./components/Tooltip";
 // Hooks
 export { useAutomation } from "./hooks/useAutomation";
 export { useDrawer } from "./hooks/useDrawer";

package/dist/provider/ToastProvider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Toaster, toast } from "sonner";
 import { ToastContext } from "../context/ToastContext";
-import { Toast } from "../newComponents/Toast";
+import { Toast } from "../components/Toast";
 function ToastProvider({ children }) {
     function showToast(data) {
         toast.custom((ars) => _jsx(Toast, { ...data }));

package/dist/{utils → services}/generateIcon.d.ts

@@ -1,4 +1,4 @@
-import type { LucideIcon } from "lucide-react";
+import { LucideIcon } from "lucide-react";
 declare function GenerateIcon(iconSize: number, Icon?: LucideIcon): import("react/jsx-runtime").JSX.Element;
 export { GenerateIcon };
 //# sourceMappingURL=generateIcon.d.ts.map

package/dist/services/generateIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateIcon.d.ts","sourceRoot":"","sources":["../../src/services/generateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,iBAAS,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,2CAGxD;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/services/generatePagerArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePagerArray.d.ts","sourceRoot":"","sources":["../../src/services/generatePagerArray.ts"],"names":[],"mappings":"AAAA,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,YAMnD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/services/getNextPages.d.ts

@@ -0,0 +1,3 @@
+declare function getNextPages(currentPage: number, siblingsCount: number, lastPage: number): number[];
+export { getNextPages };
+//# sourceMappingURL=getNextPages.d.ts.map

package/dist/services/getNextPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNextPages.d.ts","sourceRoot":"","sources":["../../src/services/getNextPages.ts"],"names":[],"mappings":"AAEA,iBAAS,YAAY,CACnB,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,MAAM,YAIjB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/services/getNextPages.js

@@ -0,0 +1,7 @@
+import { generatePagesArray } from "./generatePagerArray";
+function getNextPages(currentPage, siblingsCount, lastPage) {
+    if (currentPage >= lastPage)
+        return [];
+    return generatePagesArray(currentPage + 1, currentPage + siblingsCount);
+}
+export { getNextPages };

package/dist/services/getPreviousPages.d.ts

@@ -0,0 +1,3 @@
+declare function getPreviousPages(currentPage: number, siblingsCount: number): number[];
+export { getPreviousPages };
+//# sourceMappingURL=getPreviousPages.d.ts.map

package/dist/services/getPreviousPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPreviousPages.d.ts","sourceRoot":"","sources":["../../src/services/getPreviousPages.ts"],"names":[],"mappings":"AAEA,iBAAS,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,YAGnE;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/services/getPreviousPages.js

@@ -0,0 +1,7 @@
+import { generatePagesArray } from "./generatePagerArray";
+function getPreviousPages(currentPage, siblingsCount) {
+    if (currentPage <= 1)
+        return [];
+    return generatePagesArray(currentPage - 1 - siblingsCount, currentPage - 1);
+}
+export { getPreviousPages };

package/dist/services/index.d.ts

@@ -0,0 +1,7 @@
+import { GenerateIcon } from "./generateIcon";
+import { generatePagesArray } from "./generatePagerArray";
+import { getNextPages } from "./getNextPages";
+import { getPreviousPages } from "./getPreviousPages";
+import { morpheme } from "./morpheme";
+export { GenerateIcon, generatePagesArray, getNextPages, getPreviousPages, morpheme, };
+//# sourceMappingURL=index.d.ts.map

package/dist/services/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,QAAQ,GACT,CAAC"}

package/dist/services/index.js

@@ -0,0 +1,6 @@
+import { GenerateIcon } from "./generateIcon";
+import { generatePagesArray } from "./generatePagerArray";
+import { getNextPages } from "./getNextPages";
+import { getPreviousPages } from "./getPreviousPages";
+import { morpheme } from "./morpheme";
+export { GenerateIcon, generatePagesArray, getNextPages, getPreviousPages, morpheme, };

package/dist/{newComponents/Input/utils → services}/morpheme.d.ts

@@ -1,4 +1,4 @@
-import type { LucideIcon } from "lucide-react";
+import { LucideIcon } from "lucide-react";
 declare function morpheme(data: LucideIcon | string | undefined, iconSize: number, type?: "prefix" | "sufix"): import("react/jsx-runtime").JSX.Element;
 export { morpheme };
 //# sourceMappingURL=morpheme.d.ts.map

package/dist/services/morpheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"morpheme.d.ts","sourceRoot":"","sources":["../../src/services/morpheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,iBAAS,QAAQ,CACf,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACrC,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,2CAW1B;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/style.css

@@ -1 +1 @@
-.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_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)}.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;padding:20px;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto;border-radius:var(--rounded-cards);background-color:var(--card)}.arkyn_table_container table{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}.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)}.arkyn_table_header .spacing-row{height:12px}.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(--secondary-900)}.arkyn_select .prefix{color:var(--secondary-600);background:var(--secondary-200);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(--secondary-300)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--secondary-900)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--secondary-400)}.arkyn_select svg{color:var(--secondary-400)}.arkyn_select.errored svg{color:var(--danger-600)}.arkyn_select:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--secondary-400)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.outline{border-color:var(--secondary-300)}.arkyn_select.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.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:var(--danger-600)}.arkyn_select.underline.errored:before{background:var(--danger-600)}.arkyn_select:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_select:not(.opacity).underline.focused:before{background:var(--primary-500)}.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(--secondary-300);background-color:var(--secondary-50)}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--secondary-500)}.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(--secondary-500)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:var(--primary-500);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_select_content .arkyn_select_option:not(:last-child){border-bottom:1px solid var(--secondary-300)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--secondary-900);background-color:var(--secondary-100)}.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}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.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.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.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.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.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_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.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.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.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.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}@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_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_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}
+.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_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)}.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;padding:20px;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto;border-radius:var(--rounded-cards);background-color:var(--card)}.arkyn_table_container table{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}.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)}.arkyn_table_header .spacing-row{height:12px}.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)}.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;border-radius:var(--rounded-inputs)}.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}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.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.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.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.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.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_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.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.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.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.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}@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_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_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}

package/package.json

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

package/src/{newComponents → components}/Badge/index.tsx

@@ -1,6 +1,6 @@
-import type { BadgeProps } from "@arkyn/types";
+import { BadgeProps } from "@arkyn/types";
 
-import { GenerateIcon } from "../../utils/generateIcon";
+import { GenerateIcon } from "../../services";
 import "./styles.css";
 
 function Badge(args: BadgeProps) {

package/src/{newComponents → components}/Button/index.tsx

@@ -1,7 +1,7 @@
-import type { ButtonProps } from "@arkyn/types";
+import { ButtonProps } from "@arkyn/types";
 import { Loader2 } from "lucide-react";
 
-import { GenerateIcon } from "../../utils/generateIcon";
+import { GenerateIcon } from "../../services";
 import "./styles.css";
 
 function Button(args: ButtonProps) {

package/src/{newComponents → components}/Divider/index.tsx

@@ -1,13 +1,12 @@
-import type { DividerProps } from "@arkyn/types";
-
+import { DividerProps } from "@arkyn/types";
 import "./styles.css";
 
-function Divider(args: DividerProps) {
+function Divider(props: DividerProps) {
   const {
     className: baseClassName,
     orientation = "horizontal",
     ...rest
-  } = args;
+  } = props;
 
   const className = `arkyn_divider ${orientation} ${baseClassName}`;
 

package/src/{newComponents → components}/Drawer/Header/index.tsx

@@ -6,15 +6,15 @@ import { useContext } from "react";
 import { drawerContext } from "../Container";
 import "./styles.css";
 
-function DrawerHeader(args: ModalHeaderProps) {
+function DrawerHeader(props: ModalHeaderProps) {
   const {
     showCloseButton = true,
     className: baseClassName,
     children,
     ...rest
-  } = args;
-  const { makeInvisible } = useContext(drawerContext);
+  } = props;
 
+  const { makeInvisible } = useContext(drawerContext);
   const className = `arkyn_drawer_header ${baseClassName}`;
 
   return (

package/src/{newComponents → components}/Form/FormController/index.tsx

@@ -6,9 +6,9 @@ import "./styles.css";
 
 const FormControllerContext = createContext({} as FormControllerContextProps);
 
-function FormController(args: FormControllerProps) {
+function FormController(props: FormControllerProps) {
   const actionData = useActionData<any>();
-  const { children, className: baseClassName, ...rest } = args;
+  const { children, className: baseClassName, ...rest } = props;
 
   const inputRef = useRef<HTMLInputElement>(null);
 

package/src/{newComponents → components}/Form/FormError/index.tsx

@@ -3,8 +3,8 @@ import { FormErrorProps } from "@arkyn/types";
 import { useFormController } from "../FormController";
 import "./styles.css";
 
-function FormError(args: FormErrorProps) {
-  const { children, className: baseClassName, ...rest } = args;
+function FormError(props: FormErrorProps) {
+  const { children, className: baseClassName, ...rest } = props;
   const className = `arkyn_form_error ${baseClassName}`;
 
   const { error } = useFormController();

package/src/{newComponents → components}/IconButton/index.tsx

@@ -3,7 +3,7 @@ import { Loader2 } from "lucide-react";
 
 import "./styles.css";
 
-function IconButton(args: IconButtonProps) {
+function IconButton(props: IconButtonProps) {
   const {
     isLoading = false,
     scheme = "primary",
@@ -13,7 +13,7 @@ function IconButton(args: IconButtonProps) {
     disabled,
     className: baseClassName = "",
     ...rest
-  } = args;
+  } = props;
 
   const iconSize = { xs: 12, sm: 16, md: 20, lg: 24 };
   const className = `arkyn_icon_button ${variant} ${scheme} ${size} loading_${isLoading} ${baseClassName}`;

package/src/{newComponents → components}/Input/CpfCpnjInput/index.tsx

@@ -3,7 +3,7 @@ import type { ChangeEvent, FocusEvent } from "react";
 
 import { useRef, useState } from "react";
 
-import { useFormController } from "../../../newComponents/Form/FormController";
+import { useFormController } from "../../../components/Form/FormController";
 import { getConfig } from "./getConfig";
 import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
 

package/src/{newComponents → components}/Input/CurrencyInput/index.tsx

@@ -3,7 +3,7 @@ import type { FocusEvent, KeyboardEvent } from "react";
 
 import { useRef, useState } from "react";
 
-import { useFormController } from "../../../newComponents/Form/FormController";
+import { useFormController } from "../../../components/Form/FormController";
 import { getConfig } from "./getConfig";
 import { currencyInputKeyDown, valueDisplay } from "./utils";
 

package/src/{newComponents → components}/Input/MaskInput/index.tsx

@@ -4,7 +4,7 @@ import type { FocusEvent, InputHTMLAttributes } from "react";
 import { InputMask } from "@react-input/mask";
 import { forwardRef, useRef, useState } from "react";
 
-import { useFormController } from "../../../newComponents/Form/FormController";
+import { useFormController } from "../../../components/Form/FormController";
 import { getConfig } from "./getConfig";
 
 const BaseInput = forwardRef<

package/src/{newComponents → components}/Input/SimpleInput/index.tsx

@@ -3,7 +3,7 @@ import type { FocusEvent } from "react";
 
 import { useRef, useState } from "react";
 
-import { useFormController } from "../../../newComponents/Form/FormController";
+import { useFormController } from "../../../components/Form/FormController";
 import { getConfig } from "./getConfig";
 
 function SimpleInput(props: SimpleInputProps) {

package/src/{newComponents → components}/Input/index.tsx

@@ -1,4 +1,4 @@
-import type { InputProps } from "@arkyn/types";
+import { InputProps } from "@arkyn/types";
 
 import { CpfCnpjInput } from "./CpfCpnjInput";
 import { CurrencyInput } from "./CurrencyInput";

package/src/components/{Select → Input}/utils/morpheme.tsx

@@ -1,4 +1,4 @@
-import type { LucideIcon } from "lucide-react";
+import { LucideIcon } from "lucide-react";
 
 function morpheme(
   data: LucideIcon | string | undefined,

package/src/{newComponents → components}/Pagination/index.tsx

@@ -2,34 +2,31 @@ import { PaginationProps } from "@arkyn/types";
 import { useNavigate } from "@remix-run/react";
 import { ChevronLeft, ChevronRight, Ellipsis } from "lucide-react";
 
-import { generatePagesArray } from "../../utils/generatePagerArray";
 import { useScopedParams } from "../../hooks/useScopedParams";
+import { getNextPages, getPreviousPages } from "../../services";
 
 import "./styles.css";
 
-function Pagination(args: PaginationProps) {
-  const { scope, totalCountRegisters, siblingsCount = 2, ...rest } = args;
+function Pagination(props: PaginationProps) {
+  const {
+    scope,
+    totalCountRegisters,
+    perPageKey = "per_page",
+    pageKey = "page",
+    siblingsCount = 2,
+    ...rest
+  } = props;
 
   const navigate = useNavigate();
   const { getParam, getScopedSearch } = useScopedParams(scope);
 
-  const currentPage = Number(getParam("page")) || 1;
-  const registerPerPage = Number(getParam("per_page")) || 20;
+  const currentPage = Number(getParam(pageKey)) || 1;
+  const registerPerPage = Number(getParam(perPageKey)) || 20;
 
   const lastPage = Math.ceil(totalCountRegisters / registerPerPage);
 
-  const previosPages =
-    currentPage > 1
-      ? generatePagesArray(currentPage - 1 - siblingsCount, currentPage - 1)
-      : [];
-
-  const nextPages =
-    currentPage < lastPage
-      ? generatePagesArray(
-          currentPage,
-          Math.min(currentPage + siblingsCount, lastPage)
-        )
-      : [];
+  const previosPages = getPreviousPages(currentPage, siblingsCount);
+  const nextPages = getNextPages(currentPage, siblingsCount, lastPage);
 
   function handlePageChange(page: number) {
     navigate(getScopedSearch({ page }));
@@ -61,35 +58,29 @@ function Pagination(args: PaginationProps) {
         </>
       )}
 
-      {previosPages.length > 0 &&
-        previosPages.map((page, index) => {
-          return (
-            <button
-              key={index}
-              onClick={() => handlePageChange(page)}
-              className="arkyn_pagination-page_button"
-            >
-              {page}
-            </button>
-          );
-        })}
+      {previosPages.map((page, index) => (
+        <button
+          key={index}
+          onClick={() => handlePageChange(page)}
+          className="arkyn_pagination-page_button"
+        >
+          {page}
+        </button>
+      ))}
 
       <button className="arkyn_pagination-current" disabled>
         {currentPage}
       </button>
 
-      {nextPages.length > 0 &&
-        nextPages.map((page, index) => {
-          return (
-            <button
-              key={"next-page-" + index}
-              onClick={() => handlePageChange(page)}
-              className="arkyn_pagination-page_button"
-            >
-              {page}
-            </button>
-          );
-        })}
+      {nextPages.map((page, index) => (
+        <button
+          key={index}
+          onClick={() => handlePageChange(page)}
+          className="arkyn_pagination-page_button"
+        >
+          {page}
+        </button>
+      ))}
 
       {currentPage + siblingsCount < lastPage && (
         <>

package/src/components/Select/getConfig.tsx

@@ -1,7 +1,7 @@
-import type { SelectProps } from "@arkyn/types";
+import { SelectProps } from "@arkyn/types";
 import { Loader2 } from "lucide-react";
 
-import { morpheme } from "./utils/morpheme";
+import { morpheme } from "../../services";
 
 function getConfig(props: SelectProps, isFocused: boolean) {
   const {