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

package/dist/components/Alert/AlertContainer/index.d.ts

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

package/dist/components/Alert/AlertContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,OAAO,cAAc,CAAC;AAKtB,iBAAS,iBAAiB,wBAEzB;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAkCjD;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Alert/AlertContainer/index.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import "./styles.css";
+import { AlertTitle } from "../AlertTitle";
+const AlertContainerContext = createContext({});
+function useAlertContainer() {
+    return useContext(AlertContainerContext);
+}
+function AlertContainer(props) {
+    const { schema, children, className: baseClassName, ...rest } = props;
+    const hasAlertTitle = (children) => {
+        let found = false;
+        const searchForAlertTitle = (nodes) => {
+            if (Array.isArray(nodes)) {
+                nodes.forEach(searchForAlertTitle);
+            }
+            else if (nodes && typeof nodes === "object" && "type" in nodes) {
+                if (nodes.type === AlertTitle) {
+                    found = true;
+                }
+                else if (nodes.props && nodes.props.children) {
+                    searchForAlertTitle(nodes.props.children);
+                }
+            }
+        };
+        searchForAlertTitle(children);
+        return found;
+    };
+    const shouldAlignCenter = !hasAlertTitle(children);
+    const finalClassName = shouldAlignCenter
+        ? "nonExistsAlertTitle"
+        : "existsAlertTitle";
+    const className = `arkynAlertContainer ${schema} ${finalClassName} ${baseClassName}`;
+    return (_jsx(AlertContainerContext.Provider, { value: props, children: _jsx("div", { className: className.trim(), ...rest, children: children }) }));
+}
+export { AlertContainer, useAlertContainer };

package/dist/components/Alert/AlertContent/index.d.ts

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

package/dist/components/Alert/AlertContent/index.d.ts.map

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

package/dist/components/Alert/AlertContent/index.js

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

package/dist/components/Alert/AlertDescription/index.d.ts

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

package/dist/components/Alert/AlertDescription/index.d.ts.map

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

package/dist/components/Alert/AlertDescription/index.js

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

package/dist/components/Alert/AlertIcon/index.d.ts

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

package/dist/components/Alert/AlertIcon/index.d.ts.map

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

package/dist/components/Alert/AlertIcon/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AlertTriangle, CheckCircle2, Info, XCircle } from "lucide-react";
+import { useAlertContainer } from "../AlertContainer";
+import "./styles.css";
+function AlertIcon(props) {
+    const { className: baseClassName, ...rest } = props;
+    const { schema } = useAlertContainer();
+    const className = `arkynAlertIcon ${schema} ${baseClassName}`;
+    switch (schema) {
+        case "success":
+            return _jsx(CheckCircle2, { className: className, ...rest });
+        case "danger":
+            return _jsx(XCircle, { className: className, ...rest });
+        case "warning":
+            return _jsx(AlertTriangle, { className: className, ...rest });
+        case "info":
+            return _jsx(Info, { className: className, ...rest });
+    }
+}
+export { AlertIcon };

package/dist/components/Alert/AlertTitle/index.d.ts

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

package/dist/components/Alert/AlertTitle/index.d.ts.map

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

package/dist/components/Alert/AlertTitle/index.js

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

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

@@ -0,0 +1,7 @@
+import { AlertContainer } from "./AlertContainer";
+import { AlertContent } from "./AlertContent";
+import { AlertDescription } from "./AlertDescription";
+import { AlertIcon } from "./AlertIcon";
+import { AlertTitle } from "./AlertTitle";
+export { AlertContainer, AlertContent, AlertDescription, AlertIcon, AlertTitle, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,CAAC"}

package/dist/components/Alert/index.js

@@ -0,0 +1,6 @@
+import { AlertContainer } from "./AlertContainer";
+import { AlertContent } from "./AlertContent";
+import { AlertDescription } from "./AlertDescription";
+import { AlertIcon } from "./AlertIcon";
+import { AlertTitle } from "./AlertTitle";
+export { AlertContainer, AlertContent, AlertDescription, AlertIcon, AlertTitle, };

package/dist/components/AudioUpload/AudioUploadError/index.d.ts

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

package/dist/components/AudioUpload/AudioUploadError/index.d.ts.map

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

package/dist/components/AudioUpload/AudioUploadError/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import "./styles.css";
+function AudioUploadError(props) {
+    const { error } = props;
+    const className = `arkynAudioUploadError`;
+    if (error)
+        return _jsx("strong", { className: className, children: error });
+    return _jsx(_Fragment, {});
+}
+export { AudioUploadError };

package/dist/components/AudioUpload/AudioUploadLabel/index.d.ts

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

package/dist/components/AudioUpload/AudioUploadLabel/index.d.ts.map

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

package/dist/components/AudioUpload/AudioUploadLabel/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function AudioUploadLabel(props) {
+    const { label, showAsterisk } = props;
+    const show = showAsterisk ? "asteriskTrue" : "asteriskFalse";
+    const className = `arkynAudioUploadLabel ${show}`;
+    return _jsx("strong", { className: className.trim(), children: label });
+}
+export { AudioUploadLabel };

package/dist/components/AudioUpload/HasFileContent/index.d.ts

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

package/dist/components/AudioUpload/HasFileContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AudioUpload/HasFileContent/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,8BAA8B,EAAE,MAAM,cAAc,CAAC;AAM9D,OAAO,cAAc,CAAC;AAEtB,iBAAS,cAAc,CAAC,KAAK,EAAE,8BAA8B,2CAuJ5D;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/AudioUpload/HasFileContent/index.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Divider, IconButton, Tooltip } from "@arkyn/components";
+import { Pause, Play, RefreshCw } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { Slider } from "../../Slider";
+import "./styles.css";
+function HasFileContent(props) {
+    const { filePath, disabled, acceptAudio, handleSelectFile, isLoading, reSendAudio, changeAudioButtonText, } = props;
+    const [sliderValue, setSliderValue] = useState(0);
+    const audioReference = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const [isPlaying, setIsPlaying] = useState(false);
+    useEffect(() => {
+        const audioElement = audioReference.current;
+        if (!audioElement)
+            return;
+        const handleTimeUpdate = () => {
+            const totalTime = audioElement.duration;
+            const currentTime = audioElement.currentTime;
+            const value = (currentTime / totalTime) * 100;
+            setSliderValue(value);
+        };
+        audioElement.addEventListener("timeupdate", handleTimeUpdate);
+        return () => {
+            audioElement.removeEventListener("timeupdate", handleTimeUpdate);
+        };
+    }, []);
+    function handleSliderChange(value) {
+        const audioElement = audioReference.current;
+        if (!audioElement)
+            return;
+        const totalTime = audioElement.duration;
+        const currentTime = (value / 100) * totalTime;
+        audioElement.currentTime = currentTime;
+    }
+    function handlePlayAudio() {
+        audioReference.current?.play();
+        setIsPlaying(true);
+    }
+    function handlePauseAudio() {
+        audioReference.current?.pause();
+        setIsPlaying(false);
+    }
+    function handleToggleAudio() {
+        if (isPlaying)
+            handlePauseAudio();
+        else
+            handlePlayAudio();
+    }
+    const currentTime = audioReference.current?.currentTime;
+    const totalTime = audioReference.current?.duration;
+    function formatTime(time) {
+        if (!time)
+            return "00:00";
+        const minutes = Math.floor(time / 60);
+        const seconds = Math.floor(time % 60);
+        const formattedMinutes = String(minutes).padStart(2, "0");
+        const formattedSeconds = String(seconds).padStart(2, "0");
+        return `${formattedMinutes}:${formattedSeconds}`;
+    }
+    if (isDragging || !isPlaying) {
+        audioReference.current?.pause();
+    }
+    else if (isPlaying) {
+        audioReference.current?.play();
+    }
+    function handleClick() {
+        if (disabled)
+            return;
+        const input = document.createElement("input");
+        input.type = "file";
+        input.accept = acceptAudio;
+        input.onchange = (event) => {
+            const file = event.target.files?.[0];
+            if (file)
+                handleSelectFile(file);
+        };
+        input.click();
+    }
+    return (_jsxs("div", { className: "arkynAudioUploadHasFileContentContainer", children: [_jsx("audio", { ref: audioReference, src: filePath, onEnded: handlePauseAudio }), _jsxs("div", { className: "arkynAudioUploadAudioPlayer", children: [_jsxs("button", { type: "button", onClick: handleToggleAudio, children: [isPlaying && _jsx(Pause, {}), !isPlaying && _jsx(Play, {})] }), _jsx("p", { children: formatTime(currentTime) }), _jsx(Slider, { value: sliderValue, onChange: handleSliderChange, onDragging: setIsDragging }), _jsx("p", { children: formatTime(totalTime) })] }), _jsx(Divider, {}), _jsxs("div", { className: "arkynAudioUploadButtonsContainer", children: [!!reSendAudio && (_jsx(Tooltip, { orientation: "bottom", text: "Reenviar \u00E1udio", children: _jsx(IconButton, { type: "button", "aria-label": "resend image", variant: "outline", scheme: "danger", size: "sm", isLoading: isLoading, onClick: reSendAudio, icon: RefreshCw, disabled: disabled }) })), _jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "outline", size: "sm", type: "button", disabled: disabled, children: changeAudioButtonText })] })] }));
+}
+export { HasFileContent };

package/dist/components/AudioUpload/NoFileContent/index.d.ts

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

package/dist/components/AudioUpload/NoFileContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AudioUpload/NoFileContent/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAG7D,OAAO,cAAc,CAAC;AAEtB,iBAAS,aAAa,CAAC,KAAK,EAAE,6BAA6B,2CAkD1D;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/AudioUpload/NoFileContent/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@arkyn/components";
+import "./styles.css";
+function NoFileContent(props) {
+    const { dropAudioText, isLoading, acceptAudio, handleSelectFile, selectAudioButtonText, disabled, } = props;
+    function handleDrop(event) {
+        if (disabled)
+            return;
+        event.preventDefault();
+        const file = event.dataTransfer.files[0];
+        if (file)
+            handleSelectFile(file);
+    }
+    function handleClick() {
+        if (disabled)
+            return;
+        const input = document.createElement("input");
+        input.type = "file";
+        input.accept = acceptAudio;
+        input.onchange = (event) => {
+            const file = event.target.files?.[0];
+            if (file)
+                handleSelectFile(file);
+        };
+        input.click();
+    }
+    return (_jsxs("div", { onDrop: handleDrop, className: "arkynAudioUploadNoFileContent", children: [_jsx(Button, { isLoading: isLoading, onClick: handleClick, variant: "ghost", size: "sm", type: "button", disabled: disabled, children: selectAudioButtonText }), _jsx("p", { children: dropAudioText })] }));
+}
+export { NoFileContent };

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

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

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

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

package/dist/components/AudioUpload/index.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFieldErrors } from "@arkyn/components";
+import { useState } from "react";
+import { AudioUploadError } from "./AudioUploadError";
+import { AudioUploadLabel } from "./AudioUploadLabel";
+import { HasFileContent } from "./HasFileContent";
+import { NoFileContent } from "./NoFileContent";
+import "./styles.css";
+function AudioUpload(props) {
+    const { name, label, fileName = "file", method = "POST", onUpload, fileResponseName = "url", selectAudioButtonText = "Selecionar arquivo de áudio", dropAudioText = "Ou arraste e solte um arquivo de áudio aqui", changeAudioButtonText = "Trocar arquivo de áudio", acceptAudio = "audio/*", action, defaultValue = "", showAsterisk = false, disabled = false, } = props;
+    const fieldErrors = useFieldErrors();
+    const fieldError = fieldErrors[name];
+    const [value, setValue] = useState(defaultValue);
+    const [error, setError] = useState("");
+    const [file, setFile] = useState(null);
+    const [filePath, setFilePath] = useState(defaultValue);
+    const [isLoading, setIsLoading] = useState(false);
+    async function handleUploadAudio(file) {
+        if (disabled)
+            return;
+        setIsLoading(true);
+        setFile(file);
+        setError("");
+        const formData = new FormData();
+        formData.append(fileName, file);
+        await fetch(action, { method: method, body: formData })
+            .then(async (response) => await response.json())
+            .then((response) => {
+            if (!!response?.error)
+                setError(response.error);
+            else
+                setValue(response?.[fileResponseName]);
+            onUpload && onUpload(response?.[fileResponseName]);
+        })
+            .catch((error) => {
+            console.error(error);
+            setError("Erro ao enviar audio");
+        })
+            .finally(() => setIsLoading(false));
+    }
+    function handleSelectFile(file) {
+        if (disabled)
+            return;
+        console.log(file.type);
+        if (file.type.indexOf("audio") === -1) {
+            setError("O arquivo selecionado não é um arquivo de áudio");
+            return;
+        }
+        setFilePath(URL.createObjectURL(file));
+        handleUploadAudio(file);
+    }
+    const errorMessage = fieldError || error;
+    const hasErrorClassName = errorMessage ? "hasError" : "noHasError";
+    const hasImageClassName = filePath ? "hasAudio" : "noHasAudio";
+    const className = `arkynAudioUpload ${hasErrorClassName} ${hasImageClassName}`;
+    return (_jsxs("div", { className: "arkynAudioUploadContainer", children: [label && _jsx(AudioUploadLabel, { label: label, showAsterisk: showAsterisk }), _jsxs("div", { className: className, children: [_jsx("input", { type: "hidden", name: name, value: value || "" }), !filePath && (_jsx(NoFileContent, { disabled: disabled, isLoading: isLoading, acceptAudio: acceptAudio, dropAudioText: dropAudioText, handleSelectFile: handleSelectFile, selectAudioButtonText: selectAudioButtonText })), filePath && (_jsx(HasFileContent, { filePath: filePath, acceptAudio: acceptAudio, changeAudioButtonText: changeAudioButtonText, disabled: disabled, handleSelectFile: handleSelectFile, isLoading: isLoading, reSendAudio: !!errorMessage && file ? () => handleUploadAudio(file) : undefined }))] }), errorMessage && _jsx(AudioUploadError, { error: errorMessage })] }));
+}
+export { AudioUpload };

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

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

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

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

package/dist/components/Badge/index.js

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { GenerateIcon } from "../../services";
+import "./styles.css";
+function Badge(args) {
+    const { variant = "ghost", scheme = "primary", size = "md", leftIcon, rightIcon, className: baseClassName = "", children, ...rest } = args;
+    const iconSizes = { md: 12, lg: 14 };
+    const iconSize = iconSizes[size];
+    const className = `arkynBadge ${variant} ${scheme} ${size} ${baseClassName}`;
+    return (_jsxs("div", { className: className.trim(), ...rest, children: [GenerateIcon(iconSize, leftIcon), children, GenerateIcon(iconSize, rightIcon)] }));
+}
+export { Badge };

package/dist/components/Breadcrumb/BreadcrumbContainer/index.d.ts

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

package/dist/components/Breadcrumb/BreadcrumbContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,cAAc,CAAC;AAEtB,iBAAS,mBAAmB,CAAC,IAAI,EAAE,wBAAwB,2CAK1D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbContainer/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function BreadcrumbContainer(args) {
+    const { className: baseClassName = "", ...rest } = args;
+    const className = `arkynBreadcrumbContainer ${baseClassName}`;
+    return _jsx("nav", { className: className, ...rest });
+}
+export { BreadcrumbContainer };

package/dist/components/Breadcrumb/BreadcrumbLink/index.d.ts

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

package/dist/components/Breadcrumb/BreadcrumbLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,cAAc,CAAC;AAEtB,iBAAS,cAAc,CAAC,IAAI,EAAE,mBAAmB,2CA6BhD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbLink/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocation, Link } from "@remix-run/react";
+import { ChevronRight } from "lucide-react";
+import "./styles.css";
+function BreadcrumbLink(args) {
+    const { pathname } = useLocation();
+    const { className: baseClassName = "", disabled = false, children, to, ...rest } = args;
+    const active = pathname === to ? "active" : "inactive";
+    const className = `arkynBreadcrumbLink ${active} ${baseClassName}`;
+    if (disabled) {
+        return (_jsxs("p", { className: className, children: [_jsx(ChevronRight, { size: 14, strokeWidth: 2.5 }), children] }));
+    }
+    return (_jsxs(Link, { to: to, className: className, ...rest, children: [_jsx(ChevronRight, { size: 14, strokeWidth: 2.5 }), children] }));
+}
+export { BreadcrumbLink };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Breadcrumb/index.js

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

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

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

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

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

package/dist/components/Button/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { GenerateIcon } from "../../services";
+import "./styles.css";
+function Button(args) {
+    const { isLoading = false, scheme = "primary", variant = "solid", loadingText, size = "md", leftIcon, rightIcon, disabled, className: baseClassName = "", children, ...rest } = args;
+    const iconSizes = { xs: 12, sm: 16, md: 20, lg: 24 };
+    const iconSize = iconSizes[size];
+    const loadingClass = isLoading ? "loadingTrue" : "loadingFalse";
+    const loadingTextClass = !!loadingText
+        ? "loadingTextTrue"
+        : "loadingTextFalse";
+    const className = `arkynButton ${loadingClass} ${variant} ${scheme} ${size} ${loadingTextClass} ${baseClassName}`;
+    return (_jsxs("button", { className: className, disabled: disabled || isLoading, ...rest, children: [_jsxs("div", { className: "arkynButtonSpinner", children: [_jsx(Loader2, { size: iconSize, strokeWidth: 2.5 }), loadingText && loadingText] }), _jsxs("div", { className: "arkynButtonContent", children: [GenerateIcon(iconSize, leftIcon), children, GenerateIcon(iconSize, rightIcon)] })] }));
+}
+export { Button };

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

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

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

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

package/dist/components/Card/index.js

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

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

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

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

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

package/dist/components/Checkbox/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { useState } from "react";
+import { useFormController } from "../Form/FormController";
+import "./styles.css";
+function Checkbox(props) {
+    const { name, className: baseClassName = "", size = "md", isError: defaultIsError, defaultChecked = false, checked: baseChecked = null, onCheck, value, ...rest } = props;
+    const { id, inputRef, error } = useFormController();
+    const isError = defaultIsError || !!error;
+    const [isChecked, setIsChecked] = useState(defaultChecked || false);
+    const currentChecked = typeof baseChecked === "boolean" ? baseChecked : isChecked;
+    const errorClass = isError ? "errorTrue" : "errorFalse";
+    const currentCheckedClass = currentChecked ? "checkedTrue" : "checkedFalse";
+    const className = `arkynCheckbox ${size} ${errorClass} ${currentCheckedClass} ${baseClassName}`;
+    function handleCheck() {
+        const defaultChecked = isChecked;
+        setIsChecked(!defaultChecked);
+        onCheck && onCheck(!defaultChecked ? value || "checked" : "");
+    }
+    return (_jsxs("button", { id: id, type: "button", className: className, onClick: handleCheck, ...rest, children: [_jsx("input", { type: "hidden", name: name, ref: inputRef, value: currentChecked ? value || "checked" : "" }), _jsx(Check, {})] }));
+}
+export { Checkbox };

package/dist/components/ClientOnly.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    children(): React.ReactNode;
+    fallback?: React.ReactNode;
+};
+export declare function ClientOnly({ children, fallback }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ClientOnly.d.ts.map

package/dist/components/ClientOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientOnly.d.ts","sourceRoot":"","sources":["../../src/components/ClientOnly.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAe,EAAE,EAAE,KAAK,2CAE9D"}

package/dist/components/ClientOnly.js

@@ -0,0 +1,5 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useHydrated } from "../hooks/useHydrated";
+export function ClientOnly({ children, fallback = null }) {
+    return useHydrated() ? _jsx(_Fragment, { children: children() }) : _jsx(_Fragment, { children: fallback });
+}

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

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

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

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