@arkyn/components 1.2.5 → 1.3.1

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,9 @@
+type ToastProps = {
+    title?: string;
+    message: string;
+    type: "success" | "warning" | "error" | "info";
+};
+import "./styles.css";
+declare function Toast({ message, type, title }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export { Toast };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAChD,CAAC;AAEF,OAAO,cAAc,CAAC;AAEtB,iBAAS,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,UAAU,2CAQlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Toast/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./styles.css";
+function Toast({ message, type, title }) {
+    return (_jsxs("div", { className: "arkyn_toast " + type, children: [title && _jsx("strong", { children: title }), _jsx("strong", { children: "Sucesso" }), _jsx("p", { children: message })] }));
+}
+export { Toast };

package/dist/config/buildBadgeConfig.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { BadgeProps } from "@arkyn/types";
 type BuildBadgeConfigProps = BadgeProps;
 declare function buildBadgeConfig(args: BuildBadgeConfigProps): {

package/dist/config/buildBadgeConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildBadgeConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildBadgeConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,KAAK,qBAAqB,GAAG,UAAU,CAAC;AAExC,iBAAS,gBAAgB,CAAC,IAAI,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBpD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"buildBadgeConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildBadgeConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,KAAK,qBAAqB,GAAG,UAAU,CAAC;AAExC,iBAAS,gBAAgB,CAAC,IAAI,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBpD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/config/buildBreadcrumLinkConfig.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { BreadcrumbLinkProps } from "@arkyn/types";
 type BuildBreadcrumbLinkConfigProps = BreadcrumbLinkProps & {};
 declare function buildBreadcrumbLinkConfig(args: BuildBreadcrumbLinkConfigProps): {

package/dist/config/buildBreadcrumLinkConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildBreadcrumLinkConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildBreadcrumLinkConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,KAAK,8BAA8B,GAAG,mBAAmB,GAAG,EAAE,CAAC;AAE/D,iBAAS,yBAAyB,CAAC,IAAI,EAAE,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBtE;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"buildBreadcrumLinkConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildBreadcrumLinkConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,KAAK,8BAA8B,GAAG,mBAAmB,GAAG,EAAE,CAAC;AAE/D,iBAAS,yBAAyB,CAAC,IAAI,EAAE,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBtE;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/config/buildBreadcrumbConfig.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { BreadcrumbProps } from "@arkyn/types";
 type BuildBreadcrumbConfigProps = BreadcrumbProps;
 declare function buildBreadcrumbConfig(args: BuildBreadcrumbConfigProps): {

package/dist/config/buildBreadcrumbConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildBreadcrumbConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildBreadcrumbConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,0BAA0B,GAAG,eAAe,CAAC;AAElD,iBAAS,qBAAqB,CAAC,IAAI,EAAE,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK9D;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"buildBreadcrumbConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildBreadcrumbConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,0BAA0B,GAAG,eAAe,CAAC;AAElD,iBAAS,qBAAqB,CAAC,IAAI,EAAE,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK9D;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/config/buildButtonConfig.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { ButtonProps } from "@arkyn/types";
 type BuildButtonConfigProps = ButtonProps;
 declare function buildButtonConfig(args: BuildButtonConfigProps): {

package/dist/config/buildButtonConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildButtonConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildButtonConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,KAAK,sBAAsB,GAAG,WAAW,CAAC;AAE1C,iBAAS,iBAAiB,CAAC,IAAI,EAAE,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BtD;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"buildButtonConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildButtonConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,KAAK,sBAAsB,GAAG,WAAW,CAAC;AAE1C,iBAAS,iBAAiB,CAAC,IAAI,EAAE,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BtD;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/config/buildFormLabelConfig.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { FormLabelProps } from "@arkyn/types";
 type BuildFormLabelConfigProps = FormLabelProps;
 declare function buildFormLabelConfig(args: BuildFormLabelConfigProps): {

package/dist/config/buildFormLabelConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildFormLabelConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildFormLabelConfig.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,yBAAyB,GAAG,cAAc,CAAC;AAEhD,iBAAS,oBAAoB,CAAC,IAAI,EAAE,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU5D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"buildFormLabelConfig.d.ts","sourceRoot":"","sources":["../../src/config/buildFormLabelConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,yBAAyB,GAAG,cAAc,CAAC;AAEhD,iBAAS,oBAAoB,CAAC,IAAI,EAAE,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU5D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/context/ModalContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ModalContextProps } from "@arkyn/types";
+declare const ModalContext: import("react").Context<ModalContextProps>;
+export { ModalContext };
+//# sourceMappingURL=ModalContext.d.ts.map

package/dist/context/ModalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../src/context/ModalContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,QAAA,MAAM,YAAY,4CAAyC,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/context/ModalContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+const ModalContext = createContext({});
+export { ModalContext };

package/dist/context/ToastContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ToastContextProps } from "@arkyn/types";
+declare const ToastContext: import("react").Context<ToastContextProps>;
+export { ToastContext };
+//# sourceMappingURL=ToastContext.d.ts.map

package/dist/context/ToastContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../src/context/ToastContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,QAAA,MAAM,YAAY,4CAAyC,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/context/ToastContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+const ToastContext = createContext({});
+export { ToastContext };

package/dist/hooks/useAutomation.d.ts

@@ -0,0 +1,3 @@
+declare function useAutomation(): void;
+export { useAutomation };
+//# sourceMappingURL=useAutomation.d.ts.map

package/dist/hooks/useAutomation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAKA,iBAAS,aAAa,SAQrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/hooks/useAutomation.js

@@ -0,0 +1,13 @@
+import { useActionData } from "@remix-run/react";
+import { useContext, useEffect } from "react";
+import { ModalContext } from "../context/ModalContext";
+function useAutomation() {
+    const actionData = useActionData();
+    const { closeModal } = useContext(ModalContext);
+    useEffect(() => {
+        const closeModalKey = actionData?.closeModalKey;
+        if (closeModalKey)
+            closeModal(closeModalKey);
+    }, [actionData]);
+}
+export { useAutomation };

package/dist/hooks/useModal.d.ts

@@ -0,0 +1,11 @@
+type OpenModalProps = (e?: {
+    data: any;
+}) => void;
+declare function useModal(key: string): {
+    modalIsOpen: boolean;
+    modalData: any;
+    openModal: OpenModalProps;
+    closeModal: () => void;
+};
+export { useModal };
+//# sourceMappingURL=useModal.d.ts.map

package/dist/hooks/useModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../src/hooks/useModal.ts"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG,CAAC,CAAC,CAAC,EAAE;IAAE,IAAI,EAAE,GAAG,CAAA;CAAE,KAAK,IAAI,CAAC;AAElD,iBAAS,QAAQ,CAAC,GAAG,EAAE,MAAM;;;;;EAqB5B;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/hooks/useModal.js

@@ -0,0 +1,15 @@
+import { useContext } from "react";
+import { ModalContext } from "../context/ModalContext";
+function useModal(key) {
+    const contextData = useContext(ModalContext);
+    if (Object.entries(contextData).length === 0) {
+        throw new Error("useModal must be used within a Provider");
+    }
+    const { modalData: contextModalData, modalIsOpen: contextModalIsOpen, openModal: contextOpenModal, closeModal: contextCloseModal, } = contextData;
+    const modalIsOpen = contextModalIsOpen(key);
+    const modalData = contextModalData(key);
+    const openModal = (data) => contextOpenModal(key, data?.data);
+    const closeModal = () => contextCloseModal(key);
+    return { modalIsOpen, modalData, openModal, closeModal };
+}
+export { useModal };

package/dist/hooks/useToast.d.ts

@@ -0,0 +1,3 @@
+declare function useToast(): import("@arkyn/types").ToastContextProps;
+export { useToast };
+//# sourceMappingURL=useToast.d.ts.map

package/dist/hooks/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/hooks/useToast.ts"],"names":[],"mappings":"AAGA,iBAAS,QAAQ,6CAQhB;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/hooks/useToast.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { ToastContext } from "../context/ToastContext";
+function useToast() {
+    const contextData = useContext(ToastContext);
+    if (Object.entries(contextData).length === 0) {
+        throw new Error("useToast must be used within a Provider");
+    }
+    return contextData;
+}
+export { useToast };

package/dist/index.d.ts

@@ -10,5 +10,10 @@ export { Select } from "./components/Select";
 export { Breadcrumb, BreadcrumbLink } from "./components/Breadcrumb";
 export { Modal } from "./components/Modal";
 export { Tooltip } from "./components/Tooltip";
+export { useAutomation } from "./hooks/useAutomation";
+export { useModal } from "./hooks/useModal";
 export { useScopedParams } from "./hooks/useScopedParams";
+export { useToast } from "./hooks/useToast";
+export { ModalProvider } from "./provider/ModalProvider";
+export { ToastProvider } from "./provider/ToastProvider";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGrE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGrE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -15,4 +15,10 @@ export { Breadcrumb, BreadcrumbLink } from "./components/Breadcrumb";
 export { Modal } from "./components/Modal";
 export { Tooltip } from "./components/Tooltip";
 // Hooks
+export { useAutomation } from "./hooks/useAutomation";
+export { useModal } from "./hooks/useModal";
 export { useScopedParams } from "./hooks/useScopedParams";
+export { useToast } from "./hooks/useToast";
+// Providers
+export { ModalProvider } from "./provider/ModalProvider";
+export { ToastProvider } from "./provider/ToastProvider";

package/dist/provider/ModalProvider.d.ts

@@ -0,0 +1,4 @@
+import { ModalProviderProps } from "@arkyn/types";
+declare function ModalProvider(args: ModalProviderProps): import("react/jsx-runtime").JSX.Element;
+export { ModalProvider };
+//# sourceMappingURL=ModalProvider.d.ts.map

package/dist/provider/ModalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../src/provider/ModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,cAAc,CAAC;AAKhE,iBAAS,aAAa,CAAC,IAAI,EAAE,kBAAkB,2CA2B9C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/provider/ModalProvider.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { ModalContext } from "../context/ModalContext";
+function ModalProvider(args) {
+    const { children = false } = args;
+    const [openedModals, setOpenedModals] = useState([]);
+    function modalIsOpen(key) {
+        return !!openedModals.some((modal) => modal.key === key);
+    }
+    function modalData(key) {
+        return openedModals.find((modal) => modal.key === key)?.data;
+    }
+    function openModal(key, data) {
+        setOpenedModals([...openedModals, { key, data }]);
+    }
+    function closeModal(key) {
+        setOpenedModals(openedModals.filter((modal) => modal.key !== key));
+    }
+    return (_jsx(ModalContext.Provider, { value: { modalIsOpen, modalData, openModal, closeModal }, children: children }));
+}
+export { ModalProvider };

package/dist/provider/ToastProvider.d.ts

@@ -0,0 +1,4 @@
+import { ToastProviderProps } from "@arkyn/types";
+declare function ToastProvider({ children }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export { ToastProvider };
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/provider/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/provider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKlD,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAyBtD;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/provider/ToastProvider.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toaster, toast } from "sonner";
+import { ToastContext } from "../context/ToastContext";
+function ToastProvider({ children }) {
+    function successToast(message) {
+        toast.success(message);
+    }
+    function infoToast(message) {
+        toast.info(message);
+    }
+    function errorToast(message) {
+        toast.error(message);
+    }
+    function warningToast(message) {
+        toast.warning(message);
+    }
+    return (_jsxs(ToastContext.Provider, { value: { errorToast, warningToast, successToast, infoToast }, children: [_jsx(Toaster, { richColors: true }), children] }));
+}
+export { ToastProvider };

package/dist/style.css

@@ -1 +1 @@
-.arkyn_badge{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:var(--primary-500)}.arkyn_badge.solid.secondary{background-color:var(--secondary-500)}.arkyn_badge.solid.danger{background-color:var(--danger-600)}.arkyn_badge.solid.success{background-color:var(--success-500)}.arkyn_badge.solid.warning{background-color:var(--warning-600)}.arkyn_badge.solid.info{background-color:var(--info-500)}.arkyn_badge.outline.primary{color:var(--primary-500);border-color:var(--primary-500)}.arkyn_badge.outline.secondary{color:var(--secondary-500);border-color:var(--secondary-500)}.arkyn_badge.outline.danger{color:var(--danger-600);border-color:var(--danger-600)}.arkyn_badge.outline.success{color:var(--success-500);border-color:var(--success-500)}.arkyn_badge.outline.warning{color:var(--warning-600);border-color:var(--warning-600)}.arkyn_badge.outline.info{color:var(--info-600);border-color:var(--info-600)}.arkyn_badge.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_badge.ghost.secondary{color:var(--secondary-500);background-color:var(--secondary-100)}.arkyn_badge.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_badge.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_badge.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_badge.ghost.info{color:var(--info-600);background-color:var(--info-100)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:4px;padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:4px;padding:0 12px;height:20px}.arkyn_divider{display:block;flex:1;background-color:var(--secondary-300)}.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,#f0f0f0 4%,#e0e0e0 25%,#f0f0f0 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid:disabled{opacity:.4}.arkyn_button.solid.primary{background-color:var(--primary-500)}.arkyn_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_button.solid.danger{background-color:var(--danger-600)}.arkyn_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_button.solid.success{background-color:var(--success-500)}.arkyn_button.solid.success:hover{background-color:var(--success-400)}.arkyn_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_button.solid.warning{background-color:var(--warning-600)}.arkyn_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_button.outline{border-color:var(--secondary-300)}.arkyn_button.outline:hover{border-color:var(--secondary-200)}.arkyn_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_button.outline.primary{color:var(--primary-500)}.arkyn_button.outline.primary:hover{color:var(--primary-400)}.arkyn_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_button.outline.danger{color:var(--danger-600)}.arkyn_button.outline.danger:hover{color:var(--danger-500)}.arkyn_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_button.outline.success{color:var(--success-500)}.arkyn_button.outline.success:hover{color:var(--success-400)}.arkyn_button.outline.success:disabled{color:var(--success-400)}.arkyn_button.outline.warning{color:var(--warning-600)}.arkyn_button.outline.warning:hover{color:var(--warning-500)}.arkyn_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_button.ghost:disabled{opacity:.4}.arkyn_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_button.invisible:disabled{opacity:.4}.arkyn_button.invisible.primary{color:var(--primary-500)}.arkyn_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_button.invisible.danger{color:var(--danger-600)}.arkyn_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_button.invisible.success{color:var(--success-500)}.arkyn_button.invisible.success:hover{color:var(--success-400)}.arkyn_button.invisible.success:disabled{color:var(--success-400)}.arkyn_button.invisible.warning{color:var(--warning-600)}.arkyn_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkyn_button.lg .content,.arkyn_button.lg .spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkyn_button.md .content,.arkyn_button.md .spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkyn_button.sm .content,.arkyn_button.sm .spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkyn_button.xs .content,.arkyn_button.xs .spinner{gap:8px}.arkyn_button .spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .spinner{max-height:0px}.arkyn_button.loading_true .content{opacity:0;max-height:0px}.arkyn_button.loading_true .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(--secondary-400);background-color:var(--secondary-100)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:2px}.arkyn_checkbox.sm svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:4px}.arkyn_checkbox.md svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:6px}.arkyn_checkbox.lg svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:var(--primary-500);border-color:var(--primary-500)}.arkyn_checkbox.checked svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:var(--danger-500)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:var(--danger-600)}.arkyn_form_label{color:var(--secondary-700);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:var(--danger-600)}.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}.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:disabled{opacity:.4}.arkyn_icon_button.solid.primary{background-color:var(--primary-500)}.arkyn_icon_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_icon_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_icon_button.solid.danger{background-color:var(--danger-600)}.arkyn_icon_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_icon_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_icon_button.solid.success{background-color:var(--success-500)}.arkyn_icon_button.solid.success:hover{background-color:var(--success-400)}.arkyn_icon_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_icon_button.solid.warning{background-color:var(--warning-600)}.arkyn_icon_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_icon_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_icon_button.outline{border-color:var(--secondary-300)}.arkyn_icon_button.outline:hover{border-color:var(--secondary-200)}.arkyn_icon_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_icon_button.outline.primary{color:var(--primary-500)}.arkyn_icon_button.outline.primary:hover{color:var(--primary-400)}.arkyn_icon_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.outline.danger{color:var(--danger-600)}.arkyn_icon_button.outline.danger:hover{color:var(--danger-500)}.arkyn_icon_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.outline.success{color:var(--success-500)}.arkyn_icon_button.outline.success:hover{color:var(--success-400)}.arkyn_icon_button.outline.success:disabled{color:var(--success-400)}.arkyn_icon_button.outline.warning{color:var(--warning-600)}.arkyn_icon_button.outline.warning:hover{color:var(--warning-500)}.arkyn_icon_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.ghost:disabled{opacity:.4}.arkyn_icon_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_icon_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_icon_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_icon_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_icon_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.invisible:disabled{opacity:.4}.arkyn_icon_button.invisible.primary{color:var(--primary-500)}.arkyn_icon_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_icon_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.invisible.danger{color:var(--danger-600)}.arkyn_icon_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_icon_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.invisible.success{color:var(--success-500)}.arkyn_icon_button.invisible.success:hover{color:var(--success-400)}.arkyn_icon_button.invisible.success:disabled{color:var(--success-400)}.arkyn_icon_button.invisible.warning{color:var(--warning-600)}.arkyn_icon_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_icon_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.lg{border-radius:6px;height:44px;width:44px}.arkyn_icon_button.md{border-radius:6px;height:40px;width:40px}.arkyn_icon_button.sm{border-radius:6px;height:32px;width:32px}.arkyn_icon_button.xs{border-radius:4px;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 .content{opacity:0}.arkyn_icon_button.loading_true .spinner{opacity:1}.arkyn_input{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_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--secondary-900)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 5px 5px 0;border-left:1px solid var(--secondary-300)}.arkyn_input input::placeholder{color:var(--secondary-400)}.arkyn_input svg{color:var(--secondary-400)}.arkyn_input.errored svg{color:var(--danger-600)}.arkyn_input:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_input.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.outline{border-color:var(--secondary-300)}.arkyn_input.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.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:var(--danger-600)}.arkyn_input.underline.errored:before{background:var(--danger-600)}.arkyn_input:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_input:not(.opacity).underline.focused:before{background:var(--primary-500)}.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_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:text}.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>li{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>li{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content>li{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>li svg{height:20px;width:20px;color:var(--primary-500);display:none}.arkyn_select_content>li:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_select_content>li:not(:last-child){border-bottom:1px solid var(--secondary-300)}.arkyn_select_content>li.active{font-weight:600;color:var(--secondary-900);background-color:var(--secondary-100)}.arkyn_select_content>li.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_breadcrumb{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--secondary-500)}.arkyn_breadcrumb_link.active{color:var(--secondary-900)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--secondary-900)}.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(--secondary-400)}.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}.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:6px;background:var(--secondary-50)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--secondary-200)}.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;justify-content:space-between;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--secondary-900);border-bottom:1px solid var(--secondary-200)}.arkyn_modal_header>button{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:none;background:none;color:var(--secondary-400);transition:all .15s ease-out}.arkyn_modal_header>button:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip .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(--secondary-100);background-color:var(--secondary-900);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(--secondary-900) 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(--secondary-900);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(--secondary-900);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(--secondary-900) 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;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:var(--primary-500)}.arkyn_badge.solid.secondary{background-color:var(--secondary-500)}.arkyn_badge.solid.danger{background-color:var(--danger-600)}.arkyn_badge.solid.success{background-color:var(--success-500)}.arkyn_badge.solid.warning{background-color:var(--warning-600)}.arkyn_badge.solid.info{background-color:var(--info-500)}.arkyn_badge.outline.primary{color:var(--primary-500);border-color:var(--primary-500)}.arkyn_badge.outline.secondary{color:var(--secondary-500);border-color:var(--secondary-500)}.arkyn_badge.outline.danger{color:var(--danger-600);border-color:var(--danger-600)}.arkyn_badge.outline.success{color:var(--success-500);border-color:var(--success-500)}.arkyn_badge.outline.warning{color:var(--warning-600);border-color:var(--warning-600)}.arkyn_badge.outline.info{color:var(--info-600);border-color:var(--info-600)}.arkyn_badge.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_badge.ghost.secondary{color:var(--secondary-500);background-color:var(--secondary-100)}.arkyn_badge.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_badge.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_badge.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_badge.ghost.info{color:var(--info-600);background-color:var(--info-100)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:4px;padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:4px;padding:0 12px;height:20px}.arkyn_divider{display:block;flex:1;background-color:var(--secondary-300)}.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,#f0f0f0 4%,#e0e0e0 25%,#f0f0f0 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid:disabled{opacity:.4}.arkyn_button.solid.primary{background-color:var(--primary-500)}.arkyn_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_button.solid.danger{background-color:var(--danger-600)}.arkyn_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_button.solid.success{background-color:var(--success-500)}.arkyn_button.solid.success:hover{background-color:var(--success-400)}.arkyn_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_button.solid.warning{background-color:var(--warning-600)}.arkyn_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_button.outline{border-color:var(--secondary-300)}.arkyn_button.outline:hover{border-color:var(--secondary-200)}.arkyn_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_button.outline.primary{color:var(--primary-500)}.arkyn_button.outline.primary:hover{color:var(--primary-400)}.arkyn_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_button.outline.danger{color:var(--danger-600)}.arkyn_button.outline.danger:hover{color:var(--danger-500)}.arkyn_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_button.outline.success{color:var(--success-500)}.arkyn_button.outline.success:hover{color:var(--success-400)}.arkyn_button.outline.success:disabled{color:var(--success-400)}.arkyn_button.outline.warning{color:var(--warning-600)}.arkyn_button.outline.warning:hover{color:var(--warning-500)}.arkyn_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_button.ghost:disabled{opacity:.4}.arkyn_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_button.invisible:disabled{opacity:.4}.arkyn_button.invisible.primary{color:var(--primary-500)}.arkyn_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_button.invisible.danger{color:var(--danger-600)}.arkyn_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_button.invisible.success{color:var(--success-500)}.arkyn_button.invisible.success:hover{color:var(--success-400)}.arkyn_button.invisible.success:disabled{color:var(--success-400)}.arkyn_button.invisible.warning{color:var(--warning-600)}.arkyn_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkyn_button.lg .content,.arkyn_button.lg .spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkyn_button.md .content,.arkyn_button.md .spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkyn_button.sm .content,.arkyn_button.sm .spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkyn_button.xs .content,.arkyn_button.xs .spinner{gap:8px}.arkyn_button .spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .spinner{max-height:0px}.arkyn_button.loading_true .content{opacity:0;max-height:0px}.arkyn_button.loading_true .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(--secondary-400);background-color:var(--secondary-100)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:2px}.arkyn_checkbox.sm svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:4px}.arkyn_checkbox.md svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:6px}.arkyn_checkbox.lg svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:var(--primary-500);border-color:var(--primary-500)}.arkyn_checkbox.checked svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:var(--danger-500)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:var(--danger-600)}.arkyn_form_label{color:var(--secondary-700);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:var(--danger-600)}.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}.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:disabled{opacity:.4}.arkyn_icon_button.solid.primary{background-color:var(--primary-500)}.arkyn_icon_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_icon_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_icon_button.solid.danger{background-color:var(--danger-600)}.arkyn_icon_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_icon_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_icon_button.solid.success{background-color:var(--success-500)}.arkyn_icon_button.solid.success:hover{background-color:var(--success-400)}.arkyn_icon_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_icon_button.solid.warning{background-color:var(--warning-600)}.arkyn_icon_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_icon_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_icon_button.outline{border-color:var(--secondary-300)}.arkyn_icon_button.outline:hover{border-color:var(--secondary-200)}.arkyn_icon_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_icon_button.outline.primary{color:var(--primary-500)}.arkyn_icon_button.outline.primary:hover{color:var(--primary-400)}.arkyn_icon_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.outline.danger{color:var(--danger-600)}.arkyn_icon_button.outline.danger:hover{color:var(--danger-500)}.arkyn_icon_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.outline.success{color:var(--success-500)}.arkyn_icon_button.outline.success:hover{color:var(--success-400)}.arkyn_icon_button.outline.success:disabled{color:var(--success-400)}.arkyn_icon_button.outline.warning{color:var(--warning-600)}.arkyn_icon_button.outline.warning:hover{color:var(--warning-500)}.arkyn_icon_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.ghost:disabled{opacity:.4}.arkyn_icon_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_icon_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_icon_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_icon_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_icon_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.invisible:disabled{opacity:.4}.arkyn_icon_button.invisible.primary{color:var(--primary-500)}.arkyn_icon_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_icon_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.invisible.danger{color:var(--danger-600)}.arkyn_icon_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_icon_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.invisible.success{color:var(--success-500)}.arkyn_icon_button.invisible.success:hover{color:var(--success-400)}.arkyn_icon_button.invisible.success:disabled{color:var(--success-400)}.arkyn_icon_button.invisible.warning{color:var(--warning-600)}.arkyn_icon_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_icon_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.lg{border-radius:6px;height:44px;width:44px}.arkyn_icon_button.md{border-radius:6px;height:40px;width:40px}.arkyn_icon_button.sm{border-radius:6px;height:32px;width:32px}.arkyn_icon_button.xs{border-radius:4px;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 .content{opacity:0}.arkyn_icon_button.loading_true .spinner{opacity:1}.arkyn_input{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_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--secondary-900)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 5px 5px 0;border-left:1px solid var(--secondary-300)}.arkyn_input input::placeholder{color:var(--secondary-400)}.arkyn_input svg{color:var(--secondary-400)}.arkyn_input.errored svg{color:var(--danger-600)}.arkyn_input:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_input.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.outline{border-color:var(--secondary-300)}.arkyn_input.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.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:var(--danger-600)}.arkyn_input.underline.errored:before{background:var(--danger-600)}.arkyn_input:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_input:not(.opacity).underline.focused:before{background:var(--primary-500)}.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_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>li{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>li{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content>li{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>li svg{height:20px;width:20px;color:var(--primary-500);display:none}.arkyn_select_content>li:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_select_content>li:not(:last-child){border-bottom:1px solid var(--secondary-300)}.arkyn_select_content>li.active{font-weight:600;color:var(--secondary-900);background-color:var(--secondary-100)}.arkyn_select_content>li.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_breadcrumb{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--secondary-500)}.arkyn_breadcrumb_link.active{color:var(--secondary-900)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--secondary-900)}.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(--secondary-400)}.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}.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:6px;background:var(--secondary-50)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--secondary-200)}.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;justify-content:space-between;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--secondary-900);border-bottom:1px solid var(--secondary-200)}.arkyn_modal_header>button{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:none;background:none;color:var(--secondary-400);transition:all .15s ease-out}.arkyn_modal_header>button:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip .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(--secondary-100);background-color:var(--secondary-900);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(--secondary-900) 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(--secondary-900);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(--secondary-900);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(--secondary-900) 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.2.5",
+  "version": "1.3.1",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",
@@ -13,7 +13,8 @@
   "dependencies": {
     "@react-input/mask": ">=1.2.4",
     "framer-motion": ">=11.2.4",
-    "lucide-react": ">=0.378.0"
+    "lucide-react": ">=0.378.0",
+    "sonner": ">=1.4.41"
   },
   "peerDependencies": {
     "@remix-run/react": ">=2.0.1",

package/src/components/Checkbox/index.tsx

@@ -36,11 +36,10 @@ function Checkbox(props: CheckboxProps) {
   }
 
   return (
-    <div className={className} onClick={handleCheck} {...rest}>
+    <div id={id} className={className} onClick={handleCheck} {...rest}>
       <input
         type="hidden"
         name={name}
-        id={id}
         ref={inputRef}
         value={currentChecked ? value || "checked" : ""}
       />

package/src/components/Input/CpfCpnjInput/getConfig.tsx

@@ -2,6 +2,7 @@ import type { CpfCnpjInputProps } from "@arkyn/types";
 import { Loader2 } from "lucide-react";
 
 import { morpheme } from "../utils/morpheme";
+import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
 
 function getConfig(props: CpfCnpjInputProps, isFocused: boolean) {
   const {
@@ -15,6 +16,7 @@ function getConfig(props: CpfCnpjInputProps, isFocused: boolean) {
     leftIcon: LeftIcon,
     rightIcon: RightIcon,
     disabled,
+    defaultValue,
     readOnly,
     onFocus,
     onBlur,
@@ -24,6 +26,18 @@ function getConfig(props: CpfCnpjInputProps, isFocused: boolean) {
     ...rest
   } = props;
 
+  function parseDefault(event: string) {
+    let value = clear(event);
+    const mask = getMask(value);
+
+    let nextLength = value.length;
+
+    if (nextLength > MAX_LENGTH) return;
+    value = applyMask(value, TYPES[mask] as "CPF" | "CNPJ");
+
+    return value;
+  }
+
   const loadingPosition = RightIcon ? "right" : "left";
 
   const hasPrefix = !!basePrefix ? "hasPrefix" : "";
@@ -43,6 +57,7 @@ function getConfig(props: CpfCnpjInputProps, isFocused: boolean) {
     sufix: morpheme(baseSufix, iconSize, "sufix"),
     LeftIcon,
     RightIcon,
+    defaultValue: parseDefault(defaultValue || ""),
     disabled,
     readOnly,
     onFocus,

package/src/components/Input/CpfCpnjInput/index.tsx

@@ -9,9 +9,6 @@ import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
 
 function CpfCnpjInput(props: CpfCnpjInputProps) {
   const [isFocused, setIsFocused] = useState(false);
-  const [inputValue, setInputValue] = useState(
-    clear(props?.defaultValue || "")
-  );
 
   const baseRef = useRef<HTMLInputElement>(null);
 
@@ -38,10 +35,12 @@ function CpfCnpjInput(props: CpfCnpjInputProps) {
     Spinner,
     onChange,
     value,
-    defaultValue = "",
+    defaultValue,
     ...rest
   } = getConfig({ ...props, id, isError }, isFocused);
 
+  const [inputValue, setInputValue] = useState(defaultValue);
+
   const showLeftIcon = LeftIcon && !isLoading;
   const showRightIcon = RightIcon && !isLoading;
 

package/src/components/Input/MaskInput/getConfig.tsx

@@ -21,7 +21,7 @@ function getConfig(props: MaskedInputProps, isFocused: boolean) {
     title,
     style,
     onChange,
-    showMask = true,
+    showMask = false,
     type,
     ...rest
   } = props;

package/src/components/Select/index.tsx

@@ -38,6 +38,7 @@ function Select(props: SelectProps) {
     placeholder,
     onSelect,
     options,
+    optionMaxHeight,
     ...rest
   } = getConfig({ ...props, id, isError }, isFocused);
 
@@ -118,7 +119,10 @@ function Select(props: SelectProps) {
         <input type="hidden" name={name} value={currentValue || ""} readOnly />
 
         {isFocused && (
-          <ul className="arkyn_select_content">
+          <ul
+            className="arkyn_select_content"
+            style={{ overflow: "auto", maxHeight: optionMaxHeight }}
+          >
             {filteredOptions.map(({ label, value }) => (
               <li
                 key={value}

package/src/components/Select/styles.css

@@ -14,7 +14,7 @@
 }
 
 .arkyn_select:hover {
-  cursor: text;
+  cursor: pointer;
 }
 
 .arkyn_select input {

package/src/components/Toast/index.tsx

@@ -0,0 +1,19 @@
+type ToastProps = {
+  title?: string;
+  message: string;
+  type: "success" | "warning" | "error" | "info";
+};
+
+import "./styles.css";
+
+function Toast({ message, type, title }: ToastProps) {
+  return (
+    <div className={"arkyn_toast " + type}>
+      {title && <strong>{title}</strong>}
+      <strong>Sucesso</strong>
+      <p>{message}</p>
+    </div>
+  );
+}
+
+export { Toast };

package/src/components/Toast/styles.css

@@ -0,0 +1,30 @@
+.arkyn_toast {
+  display: flex;
+  flex-direction: column;
+
+  padding: 8px 16px;
+  min-width: 200px;
+
+  border-radius: 6px;
+  border: 1px solid transparent;
+}
+
+.arkyn_toast strong {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.arkyn_toast p {
+  font-size: 16px;
+  font-weight: 500;
+}
+
+/* SCHEME */
+.arkyn_toast.success {
+  background-color: var(--success-200);
+}
+
+.arkyn_toast strong,
+.arkyn_toast p {
+  color: var(--success-600);
+}

package/src/context/ModalContext.ts

@@ -0,0 +1,6 @@
+import { ModalContextProps } from "@arkyn/types";
+import { createContext } from "react";
+
+const ModalContext = createContext({} as ModalContextProps);
+
+export { ModalContext };

package/src/context/ToastContext.ts

@@ -0,0 +1,6 @@
+import { ToastContextProps } from "@arkyn/types";
+import { createContext } from "react";
+
+const ToastContext = createContext({} as ToastContextProps);
+
+export { ToastContext };