@arkyn/components 2.0.1-beta.0 → 2.0.1-beta.2

package/dist/components/Slider/index.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import "./styles.css";
+function Slider(props) {
+    const { onChange, value, disableDrag = false, onDragging } = props;
+    const [isDragging, setIsDragging] = useState(false);
+    const sliderRef = useRef(null);
+    const handleMouseDown = () => {
+        setIsDragging(true);
+    };
+    const handleMouseUp = () => {
+        setIsDragging(false);
+    };
+    const handleMouseMove = (event) => {
+        if (disableDrag)
+            return;
+        if (!isDragging || !sliderRef.current)
+            return;
+        const rect = sliderRef.current.getBoundingClientRect();
+        const offsetX = event.clientX - rect.left;
+        const newValue = Math.min(Math.max((offsetX / rect.width) * 100, 0), 100);
+        onChange(newValue);
+    };
+    const handleSliderClick = (event) => {
+        if (!sliderRef.current)
+            return;
+        const rect = sliderRef.current.getBoundingClientRect();
+        const offsetX = event.clientX - rect.left;
+        const newValue = Math.min(Math.max((offsetX / rect.width) * 100, 0), 100);
+        onChange(newValue);
+    };
+    useEffect(() => {
+        if (isDragging) {
+            onDragging && onDragging(true);
+            document.addEventListener("mousemove", handleMouseMove);
+            document.addEventListener("mouseup", handleMouseUp);
+        }
+        else {
+            onDragging && onDragging(false);
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        }
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [isDragging]);
+    const isDraggingClass = isDragging ? "isDragging" : "isNotDragging";
+    const sliderClassname = `arkynSliderTrack ${isDraggingClass}`;
+    return (_jsxs("div", { className: sliderClassname, ref: sliderRef, onMouseDown: handleMouseDown, onClick: handleSliderClick, children: [_jsx("div", { className: "arkynSliderFill", style: { width: `${value}%` } }), _jsx("div", { className: "arkynSliderThumb", style: { left: `${value}%` } })] }));
+}
+export { Slider };

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

@@ -0,0 +1,5 @@
+import { SwitchProps } from "@arkyn/types";
+import "./styles.css";
+declare function Switch(props: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export { Switch };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,cAAc,CAAC;AAEtB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuCjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Switch/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useFormController } from "../Form/FormController";
+import "./styles.css";
+function Switch(props) {
+    const { size = "lg", defaultChecked = false, checked: baseChecked = null, value, unCheckedValue = "", name, className: baseClassName = "", onCheck, ...rest } = props;
+    const [isChecked, setIsChecked] = useState(defaultChecked);
+    const { id, inputRef } = useFormController();
+    const currentChecked = typeof baseChecked === "boolean" ? baseChecked : isChecked;
+    function handleCheck() {
+        setIsChecked(!isChecked);
+        onCheck && onCheck(!currentChecked ? value || "checked" : unCheckedValue);
+    }
+    const checkedClass = currentChecked ? "checkedTrue" : "checkedFalse";
+    const className = `arkynSwitch ${checkedClass} ${size} ${baseClassName}`;
+    return (_jsx("button", { type: "button", onClick: handleCheck, className: className, ...rest, children: _jsx("input", { id: id, type: "hidden", name: name, ref: inputRef, onClick: handleCheck, value: currentChecked ? value || "checked" : unCheckedValue }) }));
+}
+export { Switch };

package/dist/components/Table/TableBody/index.d.ts

@@ -0,0 +1,5 @@
+import { TableBodyProps } from "@arkyn/types";
+import "./styles.css";
+declare function TableBody(props: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+export { TableBody };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/TableBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableBody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,cAAc,CAAC;AAEtB,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAwBvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children } from "react";
+import "./styles.css";
+function TableBody(props) {
+    const { emptyMessage = "Nenhum dado adicionado.", className: baseClassName, children, ...rest } = props;
+    const className = `arkynTableBody ${baseClassName}`;
+    const isEmpty = Children.count(children) === 0;
+    return (_jsx("tbody", { className: className.trim(), ...rest, children: isEmpty ? (_jsx("tr", { className: "arkynTableBodyEmptyLine", children: _jsx("td", { colSpan: 100, children: _jsx("div", { children: emptyMessage }) }) })) : (children) }));
+}
+export { TableBody };

package/dist/components/Table/TableCaption/index.d.ts

@@ -0,0 +1,5 @@
+import { TableCaptionProps } from "@arkyn/types";
+import "./styles.css";
+declare function TableCaption(props: TableCaptionProps): import("react/jsx-runtime").JSX.Element;
+export { TableCaption };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/TableCaption/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableCaption/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAS7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

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

package/dist/components/Table/TableContainer/index.d.ts

@@ -0,0 +1,5 @@
+import { TableContainerProps } from "@arkyn/types";
+import "./styles.css";
+declare function TableContainer(props: TableContainerProps): import("react/jsx-runtime").JSX.Element;
+export { TableContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/TableContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,cAAc,CAAC;AAEtB,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CASjD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

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

package/dist/components/Table/TableFooter/index.d.ts

@@ -0,0 +1,5 @@
+import { TableFooterProps } from "@arkyn/types";
+import "./styles.css";
+declare function TableFooter(props: TableFooterProps): import("react/jsx-runtime").JSX.Element;
+export { TableFooter };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/TableFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableFooter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,cAAc,CAAC;AAEtB,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAc3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

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

package/dist/components/Table/TableHeader/index.d.ts

@@ -0,0 +1,5 @@
+import { TableHeaderProps } from "@arkyn/types";
+import "./styles.css";
+declare function TableHeader(props: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+export { TableHeader };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/TableHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,cAAc,CAAC;AAEtB,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAU3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+import { TableBody } from "./TableBody";
+import { TableCaption } from "./TableCaption";
+import { TableContainer } from "./TableContainer";
+import { TableFooter } from "./TableFooter";
+import { TableHeader } from "./TableHeader";
+export { TableBody, TableCaption, TableContainer, TableFooter, TableHeader };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Table/index.js

@@ -0,0 +1,6 @@
+import { TableBody } from "./TableBody";
+import { TableCaption } from "./TableCaption";
+import { TableContainer } from "./TableContainer";
+import { TableFooter } from "./TableFooter";
+import { TableHeader } from "./TableHeader";
+export { TableBody, TableCaption, TableContainer, TableFooter, TableHeader };

package/dist/components/Tabs/TabButton/index.d.ts

@@ -0,0 +1,5 @@
+import { TabButtonProps } from "@arkyn/types";
+import "./styles.css";
+declare function TabButton(props: TabButtonProps): import("react/jsx-runtime").JSX.Element;
+export { TabButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/TabButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,cAAc,CAAC;AAEtB,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CA0BvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTabContext } from "../TabContainer";
+import "./styles.css";
+function TabButton(props) {
+    const { children, className: baseClassName = "", onClick, ...rest } = props;
+    const { value, showInitialTab, handleTabClick } = useTabContext();
+    const activeClass = value === rest.value && value ? "activeTrue" : "activeFalse";
+    const defaultShowBorderBottomTable = value === rest.value && showInitialTab ? "showBorderBottom" : "";
+    const className = `arkynTabButton ${defaultShowBorderBottomTable} ${activeClass} ${baseClassName}`;
+    function handleClick(event) {
+        handleTabClick(event);
+        onClick && onClick(event);
+    }
+    return (_jsx("button", { onClick: handleClick, className: className.trim(), ...rest, type: "button", children: children }));
+}
+export { TabButton };

package/dist/components/Tabs/TabContainer/index.d.ts

@@ -0,0 +1,12 @@
+import { TabContainerProps } from "@arkyn/types";
+import { MouseEvent } from "react";
+import "./styles.css";
+type TabContextType = {
+    value: string;
+    showInitialTab: boolean;
+    handleTabClick: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+declare function useTabContext(): TabContextType;
+declare function TabContainer(props: TabContainerProps): import("react/jsx-runtime").JSX.Element;
+export { TabContainer, useTabContext };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/TabContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAEL,UAAU,EAKX,MAAM,OAAO,CAAC;AAEf,OAAO,cAAc,CAAC;AAEtB,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE,CAAC;AAIF,iBAAS,aAAa,mBAKrB;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAoE7C;AAED,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useRef, useState, } from "react";
+import "./styles.css";
+const TabContext = createContext({});
+function useTabContext() {
+    if (!TabContext)
+        throw new Error("useTabContext must be used within a TabProvider");
+    return useContext(TabContext);
+}
+function TabContainer(props) {
+    const { children, onClick, defaultActive, className: baseClassName, ...rest } = props;
+    const [value, setValue] = useState(defaultActive || "");
+    const [showInitialTab, setShowInitialTab] = useState(true);
+    const reference = useRef(null);
+    const className = `arkynTabContainer ${baseClassName || ""}`;
+    const [activeLineStyle, setActiveLineStyle] = useState({
+        width: "0px",
+        left: "0px",
+        transition: "none",
+    });
+    const updateActiveLine = (button, applyTransition) => {
+        const rect = button.getBoundingClientRect();
+        const containerRect = reference.current.getBoundingClientRect();
+        const transition = applyTransition ? undefined : "none";
+        setShowInitialTab(false);
+        setActiveLineStyle({
+            transition,
+            width: `${rect.width}px`,
+            left: `${rect.left - containerRect.left}px`,
+        });
+    };
+    useEffect(() => {
+        const tabContainer = reference.current;
+        if (!tabContainer)
+            return;
+        let activeButton = null;
+        activeButton = tabContainer.querySelector("button.activeTrue");
+        if (activeButton)
+            updateActiveLine(activeButton);
+    }, []);
+    const handleTabClick = (event) => {
+        const target = event.target;
+        if (target) {
+            setValue(target.value);
+            target.classList.add("activeTrue");
+            updateActiveLine(target, true);
+            onClick && onClick(target.value);
+        }
+    };
+    return (_jsxs("nav", { ref: reference, className: className.trim(), ...rest, children: [_jsx(TabContext.Provider, { value: { handleTabClick, showInitialTab, value }, children: children }), _jsx("div", { className: "activeLine", style: activeLineStyle })] }));
+}
+export { TabContainer, useTabContext };

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

@@ -0,0 +1,4 @@
+import { TabButton } from "./TabButton";
+import { TabContainer } from "./TabContainer";
+export { TabContainer, TabButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Tabs/index.js

@@ -0,0 +1,3 @@
+import { TabButton } from "./TabButton";
+import { TabContainer } from "./TabContainer";
+export { TabContainer, TabButton };

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

@@ -0,0 +1,5 @@
+import { TextareaProps } from "@arkyn/types";
+import "./styles.css";
+declare function Textarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export { Textarea };
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Textarea/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { useFormController } from "../Form/FormController";
+import "./styles.css";
+function Textarea(props) {
+    const { variant = "solid", size = "md", className: baseClassName, disabled = false, readOnly = false, onFocus, onBlur, title, style, ...rest } = props;
+    const [isFocused, setIsFocused] = useState(false);
+    const { inputRef, id, error } = useFormController();
+    const baseRef = useRef(null);
+    const ref = inputRef || baseRef;
+    const isError = props.isError || !!error;
+    const errorClass = isError ? "errorTrue" : "errorFalse";
+    const opacityClass = disabled || readOnly ? "opacityTrue" : "opacityFalse";
+    const focusedClass = isFocused ? "focusedTrue" : "focusedFalse";
+    const className = `arkynTextarea ${variant} ${size} ${opacityClass} ${errorClass} ${focusedClass} ${baseClassName}`;
+    function handleSectionClick() {
+        if (disabled || !ref?.current)
+            return;
+        setIsFocused(true);
+        ref.current.focus();
+    }
+    function handleFocus(e) {
+        setIsFocused(true);
+        if (onFocus)
+            onFocus(e);
+    }
+    function handleBlur(e) {
+        setIsFocused(false);
+        if (onBlur)
+            onBlur(e);
+    }
+    return (_jsx("section", { title: title, style: style, onClick: handleSectionClick, className: className, children: _jsx("textarea", { id: id, disabled: disabled, readOnly: readOnly, ref: ref, onFocus: handleFocus, onBlur: handleBlur, ...rest }) }));
+}
+export { Textarea };

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

@@ -0,0 +1,5 @@
+import { ToastProps } from "@arkyn/types";
+import "./styles.css";
+declare function Toast(props: 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,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,cAAc,CAAC;AAEtB,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CA4B/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Toast/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle2, Info, XCircle } from "lucide-react";
+import "./styles.css";
+function Toast(props) {
+    const { message, type } = props;
+    const className = `arkynToast ${type}}`;
+    function Icon() {
+        switch (type) {
+            case "success":
+                return _jsx(CheckCircle2, {});
+            case "danger":
+                return _jsx(XCircle, {});
+            default:
+                return _jsx(Info, {});
+        }
+    }
+    return (_jsxs("div", { className: className, children: [_jsxs("div", { children: [_jsx("div", { className: "bg" }), _jsx(Icon, {})] }), _jsx("p", { children: _jsx("span", { children: message }) })] }));
+}
+export { Toast };

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

@@ -0,0 +1,5 @@
+import { TooltipProps } from "@arkyn/types";
+import "./styles.css";
+declare function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export { Tooltip };
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Tooltip/index.js

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

package/dist/constants/decimals.d.ts

@@ -0,0 +1,3 @@
+declare const MAXIMUM_FRACTION_DIGITS = 2;
+export { MAXIMUM_FRACTION_DIGITS };
+//# sourceMappingURL=decimals.d.ts.map

package/dist/constants/decimals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decimals.d.ts","sourceRoot":"","sources":["../../src/constants/decimals.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,uBAAuB,IAAI,CAAC;AAElC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/constants/decimals.js

@@ -0,0 +1,2 @@
+const MAXIMUM_FRACTION_DIGITS = 2;
+export { MAXIMUM_FRACTION_DIGITS };

package/dist/context/DrawerContext.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContext.d.ts","sourceRoot":"","sources":["../../src/context/DrawerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,QAAA,MAAM,aAAa,6CAA0C,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/context/DrawerContext.js

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

package/dist/context/ModalContext.d.ts

@@ -0,0 +1,4 @@
+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,4 @@
+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":"AAwBA,iBAAS,aAAa,SAqDrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/hooks/useAutomation.js

@@ -0,0 +1,61 @@
+import { useActionData, useFetchers, useLocation, useNavigate, } from "@remix-run/react";
+import { useContext, useEffect } from "react";
+import { animateScroll } from "react-scroll";
+import { ModalContext } from "../context/ModalContext";
+import { useScopedParams } from "./useScopedParams";
+import { useToast } from "./useToast";
+function isToastProps(obj) {
+    return (obj &&
+        typeof obj.title === "string" &&
+        typeof obj.message === "string" &&
+        (obj.size === undefined || obj.size === "md" || obj.size === "lg") &&
+        (obj.type === "success" || obj.type === "danger"));
+}
+function useAutomation() {
+    const actionData = useActionData();
+    const { closeModal, closeAll, modalIsOpen } = useContext(ModalContext);
+    const { showToast } = useToast();
+    const { getParam } = useScopedParams();
+    const { pathname } = useLocation();
+    const navigate = useNavigate();
+    const closeAllModals = getParam("closeAllModals");
+    const fetchers = useFetchers();
+    useEffect(() => {
+        const modalKey = fetchers[0]?.data?.closeModalKey || "";
+        const isOpen = modalIsOpen(modalKey);
+        if (modalKey && isOpen)
+            closeModal(modalKey);
+    }, [fetchers]);
+    useEffect(() => {
+        if (closeAllModals === "true") {
+            closeAll();
+            navigate(pathname);
+        }
+    }, [closeAllModals]);
+    useEffect(() => {
+        const closeModalKey = actionData?.closeModalKey;
+        if (closeModalKey)
+            closeModal(closeModalKey);
+    }, [actionData]);
+    useEffect(() => {
+        const closeAllModals = actionData?.closeAllModals;
+        if (typeof closeAllModals === "boolean" && closeAllModals)
+            closeAll();
+    }, [actionData]);
+    useEffect(() => {
+        const existsToast = actionData?.toast;
+        const existsMessage = actionData?.message;
+        if (isToastProps(existsToast))
+            showToast(existsToast);
+        if (!isToastProps(existsToast) && existsMessage) {
+            showToast({ message: existsMessage, type: "danger" });
+        }
+    }, [actionData]);
+    useEffect(() => {
+        if (typeof actionData?.data?.scrollTo === "string") {
+            const element = document.getElementById(actionData?.data?.scrollTo);
+            element && animateScroll.scrollTo(element.offsetTop - 200);
+        }
+    }, [actionData]);
+}
+export { useAutomation };

package/dist/hooks/useDrawer.d.ts

@@ -0,0 +1,11 @@
+import { DrawerContextProps } from "@arkyn/types";
+type OpenDrawerProps<T = any> = (data?: T) => void;
+declare function useDrawer<T = any>(): DrawerContextProps<T>;
+declare function useDrawer<T = any>(key: string): {
+    drawerIsOpen: boolean;
+    drawerData: T;
+    openDrawer: OpenDrawerProps<T>;
+    closeDrawer: () => void;
+};
+export { useDrawer };
+//# sourceMappingURL=useDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../../src/hooks/useDrawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKlD,KAAK,eAAe,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;AAEnD,iBAAS,SAAS,CAAC,CAAC,GAAG,GAAG,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC;AACrD,iBAAS,SAAS,CAAC,CAAC,GAAG,GAAG,EACxB,GAAG,EAAE,MAAM,GACV;IACD,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,CAAC,CAAC;IACd,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AA6BF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/hooks/useDrawer.js

@@ -0,0 +1,20 @@
+import { useContext } from "react";
+import { DrawerContext } from "../context/DrawerContext";
+function useDrawer(key) {
+    const contextData = useContext(DrawerContext);
+    if (Object.entries(contextData).length === 0) {
+        throw new Error("useDrawer must be used within a Provider");
+    }
+    if (key) {
+        const { drawerData: contextDrawerData, drawerIsOpen: contextDrawerIsOpen, openDrawer: contextOpenDrawer, closeDrawer: contextCloseDrawer, } = contextData;
+        const drawerIsOpen = contextDrawerIsOpen(key);
+        const drawerData = contextDrawerData(key);
+        const openDrawer = (data) => contextOpenDrawer(key, data);
+        const closeDrawer = () => contextCloseDrawer(key);
+        return { drawerIsOpen, drawerData, openDrawer, closeDrawer };
+    }
+    else {
+        return contextData;
+    }
+}
+export { useDrawer };

package/dist/hooks/useFieldErrors.d.ts

@@ -0,0 +1,5 @@
+declare function useFieldErrors(): {
+    [x: string]: string;
+};
+export { useFieldErrors };
+//# sourceMappingURL=useFieldErrors.d.ts.map

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

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