@arkyn/components 3.0.1-beta.20 → 3.0.1-beta.200

package/dist/modules/components/calendar/calendarTableHeader/index.js

@@ -0,0 +1,14 @@
+import { useCalendar as e } from "../_calendarProvider.js";
+/* empty css       */
+import { jsx as t } from "react/jsx-runtime";
+import { formatToCapitalizeFirstWordLetter as n } from "@arkyn/shared";
+//#region src/components/calendar/calendarTableHeader/index.tsx
+function r() {
+	let { listWeek: r } = e();
+	return /* @__PURE__ */ t("thead", {
+		className: "arkynCalendarTableHeader",
+		children: /* @__PURE__ */ t("tr", { children: r.map((e) => /* @__PURE__ */ t("th", { children: n(e) }, e)) })
+	});
+}
+//#endregion
+export { r as CalendarTableHeader };

package/dist/modules/components/calendar/calendarTableTd/index.js

@@ -0,0 +1,21 @@
+import { useCalendar as e } from "../_calendarProvider.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/calendar/calendarTableTd/index.tsx
+function r(r) {
+	let { day: i, month: a, year: o, dayOwner: s, dayType: c } = r, { changeDay: l } = e();
+	function u() {
+		let e = /* @__PURE__ */ new Date();
+		return i === e.getDate() && a === e.getMonth() && o === e.getFullYear();
+	}
+	return /* @__PURE__ */ t("td", {
+		onClick: () => l(i, a, o),
+		className: `arkynCalendarTableTd ${s} ${c} ${u() ? "today" : ""}`,
+		children: /* @__PURE__ */ n("div", {
+			className: "textGroup",
+			children: [/* @__PURE__ */ t("span", {}), /* @__PURE__ */ t("p", { children: i })]
+		})
+	});
+}
+//#endregion
+export { r as CalendarTableTd };

package/dist/modules/components/calendar/index.js

@@ -0,0 +1,32 @@
+import { CalendarProvider as e } from "./_calendarProvider.js";
+import { CalendarContainer as t } from "./calendarContainer/index.js";
+import { CalendarHeader as n } from "./calendarHeader/index.js";
+import { CalendarTableBody as r } from "./calendarTableBody/index.js";
+import { CalendarTableContainer as i } from "./calendarTableContainer/index.js";
+import { CalendarTableHeader as a } from "./calendarTableHeader/index.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/calendar/index.tsx
+function c(c) {
+	let l = c.variant || "complete";
+	return c.type === "range" ? /* @__PURE__ */ o(e, {
+		value: c.value,
+		viewValue: c.viewValue,
+		defaultViewValue: c.defaultViewValue,
+		defaultValue: c.defaultValue,
+		calendarType: "range",
+		onChange: c.onChange,
+		onChangeView: c.onChangeView,
+		children: /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { basicMode: l.includes("basic") }), /* @__PURE__ */ s(i, { children: [/* @__PURE__ */ o(a, {}), /* @__PURE__ */ o(r, {})] })] })
+	}) : /* @__PURE__ */ o(e, {
+		value: c.value,
+		viewValue: c.viewValue,
+		defaultViewValue: c.defaultViewValue,
+		defaultValue: c.defaultValue,
+		calendarType: "single",
+		onChange: c.onChange,
+		onChangeView: c.onChangeView,
+		children: /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { basicMode: l.includes("basic") }), /* @__PURE__ */ s(i, { children: [/* @__PURE__ */ o(a, {}), /* @__PURE__ */ o(r, {})] })] })
+	});
+}
+//#endregion
+export { c as Calendar };

package/dist/modules/components/cardTab/cardTabButton/index.js

@@ -0,0 +1,20 @@
+import { useCardTab as e } from "../cardTabContext.js";
+/* empty css       */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/cardTab/cardTabButton/index.tsx
+function n(n) {
+	let { children: r, disabled: i = !1, className: a = "", onClick: o, value: s, ...c } = n, { disabled: l, currentTab: u, changeCurrentTab: d } = e(), f = l || i, p = `arkynCardTabButton ${f ? "isDisabled" : ""} ${u === s && s ? "isActive" : ""} ${a}`;
+	function m(e) {
+		d(s), o?.(e);
+	}
+	return /* @__PURE__ */ t("button", {
+		onClick: m,
+		className: p.trim(),
+		...c,
+		disabled: f,
+		type: "button",
+		children: r
+	});
+}
+//#endregion
+export { n as CardTabButton };

package/dist/modules/components/cardTab/cardTabContainer/index.js

@@ -0,0 +1,23 @@
+import { CardTabProvider as e } from "../cardTabContext.js";
+/* empty css       */
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/cardTab/cardTabContainer/index.tsx
+function r(r) {
+	let { children: i, onChange: a, defaultValue: o, disabled: s = !1, className: c, ...l } = r, [u, d] = t(o || ""), f = `arkynCardTabContainer ${c || ""}`;
+	function p(e) {
+		d(e), a && a(e);
+	}
+	return /* @__PURE__ */ n(e, {
+		disabled: s,
+		currentTab: u,
+		changeCurrentTab: p,
+		children: /* @__PURE__ */ n("nav", {
+			className: f.trim(),
+			...l,
+			children: i
+		})
+	});
+}
+//#endregion
+export { r as CardTabContainer };

package/dist/modules/components/cardTab/cardTabContext.js

@@ -0,0 +1,15 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/cardTab/cardTabContext.tsx
+var r = e({});
+function i() {
+	return t(r);
+}
+function a(e) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: e,
+		children: e.children
+	});
+}
+//#endregion
+export { a as CardTabProvider, i as useCardTab };

package/dist/modules/components/checkbox/index.js

@@ -0,0 +1,38 @@
+import { useForm as e } from "../../hooks/useForm.js";
+import { FieldTemplate as t } from "../../services/fieldTemplate.js";
+/* empty css       */
+import { useId as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Check as s } from "lucide-react";
+//#region src/components/checkbox/index.tsx
+function c(c) {
+	let { id: l, name: u, className: d = "", size: f = "md", errorMessage: p, defaultChecked: m = !1, label: h, checked: g = null, onCheck: _, orientation: v = "horizontalReverse", showAsterisk: y, unShowFieldTemplate: b, value: x, ...S } = c, { fieldErrors: C } = e(), w = r(null), T = n(), E = l || T, D = p || C?.[u], O = !!D, [k, A] = i(m || !1), j = typeof g == "boolean" ? g : k, M = `arkynCheckbox ${f} ${O ? "errorTrue" : "errorFalse"} ${j ? "checkedTrue" : "checkedFalse"}`;
+	function N() {
+		let e = k;
+		A(!e), _?.(e ? "" : x || "checked");
+	}
+	return /* @__PURE__ */ a(t, {
+		name: u,
+		label: h,
+		showAsterisk: y,
+		className: d,
+		errorMessage: D,
+		unShowFieldTemplate: b,
+		orientation: v,
+		children: /* @__PURE__ */ o("button", {
+			id: E,
+			type: "button",
+			className: M,
+			onClick: N,
+			...S,
+			children: [/* @__PURE__ */ a("input", {
+				type: "hidden",
+				name: u,
+				ref: w,
+				value: j ? x || "checked" : ""
+			}), /* @__PURE__ */ a(s, {})]
+		})
+	});
+}
+//#endregion
+export { c as Checkbox };

package/dist/modules/components/clientOnly.js

@@ -0,0 +1,8 @@
+import { useHydrated as e } from "../hooks/useHydrated.js";
+//#region src/components/clientOnly.tsx
+function t(t) {
+	let { children: n, fallback: r = null } = t;
+	return e() ? n() : r;
+}
+//#endregion
+export { t as ClientOnly };

package/dist/modules/components/currencyInput/index.js

@@ -0,0 +1,112 @@
+import { useForm as e } from "../../hooks/useForm.js";
+import { IconRenderer as t } from "../../services/iconRenderer.js";
+import { FieldTemplate as n } from "../../services/fieldTemplate.js";
+import { maskCurrencyValues as r, normalizeValue as i } from "../../services/maskCurrencyValues.js";
+/* empty css      */
+import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Loader2 as d } from "lucide-react";
+//#region src/components/currencyInput/index.tsx
+function f(f) {
+	let { name: p, disabled: m, title: h, style: g, variant: _ = "solid", label: v, className: y = "", value: b, defaultValue: x, max: S = 1e9, locale: C, onChange: w, prefix: T, suffix: E, isLoading: D = !1, leftIcon: O, readOnly: k, onFocus: A, onBlur: j, errorMessage: M, unShowFieldTemplate: N, orientation: P, showAsterisk: F, rightIcon: I, size: L = "md", id: R, ...z } = f, { fieldErrors: B } = e(), [V, H] = c(!1), [U, W] = c("0"), G = s(null), K = o(), q = R || K, J = M || B?.[p], Y = !!J, X = m || D, Z = {
+		md: 20,
+		lg: 20
+	}[L], Q = I ? "right" : "left", $ = Q === "left" && D, ee = Q === "right" && D;
+	function te() {
+		X || !G?.current || (H(!0), G.current.focus());
+	}
+	function ne(e) {
+		H(!0), A && A(e);
+	}
+	function re(e) {
+		H(!1), j && j(e);
+	}
+	let ie = (e) => {
+		let [t, n] = r(e, C);
+		return !S || t <= S ? (W(n), [t, n]) : r(e, C);
+	};
+	return a(() => {
+		function e() {
+			if (typeof b == "number") return b;
+			if (typeof x == "number") return x;
+		}
+		let [, t] = r(e(), C);
+		W(t);
+	}, [
+		C,
+		x,
+		b
+	]), /* @__PURE__ */ l(n, {
+		name: p,
+		label: v,
+		showAsterisk: F,
+		className: y,
+		errorMessage: J,
+		unShowFieldTemplate: N,
+		orientation: P,
+		children: /* @__PURE__ */ u("section", {
+			title: h,
+			style: g,
+			className: `arkynCurrencyInput ${T ? "hasPrefix" : ""} ${E ? "hasSuffix" : ""} ${_} ${L} ${X || k || D ? "opacity" : ""} ${Y ? "errored" : ""} ${V ? "focused" : ""}`,
+			onClick: te,
+			children: [
+				/* @__PURE__ */ l(t, {
+					iconSize: Z,
+					icon: T,
+					className: "prefix"
+				}),
+				/* @__PURE__ */ l(t, {
+					show: $,
+					iconSize: Z,
+					className: "spinner",
+					icon: d
+				}),
+				/* @__PURE__ */ l(t, {
+					show: !D,
+					icon: O,
+					iconSize: Z
+				}),
+				/* @__PURE__ */ l("input", {
+					disabled: X,
+					readOnly: k,
+					ref: G,
+					onFocus: ne,
+					onBlur: re,
+					onChange: (e) => {
+						e.preventDefault();
+						let [t, n] = ie(e.target.value);
+						w?.(e, String(t), String(n));
+					},
+					id: q,
+					placeholder: X ? U : void 0,
+					value: X ? void 0 : U,
+					...z
+				}),
+				/* @__PURE__ */ l("input", {
+					type: "hidden",
+					name: p,
+					value: i(U),
+					readOnly: !0
+				}),
+				/* @__PURE__ */ l(t, {
+					show: !D,
+					icon: I,
+					iconSize: Z
+				}),
+				/* @__PURE__ */ l(t, {
+					show: ee,
+					iconSize: Z,
+					className: "spinner",
+					icon: d
+				}),
+				/* @__PURE__ */ l(t, {
+					iconSize: Z,
+					icon: E,
+					className: "suffix"
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { f as CurrencyInput };

package/dist/modules/components/divider/index.js

@@ -0,0 +1,12 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/divider/index.tsx
+function t(t) {
+	let { className: n, orientation: r = "horizontal", ...i } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynDivider ${r} ${n}`.trim(),
+		...i
+	});
+}
+//#endregion
+export { t as Divider };

package/dist/modules/components/drawer/drawerContainer/index.js

@@ -0,0 +1,37 @@
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { DrawerProvider as t } from "../drawerContext.js";
+/* empty css       */
+import { useEffect as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/drawer/drawerContainer/index.tsx
+function o(o) {
+	let { isVisible: s, makeInvisible: c, orientation: l = "left", children: u, className: d, ...f } = o, [p, m] = r(s), [h, g] = r(!1);
+	n(() => {
+		s ? (m(!0), g(!1)) : p && g(!0);
+	}, [s, p]), e(s);
+	function _(e) {
+		e.target === e.currentTarget && h && (g(!1), m(!1), c());
+	}
+	return p ? /* @__PURE__ */ i(t, {
+		makeInvisible: () => g(!0),
+		children: /* @__PURE__ */ a("aside", {
+			className: [
+				"arkynDrawerContainer",
+				l,
+				h ? "exiting" : "",
+				d
+			].filter(Boolean).join(" "),
+			...f,
+			children: [/* @__PURE__ */ i("div", {
+				className: "arkynDrawerContainerOverlay",
+				onClick: () => g(!0),
+				onAnimationEnd: _
+			}), /* @__PURE__ */ i("div", {
+				className: "arkynDrawerContainerContent",
+				children: u
+			})]
+		})
+	}) : null;
+}
+//#endregion
+export { o as DrawerContainer };

package/dist/modules/components/drawer/drawerContext.js

@@ -0,0 +1,15 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/drawer/drawerContext.tsx
+var r = e({});
+function i(e) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: { makeInvisible: e.makeInvisible },
+		children: e.children
+	});
+}
+function a() {
+	return t(r);
+}
+//#endregion
+export { i as DrawerProvider, a as useDrawer };

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

@@ -0,0 +1,21 @@
+import { useDrawer as e } from "../drawerContext.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { X as r } from "lucide-react";
+//#region src/components/drawer/drawerHeader/index.tsx
+function i(i) {
+	let { showCloseButton: a = !0, className: o, children: s, ...c } = i, { makeInvisible: l } = e();
+	return /* @__PURE__ */ n("header", {
+		className: `arkynDrawerHeader ${o}`.trim(),
+		...c,
+		children: [s, a && /* @__PURE__ */ t("button", {
+			className: "arkynDrawerHeaderCloseButton",
+			type: "button",
+			onClick: l,
+			"aria-label": "Close drawer",
+			children: /* @__PURE__ */ t(r, { size: 24 })
+		})]
+	});
+}
+//#endregion
+export { i as DrawerHeader };

package/dist/modules/components/facebookPixel/facebookPixel.client.js

@@ -0,0 +1,8 @@
+import { FacebookPixel as e } from "./pixel.js";
+//#region src/components/facebookPixel/facebookPixel.client.tsx
+function t(t) {
+	let { pixelId: n, options: r, pageView: i, track: a, trackCustom: o, trackSingle: s, trackSingleCustom: c, grantConsent: l, revokeConsent: u } = t, d = new e(n, r);
+	return d.init(), i && d.pageView(), l && d.grantConsent(), u && d.revokeConsent(), a && d.track(...a), o && d.trackCustom(...o), s && d.trackSingle(n, ...s), c && d.trackSingleCustom(n, ...c), null;
+}
+//#endregion
+export { t as FacebookPixelClient };

package/dist/modules/components/facebookPixel/index.js

@@ -0,0 +1,9 @@
+import { ClientOnly as e } from "../clientOnly.js";
+import { FacebookPixelClient as t } from "./facebookPixel.client.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/facebookPixel/index.tsx
+function r(r) {
+	return process.env.NODE_ENV !== "production" && !r.showInDevMode ? null : /* @__PURE__ */ n(e, { children: () => /* @__PURE__ */ n(t, { ...r }) });
+}
+//#endregion
+export { r as FacebookPixel };

package/dist/modules/components/facebookPixel/pixel.js

@@ -0,0 +1,48 @@
+//#region src/components/facebookPixel/pixel.ts
+var e = class {
+	pixelId;
+	autoConfig;
+	initialized;
+	constructor(e, t) {
+		this.pixelId = e, this.autoConfig = t?.autoConfig || !0, this.initialized = !1;
+	}
+	loadFacebookPixel() {
+		if (window.fbq) return;
+		let e = ((...t) => {
+			e.callMethod ? e.callMethod.apply(e, t) : e.queue.push(t);
+		});
+		window._fbq || (window._fbq = e), e.push = e, e.loaded = !0, e.version = "2.0", e.queue = [];
+		let t = document.createElement("script");
+		t.async = !0, t.src = "https://connect.facebook.net/en_US/fbevents.js";
+		let n = document.getElementsByTagName("script")[0];
+		if (!n.parentNode) throw Error("No script tag found in the document");
+		n.parentNode.insertBefore(t, n), window.fbq = e;
+	}
+	init(e = {}) {
+		if (this.initialized = typeof window < "u" && !!window.fbq, this.loadFacebookPixel(), !window.fbq) throw Error("window.fbq is not defined");
+		this.autoConfig === !1 ? window.fbq("set", "autoConfig", !1, this.pixelId) : window.fbq("init", this.pixelId, e), this.initialized = !0;
+	}
+	pageView() {
+		this.initialized && window.fbq && window.fbq("track", "PageView");
+	}
+	track(e, t) {
+		this.initialized && window.fbq && window.fbq("track", e, t);
+	}
+	trackSingle(e, t, n) {
+		this.initialized && window.fbq && window.fbq("trackSingle", e, t, n);
+	}
+	trackCustom(e, t) {
+		this.initialized && window.fbq && window.fbq("trackCustom", e, t);
+	}
+	trackSingleCustom(e, t, n) {
+		this.initialized && window.fbq && window.fbq("trackSingle", e, t, n);
+	}
+	grantConsent() {
+		this.initialized && window.fbq && window.fbq("consent", "grant");
+	}
+	revokeConsent() {
+		this.initialized && window.fbq && window.fbq("consent", "revoke");
+	}
+};
+//#endregion
+export { e as FacebookPixel };

package/dist/modules/components/fieldError/index.js

@@ -0,0 +1,13 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/fieldError/index.tsx
+function t(t) {
+	let { children: n, className: r, ...i } = t, a = `arkynFieldError ${r}`;
+	return n ? /* @__PURE__ */ e("strong", {
+		className: a.trim(),
+		...i,
+		children: n
+	}) : null;
+}
+//#endregion
+export { t as FieldError };

package/dist/modules/components/fieldLabel/index.js

@@ -0,0 +1,12 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/fieldLabel/index.tsx
+function t(t) {
+	let { showAsterisk: n = !1, className: r = "", ...i } = t;
+	return /* @__PURE__ */ e("label", {
+		className: `arkynFieldLabel ${n ? "asteriskTrue" : "asteriskFalse"} ${r}`.trim(),
+		...i
+	});
+}
+//#endregion
+export { t as FieldLabel };

package/dist/modules/components/fieldWrapper/index.js

@@ -0,0 +1,13 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/fieldWrapper/index.tsx
+function t(t) {
+	let { children: n, className: r, orientation: i = "vertical", ...a } = t;
+	return /* @__PURE__ */ e("section", {
+		className: `arkynFieldWrapper ${r} ${i}`.trim(),
+		...a,
+		children: n
+	});
+}
+//#endregion
+export { t as FieldWrapper };

package/dist/modules/components/fileUpload/hasFileContent/index.js

@@ -0,0 +1,60 @@
+import { Button as e } from "../../button/index.js";
+import { Divider as t } from "../../divider/index.js";
+import { IconButton as n } from "../../iconButton/index.js";
+import { Tooltip as r } from "../../tooltip/index.js";
+/* empty css       */
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { File as o, FileArchive as s, FileAudio as c, FileImage as l, RefreshCw as u } from "lucide-react";
+//#region src/components/fileUpload/hasFileContent/index.tsx
+function d(d) {
+	let { disabled: f, file: p, isLoading: m, acceptFile: h, changeFileButtonText: g, handleSelectFile: _, reSendFile: v } = d;
+	function y() {
+		if (f) return;
+		let e = document.createElement("input");
+		e.type = "file", e.accept = h, e.onchange = (e) => {
+			let t = e.target.files?.[0];
+			t && _(t);
+		}, e.click();
+	}
+	function b() {
+		return p.type.startsWith("image/") ? /* @__PURE__ */ i(l, {}) : p.type.startsWith("audio/") ? /* @__PURE__ */ i(c, {}) : p.type.startsWith("application/zip") ? /* @__PURE__ */ i(s, {}) : /* @__PURE__ */ i(o, {});
+	}
+	return /* @__PURE__ */ a("div", {
+		className: "arkynFileUploadHasFileContent",
+		children: [
+			/* @__PURE__ */ a("section", {
+				className: "arkynFileUploadFileContainer",
+				children: [/* @__PURE__ */ i(b, {}), /* @__PURE__ */ i("p", { children: p.name })]
+			}),
+			/* @__PURE__ */ i(t, {}),
+			/* @__PURE__ */ a("div", {
+				className: "arkynFileUploadButtonsContainer",
+				children: [!!v && /* @__PURE__ */ i(r, {
+					orientation: "bottom",
+					text: "Reenviar arquivo",
+					children: /* @__PURE__ */ i(n, {
+						type: "button",
+						"aria-label": "resend file",
+						variant: "outline",
+						scheme: "danger",
+						size: "sm",
+						isLoading: m,
+						onClick: v,
+						icon: u,
+						disabled: f
+					})
+				}), /* @__PURE__ */ i(e, {
+					isLoading: m,
+					onClick: y,
+					variant: "outline",
+					size: "sm",
+					type: "button",
+					disabled: f,
+					children: g
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { d as HasFileContent };

package/dist/modules/components/fileUpload/index.js

@@ -0,0 +1,66 @@
+import { useForm as e } from "../../hooks/useForm.js";
+import { FieldError as t } from "../fieldError/index.js";
+import { FieldLabel as n } from "../fieldLabel/index.js";
+import { FieldWrapper as r } from "../fieldWrapper/index.js";
+import { HasFileContent as i } from "./hasFileContent/index.js";
+import { NoFileContent as a } from "./noFileContent/index.js";
+/* empty css       */
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/fileUpload/index.tsx
+function l(l) {
+	let { name: u, label: d, showAsterisk: f = !1, action: p, fileName: m = "file", method: h = "POST", acceptFile: g = "*", fileResponseName: _ = "url", changeFileButtonText: v = "Alterar arquivo", selectFileButtonText: y = "Selecionar arquivo", dropFileText: b = "Ou arraste e solte o arquivo aqui", onChange: x, disabled: S = !1 } = l, { fieldErrors: C } = e(), w = C?.[u], [T, E] = o(""), [D, O] = o(""), [k, A] = o(null), [j, M] = o(!1);
+	async function N(e) {
+		if (S) return;
+		M(!0), A(e), O("");
+		let t = new FormData();
+		t.append(m, e), await fetch(p, {
+			method: h,
+			body: t
+		}).then(async (e) => await e.json()).then((e) => {
+			e?.error ? O(e.error) : E(e?.[_]), x?.(e?.[_]);
+		}).catch((e) => {
+			console.error(e), O("Erro ao enviar o arquivo");
+		}).finally(() => M(!1));
+	}
+	function P(e) {
+		S || N(e);
+	}
+	let F = w || D;
+	return /* @__PURE__ */ c(r, { children: [
+		d && /* @__PURE__ */ s(n, {
+			showAsterisk: f,
+			children: d
+		}),
+		/* @__PURE__ */ c("div", {
+			className: `arkynFileUpload ${F ? "hasError" : "noHasError"} ${k ? "hasFile" : "noHasFile"}`,
+			children: [
+				/* @__PURE__ */ s("input", {
+					type: "hidden",
+					name: u,
+					value: T || ""
+				}),
+				!k && /* @__PURE__ */ s(a, {
+					disabled: S,
+					isLoading: j,
+					acceptFile: g,
+					dropFileText: b,
+					handleSelectFile: P,
+					selectFileButtonText: y
+				}),
+				k && /* @__PURE__ */ s(i, {
+					disabled: S,
+					isLoading: j,
+					acceptFile: g,
+					file: k,
+					handleSelectFile: P,
+					changeFileButtonText: v,
+					reSendFile: F && k ? () => N(k) : void 0
+				})
+			]
+		}),
+		F && /* @__PURE__ */ s(t, { children: F })
+	] });
+}
+//#endregion
+export { l as FileUpload };

package/dist/modules/components/fileUpload/noFileContent/index.js

@@ -0,0 +1,36 @@
+import { Button as e } from "../../button/index.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/fileUpload/noFileContent/index.tsx
+function r(r) {
+	let { dropFileText: i, isLoading: a, acceptFile: o, handleSelectFile: s, selectFileButtonText: c, disabled: l } = r;
+	function u(e) {
+		if (l) return;
+		e.preventDefault();
+		let t = e.dataTransfer.files[0];
+		t && s(t);
+	}
+	function d() {
+		if (l) return;
+		let e = document.createElement("input");
+		e.type = "file", e.accept = o, e.onchange = (e) => {
+			let t = e.target.files?.[0];
+			t && s(t);
+		}, e.click();
+	}
+	return /* @__PURE__ */ n("div", {
+		onDrop: u,
+		className: "arkynFileUploadNoFileContent",
+		children: [/* @__PURE__ */ t(e, {
+			isLoading: a,
+			onClick: d,
+			variant: "ghost",
+			size: "sm",
+			type: "button",
+			disabled: l,
+			children: c
+		}), /* @__PURE__ */ t("p", { children: i })]
+	});
+}
+//#endregion
+export { r as NoFileContent };