@arkyn/components 3.0.1-beta.4 → 3.0.1-beta.40

package/package.json

@@ -1,42 +1,59 @@
 {
   "name": "@arkyn/components",
-  "version": "3.0.1-beta.4",
+  "version": "3.0.1-beta.40",
   "main": "./dist/bundle.js",
+  "module": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
-  "author": "Lucas Gonçalves",
   "type": "module",
   "private": false,
+  "license": "Apache-2.0",
+  "author": "Arkyn | Lucas Gonçalves",
+  "description": "A modern React component library, featuring 40+ UI components, smooth animations, custom hooks, and TypeScript support.",
+  "keywords": [
+    "react",
+    "remix",
+    "components",
+    "ui",
+    "typescript",
+    "framer-motion",
+    "hooks",
+    "forms",
+    "design-system"
+  ],
+  "homepage": "https://docs.arkyn.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Lucas-Eduardo-Goncalves/arkyn.git",
+    "directory": "packages/components"
+  },
   "scripts": {
+    "dev": "bunx vite --config documentation/vite.config.ts",
     "build": "bunx vite build && tsc",
     "typecheck": "bunx tsc --project tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@react-google-maps/api": "^2.20.6",
+    "@react-google-maps/api": "^2.20.7",
     "@react-input/mask": "^1.2.15",
-    "@vitejs/plugin-react": "^4.4.1",
     "framer-motion": "^11.18.2",
     "html-react-parser": "^5.2.2",
-    "is-hotkey": "^0.2.0",
-    "lucide-react": "^0.424.0",
-    "react-hot-toast": "^2.5.2",
-    "react-scroll": "^1.9.3",
+    "react-hot-toast": "^2.6.0",
     "slate": "^0.103.0",
     "slate-history": "^0.109.0",
     "slate-react": "^0.110.3"
   },
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "react-router": ">=7.6.0"
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "lucide-react": ">=0.424.0"
   },
   "devDependencies": {
-    "@arkyn/types": "^2.2.3",
     "@types/is-hotkey": "^0.1.10",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-scroll": "^1.8.10",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.7.0",
     "bun-types": "latest",
-    "typescript": "^5.8.2",
-    "vite": "^5.4.15"
+    "globals": "^15.15.0",
+    "typescript": "^5.9.2",
+    "vite": "^5.4.19"
   }
 }

package/base-variables.css

@@ -1,47 +0,0 @@
-:root {
-  /* Border Rounded */
-  --rounded-inputs: 6px;
-  --rounded-cards: 8px;
-
-  /* Background */
-  --background: #f1f5f9;
-  --background-foreground: #ffffff;
-
-  /* Modal, Drawer, Popover */
-  --card: #ffffff;
-  --card-foreground-primary: #f8fafc;
-  --card-foreground-secondary: #f1f5f9;
-  --card-foreground-terceary: #e2e8f0;
-
-  /* Input, Select, Textarea, Button (outline), Icon Button (outline) */
-  --input-background: 248, 250, 252; /* #f8fafc */
-
-  /* Skeleton */
-  --skeleton: #f8fafc;
-  --skeleton-foreground: #f1f5f9;
-
-  /* Text */
-  --text-heading: #0f172a;
-  --text-body: #475569;
-  --text-muted: #94a3b8;
-
-  /* Border */
-  --border: #e2e8f0;
-
-  /* Tooltip */
-  --tooltip-text: #f1f5f9;
-  --tooltip-background: #0f172a;
-
-  /* Spotlight */
-  --spotlight-primary: 17, 109, 220; /* #116ddc */
-  --spotlight-success: 16, 185, 129; /* #10b981 */
-  --spotlight-danger: 244, 63, 94; /* #f43f5e */
-  --spotlight-info: 14, 165, 233; /* #0ea5e9 */
-  --spotlight-warning: 249, 115, 22; /* #f97316 */
-
-  /* Toast */
-  --toast-success: 16, 185, 129; /* #10B981 */
-  --toast-danger: 225, 29, 72; /* #E11D48 */
-  --toast-info: 14, 165, 233; /* #0EA5E9 */
-  --toast-warning: 251, 146, 60; /* #FB923C */
-}

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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/AlertContent/index.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pause, Play, RefreshCw } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import { Slider } from "../../Slider";
-import "./styles.css";
-import { Divider } from "../../Divider";
-import { Tooltip } from "../../Tooltip";
-import { IconButton } from "../../IconButton";
-import { Button } from "../../Button";
-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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,5 +0,0 @@
-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

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

package/dist/components/AudioUpload/index.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useFieldErrors } from "../../hooks/useFieldErrors";
-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;
-        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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLocation, Link } from "react-router";
-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

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}