@arkyn/components 1.4.8 → 1.4.10

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 imagem", 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/ImageUpload/HasFileContent/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ImageUpload/HasFileContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,OAAO,cAAc,CAAC;AAEtB,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA4DjD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ImageUpload/HasFileContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,cAAc,CAAC;AAO9D,OAAO,cAAc,CAAC;AAEtB,iBAAS,cAAc,CAAC,KAAK,EAAE,8BAA8B,2CA4D5D;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ImageUpload/NoFileContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKlD,OAAO,cAAc,CAAC;AAEtB,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAkD/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ImageUpload/NoFileContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAK7D,OAAO,cAAc,CAAC;AAEtB,iBAAS,aAAa,CAAC,KAAK,EAAE,6BAA6B,2CAkD1D;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Input/CpfCpnjInput/getConfig.d.ts

@@ -267,6 +267,7 @@ declare function getConfig(props: CpfCnpjInputProps, isFocused: boolean): {
     name: string;
     width?: number | string | undefined;
     step?: number | string | undefined;
+    src?: string | undefined;
     formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
@@ -283,7 +284,6 @@ declare function getConfig(props: CpfCnpjInputProps, isFocused: boolean): {
     pattern?: string | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
-    src?: string | undefined;
     value?: string;
     isLoading: boolean;
     className: string;

package/dist/components/Input/CurrencyInput/getConfig.d.ts

@@ -266,6 +266,7 @@ declare function getConfig(props: CurrencyInputProps, isFocused: boolean): {
     name: string;
     width?: number | string | undefined;
     step?: number | string | undefined;
+    src?: string | undefined;
     formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
@@ -282,7 +283,6 @@ declare function getConfig(props: CurrencyInputProps, isFocused: boolean): {
     pattern?: string | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
-    src?: string | undefined;
     defaultValue?: string | number | null;
     onChangeValue?: (event: import("react").ChangeEvent<HTMLInputElement>, originalValue: string, maskedValue: string) => void;
     value?: string;

package/dist/components/Input/MaskInput/getConfig.d.ts

@@ -268,6 +268,7 @@ declare function getConfig(props: MaskedInputProps, isFocused: boolean): {
     min?: number | string | undefined;
     width?: number | string | undefined;
     step?: number | string | undefined;
+    src?: string | undefined;
     formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
@@ -284,7 +285,6 @@ declare function getConfig(props: MaskedInputProps, isFocused: boolean): {
     pattern?: string | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
-    src?: string | undefined;
     mask: string;
     separate?: boolean;
     replacement?: string | import("@react-input/mask").Replacement;

package/dist/components/Input/SimpleInput/getConfig.d.ts

@@ -1,6 +1,6 @@
 import type { SimpleInputProps } from "@arkyn/types";
 declare function getConfig(props: SimpleInputProps, isFocused: boolean): {
-    type: "number" | "hidden" | "color" | "search" | "button" | "text" | "tel" | "url" | "email" | "date" | "time" | "image" | "submit" | "reset" | "datetime-local" | "file" | "month" | "password" | "range" | "week";
+    type: "number" | "hidden" | "color" | "search" | "button" | "text" | "tel" | "url" | "email" | "date" | "time" | "image" | "reset" | "submit" | "file" | "datetime-local" | "month" | "password" | "range" | "week";
     name: string;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -269,6 +269,7 @@ declare function getConfig(props: SimpleInputProps, isFocused: boolean): {
     min?: number | string | undefined;
     width?: number | string | undefined;
     step?: number | string | undefined;
+    src?: string | undefined;
     formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
@@ -285,7 +286,6 @@ declare function getConfig(props: SimpleInputProps, isFocused: boolean): {
     pattern?: string | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
-    src?: string | undefined;
     isLoading: boolean;
     className: string;
     prefix: import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/getConfig.d.ts

@@ -278,6 +278,7 @@ declare function getConfig(props: SelectProps, isFocused: boolean): {
     min?: number | string | undefined;
     width?: number | string | undefined;
     step?: number | string | undefined;
+    src?: string | undefined;
     formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
@@ -294,7 +295,6 @@ declare function getConfig(props: SelectProps, isFocused: boolean): {
     pattern?: string | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
-    src?: string | undefined;
     isLoading: boolean;
     className: string;
     prefix: import("react/jsx-runtime").JSX.Element;

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

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

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

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

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/index.d.ts

@@ -4,6 +4,7 @@ export { Card } from "./components/Card";
 export { Divider } from "./components/Divider";
 export { Skeleton } from "./components/Skeleton";
 export { TableBody, TableCaption, TableContainer, TableFooter, TableHeader, } from "./components/Table";
+export { AudioUpload } from "./components/AudioUpload";
 export { Button } from "./components/Button";
 export { Checkbox } from "./components/Checkbox";
 export { FormController, FormError, FormLabel } from "./components/Form";
@@ -14,6 +15,7 @@ export { MultiSelect } from "./components/MultiSelect";
 export { RadioBox, RadioGroup } from "./components/Radio";
 export { RichText } from "./components/RichText";
 export { Select } from "./components/Select";
+export { Slider } from "./components/Slider";
 export { Switch } from "./components/Switch";
 export { Textarea } from "./components/Textarea";
 export { BreadcrumbContainer, BreadcrumbLink } from "./components/Breadcrumb";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -6,6 +6,7 @@ export { Divider } from "./components/Divider";
 export { Skeleton } from "./components/Skeleton";
 export { TableBody, TableCaption, TableContainer, TableFooter, TableHeader, } from "./components/Table";
 // Form
+export { AudioUpload } from "./components/AudioUpload";
 export { Button } from "./components/Button";
 export { Checkbox } from "./components/Checkbox";
 export { FormController, FormError, FormLabel } from "./components/Form";
@@ -16,6 +17,7 @@ export { MultiSelect } from "./components/MultiSelect";
 export { RadioBox, RadioGroup } from "./components/Radio";
 export { RichText } from "./components/RichText";
 export { Select } from "./components/Select";
+export { Slider } from "./components/Slider";
 export { Switch } from "./components/Switch";
 export { Textarea } from "./components/Textarea";
 // Navigation