@arkyn/components 3.0.1-beta.156 → 3.0.1-beta.157

package/dist/modules/components/alert/alertContainer/index.js

@@ -1,22 +1,27 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as A, useContext as u } from "react";
-import { AlertTitle as h } from "../alertTitle/index.js";
-/* empty css           */
-const s = A({});
-function j() {
-  return u(s);
+import { AlertTitle as e } from "../alertTitle/index.js";
+/* empty css       */
+import { createContext as t, useContext as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/alert/alertContainer/index.tsx
+var i = t({});
+function a() {
+	return n(i);
 }
-function v(r) {
-  const { schema: o, children: l, className: a, ...c } = r, p = !((m) => {
-    let i = !1;
-    const e = (t) => {
-      Array.isArray(t) ? t.forEach(e) : t && typeof t == "object" && "type" in t && (t.type === h ? i = !0 : t.props && typeof t.props == "object" && t.props !== null && "children" in t.props && e(t.props.children));
-    };
-    return e(m), i;
-  })(l) ? "nonExistsAlertTitle" : "existsAlertTitle", f = `arkynAlertContainer ${o} ${p} ${a}`;
-  return /* @__PURE__ */ n(s.Provider, { value: r, children: /* @__PURE__ */ n("div", { className: f.trim(), ...c, children: l }) });
+function o(t) {
+	let { schema: n, children: a, className: o, ...s } = t, c = `arkynAlertContainer ${n} ${((t) => {
+		let n = !1, r = (t) => {
+			Array.isArray(t) ? t.forEach(r) : t && typeof t == "object" && "type" in t && (t.type === e ? n = !0 : t.props && typeof t.props == "object" && t.props !== null && "children" in t.props && r(t.props.children));
+		};
+		return r(t), n;
+	})(a) ? "existsAlertTitle" : "nonExistsAlertTitle"} ${o}`;
+	return /* @__PURE__ */ r(i.Provider, {
+		value: t,
+		children: /* @__PURE__ */ r("div", {
+			className: c.trim(),
+			...s,
+			children: a
+		})
+	});
 }
-export {
-  v as AlertContainer,
-  j as useAlertContainer
-};
+//#endregion
+export { o as AlertContainer, a as useAlertContainer };

package/dist/modules/components/alert/alertContent/index.js

@@ -1,9 +1,12 @@
-import { jsx as a } from "react/jsx-runtime";
-/* empty css           */
-function m(t) {
-  const { className: s, ...e } = t, r = `arkynAlertContent ${s}`;
-  return /* @__PURE__ */ a("div", { className: r.trim(), ...e });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/alert/alertContent/index.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynAlertContent ${n}`.trim(),
+		...r
+	});
 }
-export {
-  m as AlertContent
-};
+//#endregion
+export { t as AlertContent };

package/dist/modules/components/alert/alertDescription/index.js

@@ -1,9 +1,12 @@
-import { jsx as a } from "react/jsx-runtime";
-/* empty css           */
-function c(s) {
-  const { className: r, ...t } = s, e = `arkynAlertDescription ${r}`;
-  return /* @__PURE__ */ a("div", { className: e.trim(), ...t });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/alert/alertDescription/index.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynAlertDescription ${n}`.trim(),
+		...r
+	});
 }
-export {
-  c as AlertDescription
-};
+//#endregion
+export { t as AlertDescription };

package/dist/modules/components/alert/alertIcon/index.js

@@ -1,20 +1,28 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Info as a, AlertTriangle as o, XCircle as i, CheckCircle2 as m } from "lucide-react";
-import { useAlertContainer as l } from "../alertContainer/index.js";
-/* empty css           */
-function A(t) {
-  const { className: c, ...r } = t, { schema: n } = l(), e = `arkynAlertIcon ${n} ${c}`;
-  switch (n) {
-    case "success":
-      return /* @__PURE__ */ s(m, { className: e, ...r });
-    case "danger":
-      return /* @__PURE__ */ s(i, { className: e, ...r });
-    case "warning":
-      return /* @__PURE__ */ s(o, { className: e, ...r });
-    case "info":
-      return /* @__PURE__ */ s(a, { className: e, ...r });
-  }
+import { useAlertContainer as e } from "../alertContainer/index.js";
+/* empty css       */
+import { jsx as t } from "react/jsx-runtime";
+import { AlertTriangle as n, CheckCircle2 as r, Info as i, XCircle as a } from "lucide-react";
+//#region src/components/alert/alertIcon/index.tsx
+function o(o) {
+	let { className: s, ...c } = o, { schema: l } = e(), u = `arkynAlertIcon ${l} ${s}`;
+	switch (l) {
+		case "success": return /* @__PURE__ */ t(r, {
+			className: u,
+			...c
+		});
+		case "danger": return /* @__PURE__ */ t(a, {
+			className: u,
+			...c
+		});
+		case "warning": return /* @__PURE__ */ t(n, {
+			className: u,
+			...c
+		});
+		case "info": return /* @__PURE__ */ t(i, {
+			className: u,
+			...c
+		});
+	}
 }
-export {
-  A as AlertIcon
-};
+//#endregion
+export { o as AlertIcon };

package/dist/modules/components/alert/alertTitle/index.js

@@ -1,9 +1,12 @@
-import { jsx as a } from "react/jsx-runtime";
-/* empty css           */
-function i(s) {
-  const { className: t, ...e } = s, r = `arkynAlertTitle ${t}`;
-  return /* @__PURE__ */ a("div", { className: r.trim(), ...e });
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/alert/alertTitle/index.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynAlertTitle ${n}`.trim(),
+		...r
+	});
 }
-export {
-  i as AlertTitle
-};
+//#endregion
+export { t as AlertTitle };

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

@@ -1,76 +1,75 @@
-import { jsxs as E, jsx as o } from "react/jsx-runtime";
-import { Pause as R, Play as V } from "lucide-react";
-import { useState as v, useRef as $, useEffect as N } from "react";
-import { useSlider as U } from "../../hooks/useSlider.js";
-import { Slider as q } from "../slider/index.js";
-/* empty css           */
-function O(r) {
-  var h, A, S, p;
-  const { onPlayAudio: w, onPauseAudio: z, disabled: c, style: C, ...b } = r, [x, D] = U(0), [i, d] = v(!1), [I, M] = v(!1), t = $(null), l = ((h = t.current) == null ? void 0 : h.currentTime) || 0, m = ((A = t.current) == null ? void 0 : A.duration) || 0, f = y(l), g = y(m), T = {
-    totalTime: m,
-    currentTime: l,
-    formattedCurrentTime: f,
-    formattedTotalTime: g
-  };
-  function y(e) {
-    if (!e) return "00:00";
-    const n = Math.floor(e / 60), u = Math.floor(e % 60), a = String(n).padStart(2, "0"), s = String(u).padStart(2, "0");
-    return `${a}:${s}`;
-  }
-  function j() {
-    const e = t.current;
-    e && (r.onPlayAudio && r.onPlayAudio(T), e.play(), d(!0));
-  }
-  function P() {
-    const e = t.current;
-    e && (r.onPauseAudio && r.onPauseAudio(T), e.pause(), d(!1));
-  }
-  function k() {
-    i ? P() : j();
-  }
-  function L(e) {
-    const n = t.current;
-    if (!n) return;
-    const u = n.duration, a = e / 100 * u;
-    n.currentTime = a;
-  }
-  return I || !i ? (S = t.current) == null || S.pause() : i && ((p = t.current) == null || p.play()), N(() => {
-    const e = t.current;
-    if (!e) return;
-    const n = () => {
-      const u = e.duration, s = e.currentTime / u * 100;
-      D(s);
-    };
-    return e.addEventListener("timeupdate", n), () => {
-      e.removeEventListener("timeupdate", n);
-    };
-  }, []), /* @__PURE__ */ E("div", { className: "arkynAudioPlayer", style: C, children: [
-    /* @__PURE__ */ o(
-      "audio",
-      {
-        ...b,
-        ref: t,
-        src: r.src,
-        onEnded: P
-      }
-    ),
-    /* @__PURE__ */ E("button", { type: "button", disabled: c, onClick: k, children: [
-      i && /* @__PURE__ */ o(R, {}),
-      !i && /* @__PURE__ */ o(V, {})
-    ] }),
-    /* @__PURE__ */ o("p", { children: f }),
-    /* @__PURE__ */ o(
-      q,
-      {
-        value: x,
-        onChange: L,
-        onDragging: M,
-        disabled: c
-      }
-    ),
-    /* @__PURE__ */ o("p", { children: g })
-  ] });
+import { useSlider as e } from "../../hooks/useSlider.js";
+import { Slider as t } from "../slider/index.js";
+/* empty css       */
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Pause as s, Play as c } from "lucide-react";
+//#region src/components/audioPlayer/index.tsx
+function l(l) {
+	let { onPlayAudio: u, onPauseAudio: d, disabled: f, style: p, ...m } = l, [h, g] = e(0), [_, v] = i(!1), [y, b] = i(!1), x = r(null), S = x.current?.currentTime || 0, C = x.current?.duration || 0, w = D(S), T = D(C), E = {
+		totalTime: C,
+		currentTime: S,
+		formattedCurrentTime: w,
+		formattedTotalTime: T
+	};
+	function D(e) {
+		if (!e) return "00:00";
+		let t = Math.floor(e / 60), n = Math.floor(e % 60);
+		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+	}
+	function O() {
+		let e = x.current;
+		e && (l.onPlayAudio && l.onPlayAudio(E), e.play(), v(!0));
+	}
+	function k() {
+		let e = x.current;
+		e && (l.onPauseAudio && l.onPauseAudio(E), e.pause(), v(!1));
+	}
+	function A() {
+		_ ? k() : O();
+	}
+	function j(e) {
+		let t = x.current;
+		if (!t) return;
+		let n = t.duration;
+		t.currentTime = e / 100 * n;
+	}
+	return y || !_ ? x.current?.pause() : _ && x.current?.play(), n(() => {
+		let e = x.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.duration;
+			g(e.currentTime / t * 100);
+		};
+		return e.addEventListener("timeupdate", t), () => {
+			e.removeEventListener("timeupdate", t);
+		};
+	}, []), /* @__PURE__ */ o("div", {
+		className: "arkynAudioPlayer",
+		style: p,
+		children: [
+			/* @__PURE__ */ a("audio", {
+				...m,
+				ref: x,
+				src: l.src,
+				onEnded: k
+			}),
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				disabled: f,
+				onClick: A,
+				children: [_ && /* @__PURE__ */ a(s, {}), !_ && /* @__PURE__ */ a(c, {})]
+			}),
+			/* @__PURE__ */ a("p", { children: w }),
+			/* @__PURE__ */ a(t, {
+				value: h,
+				onChange: j,
+				onDragging: b,
+				disabled: f
+			}),
+			/* @__PURE__ */ a("p", { children: T })
+		]
+	});
 }
-export {
-  O as AudioPlayer
-};
+//#endregion
+export { l as AudioPlayer };

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

@@ -1,63 +1,55 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { RefreshCw as h } from "lucide-react";
-import { AudioPlayer as C } from "../../audioPlayer/index.js";
-import { Button as g } from "../../button/index.js";
-import { Divider as k } from "../../divider/index.js";
-import { IconButton as v } from "../../iconButton/index.js";
-import { Tooltip as y } from "../../tooltip/index.js";
-/* empty css           */
-function N(c) {
-  const {
-    filePath: s,
-    disabled: i,
-    acceptAudio: d,
-    handleSelectFile: m,
-    isLoading: o,
-    reSendAudio: n,
-    changeAudioButtonText: u
-  } = c;
-  function p() {
-    if (i) return;
-    const t = document.createElement("input");
-    t.type = "file", t.accept = d, t.onchange = (f) => {
-      var a;
-      const r = (a = f.target.files) == null ? void 0 : a[0];
-      r && m(r);
-    }, t.click();
-  }
-  return /* @__PURE__ */ l("div", { className: "arkynAudioUploadHasFileContentContainer", children: [
-    /* @__PURE__ */ e(C, { src: s }),
-    /* @__PURE__ */ e(k, {}),
-    /* @__PURE__ */ l("div", { className: "arkynAudioUploadButtonsContainer", children: [
-      !!n && /* @__PURE__ */ e(y, { orientation: "bottom", text: "Reenviar áudio", children: /* @__PURE__ */ e(
-        v,
-        {
-          type: "button",
-          "aria-label": "resend image",
-          variant: "outline",
-          scheme: "danger",
-          size: "sm",
-          isLoading: o,
-          onClick: n,
-          icon: h,
-          disabled: i
-        }
-      ) }),
-      /* @__PURE__ */ e(
-        g,
-        {
-          isLoading: o,
-          onClick: p,
-          variant: "outline",
-          size: "sm",
-          type: "button",
-          disabled: i,
-          children: u
-        }
-      )
-    ] })
-  ] });
+import { AudioPlayer as e } from "../../audioPlayer/index.js";
+import { Button as t } from "../../button/index.js";
+import { Divider as n } from "../../divider/index.js";
+import { IconButton as r } from "../../iconButton/index.js";
+import { Tooltip as i } from "../../tooltip/index.js";
+/* empty css       */
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { RefreshCw as s } from "lucide-react";
+//#region src/components/audioUpload/hasFileContent/index.tsx
+function c(c) {
+	let { filePath: l, disabled: u, acceptAudio: d, handleSelectFile: f, isLoading: p, reSendAudio: m, changeAudioButtonText: h } = c;
+	function g() {
+		if (u) return;
+		let e = document.createElement("input");
+		e.type = "file", e.accept = d, e.onchange = (e) => {
+			let t = e.target.files?.[0];
+			t && f(t);
+		}, e.click();
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "arkynAudioUploadHasFileContentContainer",
+		children: [
+			/* @__PURE__ */ a(e, { src: l }),
+			/* @__PURE__ */ a(n, {}),
+			/* @__PURE__ */ o("div", {
+				className: "arkynAudioUploadButtonsContainer",
+				children: [!!m && /* @__PURE__ */ a(i, {
+					orientation: "bottom",
+					text: "Reenviar áudio",
+					children: /* @__PURE__ */ a(r, {
+						type: "button",
+						"aria-label": "resend image",
+						variant: "outline",
+						scheme: "danger",
+						size: "sm",
+						isLoading: p,
+						onClick: m,
+						icon: s,
+						disabled: u
+					})
+				}), /* @__PURE__ */ a(t, {
+					isLoading: p,
+					onClick: g,
+					variant: "outline",
+					size: "sm",
+					type: "button",
+					disabled: u,
+					children: h
+				})]
+			})
+		]
+	});
 }
-export {
-  N as HasFileContent
-};
+//#endregion
+export { c as HasFileContent };

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

@@ -1,80 +1,72 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { useState as r } from "react";
-import { useForm as P } from "../../hooks/useForm.js";
-import { FieldError as R } from "../fieldError/index.js";
-import { FieldLabel as k } from "../fieldLabel/index.js";
-import { FieldWrapper as B } from "../fieldWrapper/index.js";
-import { HasFileContent as D } from "./hasFileContent/index.js";
-import { NoFileContent as V } from "./noFileContent/index.js";
-/* empty css           */
-function oo(y) {
-  const {
-    name: u,
-    label: c,
-    fileName: C = "file",
-    method: E = "POST",
-    onChange: s,
-    fileResponseName: m = "url",
-    selectAudioButtonText: q = "Selecionar arquivo de áudio",
-    dropAudioText: b = "Ou arraste e solte um arquivo de áudio aqui",
-    changeAudioButtonText: L = "Trocar arquivo de áudio",
-    acceptAudio: f = "audio/*",
-    action: O,
-    defaultValue: h = "",
-    showAsterisk: S = !1,
-    disabled: t = !1
-  } = y, { fieldErrors: n } = P(), T = n == null ? void 0 : n[u], [U, j] = r(h), [w, i] = r(""), [A, H] = r(null), [l, I] = r(h), [v, F] = r(!1);
-  async function N(a) {
-    if (t) return;
-    F(!0), H(a), i("");
-    const g = new FormData();
-    g.append(C, a), await fetch(O, { method: E, body: g }).then(async (o) => await o.json()).then((o) => {
-      o != null && o.error ? i(o.error) : j(o == null ? void 0 : o[m]), s && s(o == null ? void 0 : o[m]);
-    }).catch((o) => {
-      console.error(o), i("Erro ao enviar audio");
-    }).finally(() => F(!1));
-  }
-  function p(a) {
-    if (!t) {
-      if (a.type.indexOf("audio") === -1) {
-        i("O arquivo selecionado não é um arquivo de áudio");
-        return;
-      }
-      I(URL.createObjectURL(a)), N(a);
-    }
-  }
-  const d = T || w;
-  return /* @__PURE__ */ x(B, { children: [
-    c && /* @__PURE__ */ e(k, { showAsterisk: S, children: c }),
-    /* @__PURE__ */ x("div", { className: `arkynAudioUpload ${d ? "hasError" : "noHasError"} ${l ? "hasAudio" : "noHasAudio"}`, children: [
-      /* @__PURE__ */ e("input", { type: "hidden", name: u, value: U || "" }),
-      !l && /* @__PURE__ */ e(
-        V,
-        {
-          disabled: t,
-          isLoading: v,
-          acceptAudio: f,
-          dropAudioText: b,
-          handleSelectFile: p,
-          selectAudioButtonText: q
-        }
-      ),
-      l && /* @__PURE__ */ e(
-        D,
-        {
-          filePath: l,
-          acceptAudio: f,
-          changeAudioButtonText: L,
-          disabled: t,
-          handleSelectFile: p,
-          isLoading: v,
-          reSendAudio: d && A ? () => N(A) : void 0
-        }
-      )
-    ] }),
-    d && /* @__PURE__ */ e(R, { children: d })
-  ] });
+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/audioUpload/index.tsx
+function l(l) {
+	let { name: u, label: d, fileName: f = "file", method: p = "POST", onChange: m, fileResponseName: h = "url", selectAudioButtonText: g = "Selecionar arquivo de áudio", dropAudioText: _ = "Ou arraste e solte um arquivo de áudio aqui", changeAudioButtonText: v = "Trocar arquivo de áudio", acceptAudio: y = "audio/*", action: b, defaultValue: x = "", showAsterisk: S = !1, disabled: C = !1 } = l, { fieldErrors: w } = e(), T = w?.[u], [E, D] = o(x), [O, k] = o(""), [A, j] = o(null), [M, N] = o(x), [P, F] = o(!1);
+	async function I(e) {
+		if (C) return;
+		F(!0), j(e), k("");
+		let t = new FormData();
+		t.append(f, e), await fetch(b, {
+			method: p,
+			body: t
+		}).then(async (e) => await e.json()).then((e) => {
+			e?.error ? k(e.error) : D(e?.[h]), m && m(e?.[h]);
+		}).catch((e) => {
+			console.error(e), k("Erro ao enviar audio");
+		}).finally(() => F(!1));
+	}
+	function L(e) {
+		if (!C) {
+			if (e.type.indexOf("audio") === -1) {
+				k("O arquivo selecionado não é um arquivo de áudio");
+				return;
+			}
+			N(URL.createObjectURL(e)), I(e);
+		}
+	}
+	let R = T || O;
+	return /* @__PURE__ */ c(r, { children: [
+		d && /* @__PURE__ */ s(n, {
+			showAsterisk: S,
+			children: d
+		}),
+		/* @__PURE__ */ c("div", {
+			className: `arkynAudioUpload ${R ? "hasError" : "noHasError"} ${M ? "hasAudio" : "noHasAudio"}`,
+			children: [
+				/* @__PURE__ */ s("input", {
+					type: "hidden",
+					name: u,
+					value: E || ""
+				}),
+				!M && /* @__PURE__ */ s(a, {
+					disabled: C,
+					isLoading: P,
+					acceptAudio: y,
+					dropAudioText: _,
+					handleSelectFile: L,
+					selectAudioButtonText: g
+				}),
+				M && /* @__PURE__ */ s(i, {
+					filePath: M,
+					acceptAudio: y,
+					changeAudioButtonText: v,
+					disabled: C,
+					handleSelectFile: L,
+					isLoading: P,
+					reSendAudio: R && A ? () => I(A) : void 0
+				})
+			]
+		}),
+		R && /* @__PURE__ */ s(t, { children: R })
+	] });
 }
-export {
-  oo as AudioUpload
-};
+//#endregion
+export { l as AudioUpload };