@arkyn/components 3.0.1-beta.166 → 3.0.1-beta.168

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.js

@@ -1,35 +0,0 @@
-import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
-import { WeekCalendarEvent as t } from "../weekCalendarEvent/index.js";
-/* empty css       */
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.tsx
-function r(r) {
-	let { day: i, month: a, year: o, dayOwner: s, timeInMinutes: c } = r, { blockedTimestamps: l, onClickDate: u } = e();
-	function d() {
-		let e = new Date(o, a, i);
-		return l.some((t) => e >= t.initialDate && e <= t.endDate);
-	}
-	function f(e) {
-		if (e.stopPropagation(), !d() && u) {
-			let e = new Date(o, a, i);
-			e.setHours(0, c, 0, 0), u(e);
-		}
-	}
-	return /* @__PURE__ */ n("td", {
-		className: `arkynWeekCalendarTableTd ${s}  ${d() ? "blocked" : ""}`,
-		"data-day": i,
-		"data-time": c,
-		onClick: f,
-		children: /* @__PURE__ */ n("div", {
-			className: "arkynWeekCalendarTableTdContent",
-			children: /* @__PURE__ */ n(t, {
-				day: i,
-				month: a,
-				year: o,
-				timeInMinutes: c
-			})
-		})
-	});
-}
-//#endregion
-export { r as WeekCalendarTableTd };

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

@@ -1,8 +0,0 @@
-import { GoogleAnalytics as e } from "./googleAnalytics.js";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
-//#region src/components/googleAnalytics/googleAnalytics.client.tsx
-function r(r) {
-	return new e().initialize(r), /* @__PURE__ */ n(t, {});
-}
-//#endregion
-export { r as GoogleAnalyticsClient };

package/dist/modules/components/googleAnalytics/googleAnalytics.js

@@ -1,18 +0,0 @@
-import { generateGAElements as e } from "./snippets/generateGAElements.js";
-//#region src/components/googleAnalytics/googleAnalytics.tsx
-var t = class {
-	initializeAsyncScript(e) {
-		let t = document.createElement("script");
-		return t.async = !0, t.src = e, t;
-	}
-	initializeInlineScript(e) {
-		let t = document.createElement("script");
-		return t.innerHTML = e, t;
-	}
-	initialize(t) {
-		let { measurementId: n } = t, r = e({ measurementId: n }), i = this.initializeAsyncScript(r.src), a = this.initializeInlineScript(r.script);
-		document.head.appendChild(i), document.head.appendChild(a);
-	}
-};
-//#endregion
-export { t as GoogleAnalytics };

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

@@ -1,10 +0,0 @@
-import { ClientOnly as e } from "../clientOnly.js";
-import { GoogleAnalyticsClient as t } from "./googleAnalytics.client.js";
-import { Fragment as n, jsx as r } from "react/jsx-runtime";
-//#region src/components/googleAnalytics/index.tsx
-function i(i) {
-	let { measurementId: a, showInDevMode: o = !1 } = i;
-	return process.env.NODE_ENV !== "production" && !o ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r(e, { children: () => /* @__PURE__ */ r(t, { measurementId: a }) });
-}
-//#endregion
-export { i as GoogleAnalytics };

package/dist/modules/components/googleAnalytics/snippets/generateGAElements.js

@@ -1,14 +0,0 @@
-//#region src/components/googleAnalytics/snippets/generateGAElements.ts
-function e(e) {
-	let { measurementId: t } = e;
-	return t || console.warn("Google Analytics Measurement ID is required"), {
-		src: `https://www.googletagmanager.com/gtag/js?id=${t}`,
-		script: `
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-    gtag('config', '${t}');`
-	};
-}
-//#endregion
-export { e as generateGAElements };

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

@@ -1,8 +0,0 @@
-import { GoogleTagManager as e } from "./googleTagManager.js";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
-//#region src/components/googleTagManager/googleTagManager.client.tsx
-function r(r) {
-	return new e().initialize(r), /* @__PURE__ */ n(t, {});
-}
-//#endregion
-export { r as GoogleTagManagerClient };

package/dist/modules/components/googleTagManager/googleTagManager.js

@@ -1,45 +0,0 @@
-import { appendToDataLayer as e } from "./snippets/appendToDataLayer.js";
-import { generateGTMElements as t } from "./snippets/generateGTMElements.js";
-//#region src/components/googleTagManager/googleTagManager.tsx
-var n = class {
-	initializeDataScript(e) {
-		let t = document.createElement("script");
-		return t.innerHTML = e, t;
-	}
-	initializeGTMElements(e) {
-		let n = t(e);
-		return {
-			noScript: () => {
-				let e = document.createElement("noscript");
-				return e.innerHTML = n.iframe, e;
-			},
-			script: () => {
-				let e = document.createElement("script");
-				return e.innerHTML = n.script, e;
-			},
-			dataScript: this.initializeDataScript(n.dataLayerVar)
-		};
-	}
-	initializeDataLayer(t) {
-		let { dataLayer: n, dataLayerName: r } = t;
-		if (window[r]) return window[r].push(n);
-		let i = e({
-			dataLayer: n,
-			dataLayerName: r
-		}), a = this.initializeDataScript(i);
-		document.head.insertBefore(a, document.head.childNodes[0]);
-	}
-	initialize(e) {
-		let { events: t, gtmId: n, dataLayer: r, auth: i = "", preview: a = "", dataLayerName: o = "dataLayer" } = e, s = this.initializeGTMElements({
-			id: n,
-			events: t,
-			dataLayer: r || void 0,
-			dataLayerName: o,
-			auth: i,
-			preview: a
-		});
-		r && document.head.appendChild(s.dataScript), document.head.insertBefore(s.script(), document.head.childNodes[0]), document.body.insertBefore(s.noScript(), document.body.childNodes[0]);
-	}
-};
-//#endregion
-export { n as GoogleTagManager };

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

@@ -1,17 +0,0 @@
-import { ClientOnly as e } from "../clientOnly.js";
-import { GoogleTagManagerClient as t } from "./googleTagManager.client.js";
-import { Fragment as n, jsx as r } from "react/jsx-runtime";
-//#region src/components/googleTagManager/index.tsx
-function i(i) {
-	let { gtmId: a, auth: o = "", preview: s = "", dataLayerName: c = "dataLayer", events: l = {}, dataLayer: u = {}, showInDevMode: d = !1 } = i;
-	return process.env.NODE_ENV !== "production" && !d ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r(e, { children: () => /* @__PURE__ */ r(t, {
-		auth: o,
-		dataLayer: u,
-		dataLayerName: c,
-		events: l,
-		gtmId: a,
-		preview: s
-	}) });
-}
-//#endregion
-export { i as GoogleTagManager };

package/dist/modules/components/googleTagManager/snippets/appendToDataLayer.js

@@ -1,9 +0,0 @@
-//#region src/components/googleTagManager/snippets/appendToDataLayer.ts
-function e(e) {
-	let { dataLayer: t, dataLayerName: n } = e;
-	return `
-  window.${n} = window.${n} || [];
-  window.${n}.push(${JSON.stringify(t)})`;
-}
-//#endregion
-export { e as appendToDataLayer };

package/dist/modules/components/googleTagManager/snippets/generateGTMElements.js

@@ -1,23 +0,0 @@
-import { appendToDataLayer as e } from "./appendToDataLayer.js";
-//#region src/components/googleTagManager/snippets/generateGTMElements.ts
-function t(t) {
-	let { id: n, events: r, dataLayer: i, dataLayerName: a, preview: o, auth: s } = t, c = `&gtm_auth=${s}`, l = `&gtm_preview=${o}`;
-	return n || console.warn("GTM Id is required"), {
-		iframe: `
-    <iframe src="https://www.googletagmanager.com/ns.html?id=${n}${c}${l}&gtm_cookies_win=x"
-      height="0" width="0" style="display:none;visibility:hidden" id="tag-manager"></iframe>`,
-		script: `
-    (function(w,d,s,l,i){w[l]=w[l]||[];
-      w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js', ${JSON.stringify(r).slice(1, -1)}});
-      var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
-      j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+'${c}${l}&gtm_cookies_win=x';
-      f.parentNode.insertBefore(j,f);
-    })(window,document,'script','${a}','${n}');`,
-		dataLayerVar: e({
-			dataLayer: i,
-			dataLayerName: a
-		})
-	};
-}
-//#endregion
-export { t as generateGTMElements };

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

@@ -1,32 +0,0 @@
-/* empty css       */
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Loader2 as n } from "lucide-react";
-//#region src/components/iconButton/index.tsx
-function r(r) {
-	let { isLoading: i = !1, scheme: a = "primary", variant: o = "solid", size: s = "md", icon: c, disabled: l, className: u = "", ...d } = r, f = {
-		xs: 12,
-		sm: 16,
-		md: 20,
-		lg: 24
-	}, p = `arkynIconButton ${o} ${a} ${s} ${i ? "loadingTrue" : "loadingFalse"} ${u}`;
-	return /* @__PURE__ */ t("button", {
-		disabled: l || i,
-		className: p.trim(),
-		...d,
-		children: [/* @__PURE__ */ e("div", {
-			className: "arkynIconButtonSpinner",
-			children: /* @__PURE__ */ e(n, {
-				size: f[s],
-				strokeWidth: 2.5
-			})
-		}), /* @__PURE__ */ e("div", {
-			className: "arkynIconButtonContent",
-			children: /* @__PURE__ */ e(c, {
-				size: f[s],
-				strokeWidth: 2.5
-			})
-		})]
-	});
-}
-//#endregion
-export { r as IconButton };

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

@@ -1,47 +0,0 @@
-import { Button as e } from "../../button/index.js";
-import { IconButton as t } from "../../iconButton/index.js";
-import { Tooltip as n } from "../../tooltip/index.js";
-/* empty css       */
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { RefreshCw as a } from "lucide-react";
-//#region src/components/imageUpload/hasFileContent/index.tsx
-function o(o) {
-	let { disabled: s, filePath: c, isLoading: l, acceptImage: u, changeImageButtonText: d, handleSelectFile: f, reSendImage: p } = o;
-	function m() {
-		if (s) return;
-		let e = document.createElement("input");
-		e.type = "file", e.accept = u, e.onchange = (e) => {
-			let t = e.target.files?.[0];
-			t && f(t);
-		}, e.click();
-	}
-	return /* @__PURE__ */ i("div", {
-		className: "arkynImageUploadHasFileContent",
-		style: { backgroundImage: `url("${c}")` },
-		children: [p && /* @__PURE__ */ r(n, {
-			orientation: "bottom",
-			text: "Reenviar imagem",
-			children: /* @__PURE__ */ r(t, {
-				type: "button",
-				"aria-label": "resend image",
-				variant: "outline",
-				scheme: "danger",
-				size: "sm",
-				isLoading: l,
-				onClick: p,
-				icon: a,
-				disabled: s
-			})
-		}), /* @__PURE__ */ r(e, {
-			isLoading: l,
-			onClick: m,
-			variant: "outline",
-			size: "sm",
-			type: "button",
-			disabled: s,
-			children: d
-		})]
-	});
-}
-//#endregion
-export { o as HasFileContent };

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

@@ -1,66 +0,0 @@
-import { useForm as e } from "../../hooks/useForm.js";
-import { FieldTemplate as t } from "../../services/fieldTemplate.js";
-import { HasFileContent as n } from "./hasFileContent/index.js";
-import { NoFileContent as r } from "./noFileContent/index.js";
-/* empty css       */
-import { useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/imageUpload/index.tsx
-function s(s) {
-	let { name: c, defaultValue: l = "", label: u, showAsterisk: d = !1, action: f, fileName: p = "file", className: m = "", method: h = "POST", acceptImage: g = "image/*", fileResponseName: _ = "url", changeImageButtonText: v = "Alterar imagem", selectImageButtonText: y = "Selecionar imagem", dropImageText: b = "Ou arraste e solte a imagem aqui", onChange: x, disabled: S = !1, unShowFieldTemplate: C = !1, orientation: w = "vertical" } = s, { fieldErrors: T } = e(), E = T?.[c], [D, O] = i(l), [k, A] = i(""), [j, M] = i(null), [N, P] = i(l), [F, I] = i(!1);
-	async function L(e) {
-		if (S) return;
-		I(!0), M(e), A("");
-		let t = new FormData();
-		t.append(p, e), await fetch(f, {
-			method: h,
-			body: t
-		}).then(async (e) => await e.json()).then((e) => {
-			e?.error ? A(e.error) : O(e?.[_]), x && x(e?.[_]);
-		}).catch((e) => {
-			console.error(e), A("Erro ao enviar imagem");
-		}).finally(() => I(!1));
-	}
-	function R(e) {
-		S || (P(URL.createObjectURL(e)), L(e));
-	}
-	let z = E || k;
-	return /* @__PURE__ */ a(t, {
-		name: c,
-		label: u,
-		showAsterisk: d,
-		className: m,
-		errorMessage: z,
-		unShowFieldTemplate: C,
-		orientation: w,
-		children: /* @__PURE__ */ o("div", {
-			className: `arkynImageUpload ${z ? "hasError" : "noHasError"} ${N ? "hasImage" : "noHasImage"}`,
-			children: [
-				/* @__PURE__ */ a("input", {
-					type: "hidden",
-					name: c,
-					value: D || ""
-				}),
-				!N && /* @__PURE__ */ a(r, {
-					disabled: S,
-					isLoading: F,
-					acceptImage: g,
-					dropImageText: b,
-					handleSelectFile: R,
-					selectImageButtonText: y
-				}),
-				N && /* @__PURE__ */ a(n, {
-					disabled: S,
-					isLoading: F,
-					acceptImage: g,
-					filePath: N,
-					handleSelectFile: R,
-					changeImageButtonText: v,
-					reSendImage: z && j ? () => L(j) : void 0
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { s as ImageUpload };

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

@@ -1,36 +0,0 @@
-import { Button as e } from "../../button/index.js";
-/* empty css       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/imageUpload/noFileContent/index.tsx
-function r(r) {
-	let { dropImageText: i, isLoading: a, acceptImage: o, handleSelectFile: s, selectImageButtonText: 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: "arkynImageUploadNoFileContent",
-		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 };

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

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

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

@@ -1,29 +0,0 @@
-import { ClientOnly as e } from "../clientOnly.js";
-import { ClientMapView as t } from "./mapView.client.js";
-/* empty css       */
-import { jsx as n } from "react/jsx-runtime";
-import { MapPinned as r } from "lucide-react";
-//#region src/components/mapView/index.tsx
-function i({ className: e }) {
-	return /* @__PURE__ */ n("div", {
-		className: "arkynMapViewPinnedEmpty " + e,
-		children: /* @__PURE__ */ n(r, {})
-	});
-}
-function a(r) {
-	let { coordinates: a, zoom: o = 18, accessToken: s, className: c, onMarkerClick: l, ...u } = r;
-	if (!a) return /* @__PURE__ */ n(i, { className: c });
-	let d = Array.isArray(a) ? a : [a];
-	return d.length === 0 ? /* @__PURE__ */ n(i, { className: c }) : /* @__PURE__ */ n(e, {
-		fallback: /* @__PURE__ */ n(i, { className: c }),
-		children: () => /* @__PURE__ */ n(t, {
-			accessToken: s,
-			coordinates: d,
-			center: d[0],
-			onMarkerClick: l,
-			...u
-		})
-	});
-}
-//#endregion
-export { a as MapView };

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

@@ -1,50 +0,0 @@
-/* empty css       */
-import { useEffect as e, useRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import r from "mapbox-gl";
-import { createRoot as i } from "react-dom/client";
-//#region src/components/mapView/mapView.client.tsx
-function a({ center: a, coordinates: o, onMarkerClick: s, accessToken: c, ...l }) {
-	let u = t(null), d = t(null), f = a || o[0];
-	return e(() => (r.accessToken = c, u.current = new r.Map({
-		container: d.current,
-		style: "mapbox://styles/mapbox/light-v11",
-		center: [f.lng, f.lat],
-		zoom: 13,
-		language: "pt-BR"
-	}), o.forEach((e) => {
-		let { lat: t, lng: n, popUp: a } = e, o = document.createElement("img");
-		o.className = "arkynMarker", o.src = "https://i.postimg.cc/mgKggjk7/Pin.png";
-		let c = new r.Marker(o).setLngLat([n, t]).addTo(u.current);
-		if (a) {
-			let e = document.createElement("div");
-			i(e).render(a);
-			let t = new r.Popup({
-				offset: 25,
-				closeButton: !1,
-				className: "arkynMapViewPopup"
-			}).setDOMContent(e);
-			c.setPopup(t);
-		}
-		o.addEventListener("click", () => {
-			s && s(e), u.current.flyTo({
-				center: [n, t],
-				zoom: 15,
-				duration: 1200
-			}), c.togglePopup();
-		});
-	}), () => {
-		u.current?.remove();
-	}), []), /* @__PURE__ */ n("div", {
-		id: "map-container",
-		ref: d,
-		style: {
-			height: "100%",
-			width: "100%",
-			borderRadius: "8px"
-		},
-		...l
-	});
-}
-//#endregion
-export { a as ClientMapView };

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

@@ -1,102 +0,0 @@
-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 { IconRenderer as i } from "../../services/iconRenderer.js";
-/* empty css      */
-import { forwardRef 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";
-import { InputMask as f } from "@react-input/mask";
-//#region src/components/maskedInput/index.tsx
-var p = a((e, t) => /* @__PURE__ */ l("input", {
-	ref: t,
-	...e
-}));
-function m(a) {
-	let { name: m, disabled: h, title: g, style: _, variant: v = "solid", separate: y, mask: b, showMask: x, replacement: S, label: C, className: w = "", prefix: T, suffix: E, isLoading: D = !1, leftIcon: O, readOnly: k, onFocus: A, onBlur: j, errorMessage: M, defaultValue: N, showAsterisk: P, rightIcon: F, size: I = "md", id: L, value: R, placeholder: z, ...B } = a, { fieldErrors: V } = e(), [H, U] = c(!1), W = s(null), G = L || o(), K = M || V?.[m], q = !!K, J = h || D, Y = {
-		md: 20,
-		lg: 20
-	}[I], X = F ? "right" : "left", Z = X === "left" && D, Q = X === "right" && D;
-	function $() {
-		J || !W?.current || (U(!0), W.current.focus());
-	}
-	function ee(e) {
-		U(!0), A && A(e);
-	}
-	function te(e) {
-		U(!1), j && j(e);
-	}
-	let ne = `arkynMaskedInput ${T ? "hasPrefix" : ""} ${E ? "hasSuffix" : ""} ${v} ${I} ${J || k || D ? "opacity" : ""} ${q ? "errored" : ""} ${H ? "focused" : ""}`;
-	return /* @__PURE__ */ u(r, {
-		className: w,
-		children: [
-			C && /* @__PURE__ */ l(n, {
-				showAsterisk: P,
-				htmlFor: G,
-				children: C
-			}),
-			/* @__PURE__ */ u("section", {
-				title: g,
-				style: _,
-				onClick: $,
-				className: ne,
-				children: [
-					/* @__PURE__ */ l(i, {
-						iconSize: Y,
-						icon: T,
-						className: "prefix"
-					}),
-					/* @__PURE__ */ l(i, {
-						show: Z,
-						iconSize: Y,
-						className: "spinner",
-						icon: d
-					}),
-					/* @__PURE__ */ l(i, {
-						show: !D,
-						icon: O,
-						iconSize: Y
-					}),
-					/* @__PURE__ */ l(f, {
-						component: p,
-						mask: b,
-						replacement: S,
-						separate: y,
-						showMask: x,
-						ref: W,
-						onFocus: ee,
-						onBlur: te,
-						disabled: J,
-						readOnly: k,
-						id: G,
-						name: m,
-						defaultValue: N || void 0,
-						placeholder: J && R || z,
-						value: J ? void 0 : R,
-						...B
-					}),
-					/* @__PURE__ */ l(i, {
-						show: !D,
-						icon: F,
-						iconSize: Y
-					}),
-					/* @__PURE__ */ l(i, {
-						show: Q,
-						iconSize: Y,
-						className: "spinner",
-						icon: d
-					}),
-					/* @__PURE__ */ l(i, {
-						iconSize: Y,
-						icon: E,
-						className: "suffix"
-					})
-				]
-			}),
-			K && /* @__PURE__ */ l(t, { children: K })
-		]
-	});
-}
-//#endregion
-export { m as MaskedInput };