@arkyn/components 3.0.1-beta.5 → 3.0.1-beta.50

package/dist/components/drawer/drawerHeader/index.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useDrawer } from "../drawerContext";
+import "./styles.css";
+/**
+ * DrawerHeader component - header section for drawer with optional close button
+ *
+ * @param props - DrawerHeader component properties
+ * @param props.showCloseButton - Shows close button in header. Default: true
+ *
+ * **...Other valid HTML properties for header element**
+ *
+ * @returns DrawerHeader JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic drawer header with close button
+ * <DrawerHeader>
+ *   <h2>Menu</h2>
+ * </DrawerHeader>
+ *
+ * // Header without close button
+ * <DrawerHeader showCloseButton={false}>
+ *   <h2>Settings</h2>
+ * </DrawerHeader>
+ *
+ * // Complete drawer example
+ * <DrawerContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)}>
+ *   <DrawerHeader>
+ *     <h2>Navigation</h2>
+ *     <p>Welcome to our app</p>
+ *   </DrawerHeader>
+ *
+ *   <div className="drawer-content">
+ *     <nav>
+ *       <a href="/home">Home</a>
+ *       <a href="/about">About</a>
+ *       <a href="/contact">Contact</a>
+ *     </nav>
+ *   </div>
+ * </DrawerContainer>
+ *
+ * // Custom styled header
+ * <DrawerHeader className="custom-header">
+ *   <div className="header-content">
+ *     <img src="/logo.png" alt="Logo" />
+ *     <h1>My App</h1>
+ *   </div>
+ * </DrawerHeader>
+ * ```
+ */
+function DrawerHeader(props) {
+    const { showCloseButton = true, className: baseClassName, children, ...rest } = props;
+    const { makeInvisible } = useDrawer();
+    const className = `arkynDrawerHeader ${baseClassName}`;
+    return (_jsxs("header", { className: className.trim(), ...rest, children: [children, showCloseButton && (_jsx("button", { className: "arkynDrawerHeaderCloseButton", type: "button", onClick: makeInvisible, "aria-label": "Close drawer", children: _jsx(X, { size: 24 }) }))] }));
+}
+export { DrawerHeader };

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

@@ -0,0 +1,29 @@
+import { HTMLAttributes } from "react";
+import "./styles.css";
+type FieldErrorProps = HTMLAttributes<HTMLElement>;
+/**
+ * FieldError component - used to display error messages for form fields
+ *
+ * @param props - FieldError component properties
+ *
+ * **...Other valid HTML properties for strong element**
+ *
+ * @returns FieldError JSX element or empty fragment if no children
+ *
+ * @example
+ * ```tsx
+ * // Basic field error
+ * <FieldError>This field is required</FieldError>
+ *
+ * // Field error with custom styling
+ * <FieldError className="custom-error">
+ *  Invalid email format
+ * </FieldError>
+ *
+ * // Conditional field error
+ * {error && <FieldError>{error}</FieldError>}
+ * ```
+ */
+declare function FieldError(props: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
+export { FieldError };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAWzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/fieldError/index.js

@@ -0,0 +1,33 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+/**
+ * FieldError component - used to display error messages for form fields
+ *
+ * @param props - FieldError component properties
+ *
+ * **...Other valid HTML properties for strong element**
+ *
+ * @returns FieldError JSX element or empty fragment if no children
+ *
+ * @example
+ * ```tsx
+ * // Basic field error
+ * <FieldError>This field is required</FieldError>
+ *
+ * // Field error with custom styling
+ * <FieldError className="custom-error">
+ *  Invalid email format
+ * </FieldError>
+ *
+ * // Conditional field error
+ * {error && <FieldError>{error}</FieldError>}
+ * ```
+ */
+function FieldError(props) {
+    const { children, className: baseClassName, ...rest } = props;
+    const className = `arkynFieldError ${baseClassName}`;
+    if (!children)
+        return _jsx(_Fragment, {});
+    return (_jsx("strong", { className: className.trim(), ...rest, children: children }));
+}
+export { FieldError };

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

@@ -0,0 +1,38 @@
+import { LabelHTMLAttributes } from "react";
+import "./styles.css";
+type FieldLabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
+    showAsterisk?: boolean;
+};
+/**
+ * FieldLabel component - used to display labels for form fields with optional required indicator
+ *
+ * @param props - FieldLabel component properties
+ * @param props.showAsterisk - Whether to display an asterisk (*) to indicate required field. Default: false
+ *
+ * **...Other valid HTML properties for label element**
+ *
+ * @returns FieldLabel JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic field label
+ * <FieldLabel htmlFor="username">Username</FieldLabel>
+ *
+ * // Required field label with asterisk
+ * <FieldLabel htmlFor="email" showAsterisk>
+ *   Email Address
+ * </FieldLabel>
+ *
+ * // Label with custom styling
+ * <FieldLabel
+ *   htmlFor="password"
+ *   className="custom-label"
+ *   showAsterisk
+ * >
+ *   Password
+ * </FieldLabel>
+ * ```
+ */
+declare function FieldLabel(props: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+export { FieldLabel };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAWzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/fieldLabel/index.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+/**
+ * FieldLabel component - used to display labels for form fields with optional required indicator
+ *
+ * @param props - FieldLabel component properties
+ * @param props.showAsterisk - Whether to display an asterisk (*) to indicate required field. Default: false
+ *
+ * **...Other valid HTML properties for label element**
+ *
+ * @returns FieldLabel JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic field label
+ * <FieldLabel htmlFor="username">Username</FieldLabel>
+ *
+ * // Required field label with asterisk
+ * <FieldLabel htmlFor="email" showAsterisk>
+ *   Email Address
+ * </FieldLabel>
+ *
+ * // Label with custom styling
+ * <FieldLabel
+ *   htmlFor="password"
+ *   className="custom-label"
+ *   showAsterisk
+ * >
+ *   Password
+ * </FieldLabel>
+ * ```
+ */
+function FieldLabel(props) {
+    const { showAsterisk = false, className: baseClassName = "", ...rest } = props;
+    const show = showAsterisk ? "asteriskTrue" : "asteriskFalse";
+    const className = `arkynFieldLabel ${show} ${baseClassName}`;
+    return _jsx("label", { className: className.trim(), ...rest });
+}
+export { FieldLabel };

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

@@ -0,0 +1,43 @@
+import { HTMLAttributes, ReactNode } from "react";
+import "./styles.css";
+type FieldWrapperProps = HTMLAttributes<HTMLElement> & {
+    children: ReactNode;
+    orientation?: "vertical" | "horizontal" | "horizontalReverse";
+};
+/**
+ * FieldWrapper component - used as a container wrapper for a single form field and its related elements
+ *
+ * @param props - FieldWrapper component properties
+ * @param props.children - React elements that compose a single field (label, input, error message, etc.)
+ * @param props.orientation - Orientation of the field wrapper. Default: "vertical"
+ *
+ * **...Other valid HTML properties for section element**
+ *
+ * @returns FieldWrapper JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic field container
+ * <FieldWrapper>
+ *   <FieldLabel>Username</FieldLabel>
+ *   <Input name="username" />
+ *   <FieldError>This field is required</FieldError>
+ * </FieldWrapper>
+ *
+ * // Field container with custom styling
+ * <FieldWrapper className="custom-spacing">
+ *   <FieldLabel>Email</FieldLabel>
+ *   <Input name="email" type="email" />
+ * </FieldWrapper>
+ *
+ * // Complete field with all elements
+ * <FieldWrapper>
+ *   <FieldLabel showAsterisk>Password</FieldLabel>
+ *   <Input name="password" type="password" />
+ *   <FieldError>Password must be at least 8 characters</FieldError>
+ * </FieldWrapper>
+ * ```
+ */
+declare function FieldWrapper(props: FieldWrapperProps): import("react/jsx-runtime").JSX.Element;
+export { FieldWrapper };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,mBAAmB,CAAC;CAC/D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAe7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/fieldWrapper/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+/**
+ * FieldWrapper component - used as a container wrapper for a single form field and its related elements
+ *
+ * @param props - FieldWrapper component properties
+ * @param props.children - React elements that compose a single field (label, input, error message, etc.)
+ * @param props.orientation - Orientation of the field wrapper. Default: "vertical"
+ *
+ * **...Other valid HTML properties for section element**
+ *
+ * @returns FieldWrapper JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic field container
+ * <FieldWrapper>
+ *   <FieldLabel>Username</FieldLabel>
+ *   <Input name="username" />
+ *   <FieldError>This field is required</FieldError>
+ * </FieldWrapper>
+ *
+ * // Field container with custom styling
+ * <FieldWrapper className="custom-spacing">
+ *   <FieldLabel>Email</FieldLabel>
+ *   <Input name="email" type="email" />
+ * </FieldWrapper>
+ *
+ * // Complete field with all elements
+ * <FieldWrapper>
+ *   <FieldLabel showAsterisk>Password</FieldLabel>
+ *   <Input name="password" type="password" />
+ *   <FieldError>Password must be at least 8 characters</FieldError>
+ * </FieldWrapper>
+ * ```
+ */
+function FieldWrapper(props) {
+    const { children, className: baseClassName, orientation = "vertical", ...rest } = props;
+    const className = `arkynFieldWrapper ${baseClassName} ${orientation}`;
+    return (_jsx("section", { className: className.trim(), ...rest, children: children }));
+}
+export { FieldWrapper };

package/dist/components/fileUpload/hasFileContent/index.d.ts

@@ -0,0 +1,13 @@
+import "./styles.css";
+type HasFileContentProps = {
+    disabled: boolean;
+    acceptFile: string;
+    isLoading: boolean;
+    changeFileButtonText: string;
+    file: File;
+    reSendFile?: () => void;
+    handleSelectFile: (file: File) => void;
+};
+declare function HasFileContent(props: HasFileContentProps): import("react/jsx-runtime").JSX.Element;
+export { HasFileContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fileUpload/hasFileContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/fileUpload/hasFileContent/index.tsx"],"names":[],"mappings":"AAaA,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAyEjD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/{FileUpload/HasFileContent → fileUpload/hasFileContent}/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { File, FileArchive, FileAudio, FileImage, RefreshCw, } from "lucide-react";
-import { Button } from "../../Button";
-import { Divider } from "../../Divider";
-import { IconButton } from "../../IconButton";
-import { Tooltip } from "../../Tooltip";
+import { Button } from "../../button";
+import { Divider } from "../../divider";
+import { IconButton } from "../../iconButton";
+import { Tooltip } from "../../tooltip";
 import "./styles.css";
 function HasFileContent(props) {
     const { disabled, file, isLoading, acceptFile, changeFileButtonText, handleSelectFile, reSendFile, } = props;

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

@@ -0,0 +1,94 @@
+import "./styles.css";
+type FileUploadProps = {
+    name: string;
+    action: string;
+    disabled?: boolean;
+    label?: string;
+    showAsterisk?: boolean;
+    changeFileButtonText?: string;
+    selectFileButtonText?: string;
+    dropFileText?: string;
+    method?: string;
+    fileName?: string;
+    fileResponseName?: string;
+    acceptFile?: string;
+    onChange?: (url?: string) => void;
+};
+/**
+ * FileUpload component - used for uploading files with drag and drop functionality
+ *
+ * @param props - FileUpload component properties
+ * @param props.name - Required field name for form handling
+ * @param props.action - Required endpoint URL where the file will be uploaded
+ * @param props.disabled - Whether the file upload is disabled. Default: false
+ * @param props.label - Optional label text to display above the file upload area
+ * @param props.showAsterisk - Whether to show asterisk on label for required fields. Default: false
+ * @param props.changeFileButtonText - Text for the button to change/replace an uploaded file. Default: "Alterar arquivo"
+ * @param props.selectFileButtonText - Text for the button to select a file. Default: "Selecionar arquivo"
+ * @param props.dropFileText - Text displayed in the drop zone area. Default: "Ou arraste e solte o arquivo aqui"
+ * @param props.method - HTTP method for the upload request. Default: "POST"
+ * @param props.fileName - Form data field name for the file. Default: "file"
+ * @param props.fileResponseName - Property name in the response object containing the file URL. Default: "url"
+ * @param props.acceptFile - File types accepted by the input (e.g., "image/*", ".pdf"). Default: "*"
+ * @param props.onChange - Callback function called when file upload completes successfully, receives the file URL
+ *
+ * @returns FileUpload JSX element wrapped in FieldGroup with optional label and error handling
+ *
+ * @example
+ * ```tsx
+ * // Basic file upload
+ * <FileUpload
+ *   name="document"
+ *   action="/api/upload"
+ * />
+ *
+ * // File upload with label and custom text
+ * <FileUpload
+ *   name="avatar"
+ *   action="/api/upload/avatar"
+ *   label="Profile Picture"
+ *   showAsterisk
+ *   selectFileButtonText="Choose Image"
+ *   changeFileButtonText="Change Image"
+ *   dropFileText="Drop your image here"
+ * />
+ *
+ * // File upload with restrictions and callback
+ * <FileUpload
+ *   name="pdf"
+ *   action="/api/upload/document"
+ *   label="Upload PDF Document"
+ *   acceptFile=".pdf"
+ *   fileName="document"
+ *   fileResponseName="documentUrl"
+ *   onChange={(url) => console.log('File uploaded:', url)}
+ * />
+ *
+ * // Disabled file upload
+ * <FileUpload
+ *   name="attachment"
+ *   action="/api/upload"
+ *   label="Attachment"
+ *   disabled
+ * />
+ *
+ * // File upload with custom HTTP method and response handling
+ * <FileUpload
+ *   name="file"
+ *   action="/api/files"
+ *   method="PUT"
+ *   fileName="uploadedFile"
+ *   fileResponseName="fileUrl"
+ *   label="Custom Upload"
+ *   onChange={(url) => {
+ *     if (url) {
+ *       setFileUrl(url);
+ *       console.log('Upload successful:', url);
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+declare function FileUpload(props: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export { FileUpload };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/index.tsx"],"names":[],"mappings":"AASA,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAgGzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/fileUpload/index.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useForm } from "../../hooks/useForm";
+import { FieldError } from "../fieldError";
+import { FieldLabel } from "../fieldLabel";
+import { FieldWrapper } from "../fieldWrapper";
+import { HasFileContent } from "./hasFileContent";
+import { NoFileContent } from "./noFileContent";
+import "./styles.css";
+/**
+ * FileUpload component - used for uploading files with drag and drop functionality
+ *
+ * @param props - FileUpload component properties
+ * @param props.name - Required field name for form handling
+ * @param props.action - Required endpoint URL where the file will be uploaded
+ * @param props.disabled - Whether the file upload is disabled. Default: false
+ * @param props.label - Optional label text to display above the file upload area
+ * @param props.showAsterisk - Whether to show asterisk on label for required fields. Default: false
+ * @param props.changeFileButtonText - Text for the button to change/replace an uploaded file. Default: "Alterar arquivo"
+ * @param props.selectFileButtonText - Text for the button to select a file. Default: "Selecionar arquivo"
+ * @param props.dropFileText - Text displayed in the drop zone area. Default: "Ou arraste e solte o arquivo aqui"
+ * @param props.method - HTTP method for the upload request. Default: "POST"
+ * @param props.fileName - Form data field name for the file. Default: "file"
+ * @param props.fileResponseName - Property name in the response object containing the file URL. Default: "url"
+ * @param props.acceptFile - File types accepted by the input (e.g., "image/*", ".pdf"). Default: "*"
+ * @param props.onChange - Callback function called when file upload completes successfully, receives the file URL
+ *
+ * @returns FileUpload JSX element wrapped in FieldGroup with optional label and error handling
+ *
+ * @example
+ * ```tsx
+ * // Basic file upload
+ * <FileUpload
+ *   name="document"
+ *   action="/api/upload"
+ * />
+ *
+ * // File upload with label and custom text
+ * <FileUpload
+ *   name="avatar"
+ *   action="/api/upload/avatar"
+ *   label="Profile Picture"
+ *   showAsterisk
+ *   selectFileButtonText="Choose Image"
+ *   changeFileButtonText="Change Image"
+ *   dropFileText="Drop your image here"
+ * />
+ *
+ * // File upload with restrictions and callback
+ * <FileUpload
+ *   name="pdf"
+ *   action="/api/upload/document"
+ *   label="Upload PDF Document"
+ *   acceptFile=".pdf"
+ *   fileName="document"
+ *   fileResponseName="documentUrl"
+ *   onChange={(url) => console.log('File uploaded:', url)}
+ * />
+ *
+ * // Disabled file upload
+ * <FileUpload
+ *   name="attachment"
+ *   action="/api/upload"
+ *   label="Attachment"
+ *   disabled
+ * />
+ *
+ * // File upload with custom HTTP method and response handling
+ * <FileUpload
+ *   name="file"
+ *   action="/api/files"
+ *   method="PUT"
+ *   fileName="uploadedFile"
+ *   fileResponseName="fileUrl"
+ *   label="Custom Upload"
+ *   onChange={(url) => {
+ *     if (url) {
+ *       setFileUrl(url);
+ *       console.log('Upload successful:', url);
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+function FileUpload(props) {
+    const { name, label, showAsterisk = false, action, fileName = "file", method = "POST", acceptFile = "*", fileResponseName = "url", changeFileButtonText = "Alterar arquivo", selectFileButtonText = "Selecionar arquivo", dropFileText = "Ou arraste e solte o arquivo aqui", onChange, disabled = false, } = props;
+    const { fieldErrors } = useForm();
+    const fieldError = fieldErrors?.[name];
+    const [value, setValue] = useState("");
+    const [error, setError] = useState("");
+    const [file, setFile] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    async function handleUploadFile(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]);
+            onChange && onChange(response?.[fileResponseName]);
+        })
+            .catch((error) => {
+            console.error(error);
+            setError("Erro ao enviar o arquivo");
+        })
+            .finally(() => setIsLoading(false));
+    }
+    function handleSelectFile(file) {
+        if (disabled)
+            return;
+        handleUploadFile(file);
+    }
+    const errorMessage = fieldError || error;
+    const hasErrorClassName = errorMessage ? "hasError" : "noHasError";
+    const hasFileClassName = file ? "hasFile" : "noHasFile";
+    const className = `arkynFileUpload ${hasErrorClassName} ${hasFileClassName}`;
+    return (_jsxs(FieldWrapper, { children: [label && _jsx(FieldLabel, { showAsterisk: showAsterisk, children: label }), _jsxs("div", { className: className, children: [_jsx("input", { type: "hidden", name: name, value: value || "" }), !file && (_jsx(NoFileContent, { disabled: disabled, isLoading: isLoading, acceptFile: acceptFile, dropFileText: dropFileText, handleSelectFile: handleSelectFile, selectFileButtonText: selectFileButtonText })), file && (_jsx(HasFileContent, { disabled: disabled, isLoading: isLoading, acceptFile: acceptFile, file: file, handleSelectFile: handleSelectFile, changeFileButtonText: changeFileButtonText, reSendFile: !!errorMessage && file ? () => handleUploadFile(file) : undefined }))] }), errorMessage && _jsx(FieldError, { children: errorMessage })] }));
+}
+export { FileUpload };

package/dist/components/fileUpload/noFileContent/index.d.ts

@@ -0,0 +1,12 @@
+import "./styles.css";
+type NoFileContentProps = {
+    disabled: boolean;
+    acceptFile: string;
+    isLoading: boolean;
+    selectFileButtonText: string;
+    dropFileText: string;
+    handleSelectFile: (file: File) => void;
+};
+declare function NoFileContent(props: NoFileContentProps): import("react/jsx-runtime").JSX.Element;
+export { NoFileContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fileUpload/noFileContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/fileUpload/noFileContent/index.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAkD/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/{FileUpload/NoFileContent → fileUpload/noFileContent}/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../Button";
+import { Button } from "../../button";
 import "./styles.css";
 function NoFileContent(props) {
     const { dropFileText, isLoading, acceptFile, handleSelectFile, selectFileButtonText, disabled, } = props;

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

@@ -0,0 +1,44 @@
+import { LucideIcon } from "lucide-react";
+import { ButtonHTMLAttributes } from "react";
+import "./styles.css";
+type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "aria-label"> & {
+    icon: LucideIcon;
+    "aria-label": string;
+    isLoading?: boolean;
+    size?: "xs" | "sm" | "md" | "lg";
+    variant?: "solid" | "outline" | "ghost" | "invisible";
+    scheme?: "primary" | "success" | "warning" | "danger" | "info";
+};
+/**
+ * IconButton component - compact button that renders only an icon
+ *
+ * @param props - IconButton component properties
+ * @param props.icon - Icon to render inside the button (LucideIcon). Required
+ * @param props.aria-label - Accessible label for screen readers. Required
+ * @param props.isLoading - Controls loading state with spinner. Default: false
+ * @param props.size - Button size. Default: "md"
+ * @param props.variant - Visual variant of the button. Default: "solid"
+ * @param props.scheme - Button color scheme. Default: "primary"
+ *
+ * **...Other valid HTML properties for button element (children not supported)**
+ *
+ * @returns IconButton JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic icon button
+ * <IconButton icon={Plus} aria-label="Add" />
+ *
+ * // Different color scheme and variant
+ * <IconButton icon={Trash2} aria-label="Delete" scheme="danger" variant="outline" />
+ *
+ * // Loading state
+ * <IconButton icon={Save} aria-label="Saving" isLoading />
+ *
+ * // Sizes
+ * <IconButton icon={MoreVertical} aria-label="More options" size="sm" />
+ * ```
+ */
+declare function IconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export { IconButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/iconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,IAAI,CACzB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,YAAY,CAC1B,GAAG;IACF,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IACtD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CAChE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CA+BzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}