@arkyn/components 3.0.1-beta.95 → 3.0.2

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

@@ -0,0 +1,20 @@
+import { ViewService as e } from "../../_viewService.js";
+import { useFullCalendar as t } from "../../_fullCalendarProvider.js";
+import { WeekCalendarTableTd as n } from "../weekCalendarTableTd/index.js";
+/* empty css       */
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.tsx
+function a() {
+	let a = t(), o = new e();
+	return /* @__PURE__ */ r("tbody", {
+		className: "arkynWeekCalendarTableBody",
+		children: a.listWeeklyMatrix.map((e) => /* @__PURE__ */ i("tr", { children: [/* @__PURE__ */ r("td", {
+			className: "hourTd",
+			children: /* @__PURE__ */ r("p", { children: o.formatHourLabel(e[0].timeInMinutes) })
+		}), e.map((e) => /* @__PURE__ */ r(n, { ...e }, `${e.year}-${e.month}-${e.day}-${e.timeInMinutes}`))] }, e[0].timeInMinutes))
+	});
+}
+//#endregion
+export { a as WeekCalendarTableBody };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport { ViewService } from \"../../_viewService\";\nimport { WeekCalendarTableTd } from \"../weekCalendarTableTd\";\nimport \"./styles.css\";\n\nfunction WeekCalendarTableBody() {\n\tconst fullCalendar = useFullCalendar();\n\tconst viewService = new ViewService();\n\n\treturn (\n\t\t<tbody className=\"arkynWeekCalendarTableBody\">\n\t\t\t{fullCalendar.listWeeklyMatrix.map((hourRow) => (\n\t\t\t\t<tr key={hourRow[0].timeInMinutes}>\n\t\t\t\t\t<td className=\"hourTd\">\n\t\t\t\t\t\t<p>{viewService.formatHourLabel(hourRow[0].timeInMinutes)}</p>\n\t\t\t\t\t</td>\n\n\t\t\t\t\t{hourRow.map((cell) => (\n\t\t\t\t\t\t<WeekCalendarTableTd\n\t\t\t\t\t\t\tkey={`${cell.year}-${cell.month}-${cell.day}-${cell.timeInMinutes}`}\n\t\t\t\t\t\t\t{...cell}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</tr>\n\t\t\t))}\n\t\t</tbody>\n\t);\n}\n\nexport { WeekCalendarTableBody };\n"],"mappings":";;;;;;AAKA,SAAS,IAAwB;CAChC,IAAM,IAAe,EAAgB,GAC/B,IAAc,IAAI,EAAY;CAEpC,OACC,kBAAC,SAAD;EAAO,WAAU;YACf,EAAa,iBAAiB,KAAK,MACnC,kBAAC,MAAD,EAAA,UAAA,CACC,kBAAC,MAAD;GAAI,WAAU;aACb,kBAAC,KAAD,EAAA,UAAI,EAAY,gBAAgB,EAAQ,EAAE,CAAC,aAAa,EAAK,CAAA;EAC1D,CAAA,GAEH,EAAQ,KAAK,MACb,kBAAC,GAAD,EAEC,GAAI,EACJ,GAFK,GAAG,EAAK,KAAK,GAAG,EAAK,MAAM,GAAG,EAAK,IAAI,GAAG,EAAK,eAEpD,CACD,CACE,EAAA,GAXK,EAAQ,EAAE,CAAC,aAWhB,CACJ;CACK,CAAA;AAET"}

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableBody/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynWeekCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynWeekCalendarTableBody tr{border-top:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableBody .hourTd>p{letter-spacing:0%;text-align:center;color:var(--text-body,#52525b);margin:auto;font-size:16px;font-weight:400;line-height:24px}}

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

@@ -0,0 +1,13 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.tsx
+function t({ children: t }) {
+	return /* @__PURE__ */ e("div", {
+		className: "arkynWeekCalendarTableContainer",
+		children: /* @__PURE__ */ e("table", { children: t })
+	});
+}
+//#endregion
+export { t as WeekCalendarTableContainer };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype WeekCalendarTableContainerProps = {\n\tchildren: ReactNode;\n};\n\nfunction WeekCalendarTableContainer({\n\tchildren,\n}: WeekCalendarTableContainerProps) {\n\treturn (\n\t\t<div className=\"arkynWeekCalendarTableContainer\">\n\t\t\t<table>{children}</table>\n\t\t</div>\n\t);\n}\n\nexport { WeekCalendarTableContainer };\n"],"mappings":";;;AAOA,SAAS,EAA2B,EACnC,eACmC;CACnC,OACC,kBAAC,OAAD;EAAK,WAAU;YACd,kBAAC,SAAD,EAAQ,YAAgB,CAAA;CACpB,CAAA;AAEP"}

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableContainer/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynWeekCalendarTableContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow:hidden}.arkynWeekCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}

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

@@ -0,0 +1,19 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { formatToCapitalizeFirstWordLetter as r } from "@arkyn/shared";
+//#region src/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.tsx
+function i() {
+	let { listWeek: i, listWeeklyMatrix: a } = e(), o = a[0] || [];
+	return /* @__PURE__ */ t("thead", {
+		className: "arkynWeekCalendarTableHeader",
+		children: /* @__PURE__ */ n("tr", { children: [/* @__PURE__ */ t("th", {}), i.map((e, i) => /* @__PURE__ */ t("th", { children: /* @__PURE__ */ n("div", {
+			className: "arkynWeekCalendarTableHeaderContent",
+			children: [/* @__PURE__ */ t("span", { children: r(e) }), /* @__PURE__ */ t("strong", { children: o[i]?.day })]
+		}) }, e))] })
+	});
+}
+//#endregion
+export { i as WeekCalendarTableHeader };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.tsx"],"sourcesContent":["import { formatToCapitalizeFirstWordLetter } from \"@arkyn/shared\";\nimport { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport \"./styles.css\";\n\nfunction WeekCalendarTableHeader() {\n\tconst { listWeek, listWeeklyMatrix } = useFullCalendar();\n\tconst firstHourRow = listWeeklyMatrix[0] || [];\n\n\treturn (\n\t\t<thead className=\"arkynWeekCalendarTableHeader\">\n\t\t\t<tr>\n\t\t\t\t<th />\n\t\t\t\t{listWeek.map((day, index) => (\n\t\t\t\t\t<th key={day}>\n\t\t\t\t\t\t<div className=\"arkynWeekCalendarTableHeaderContent\">\n\t\t\t\t\t\t\t<span>{formatToCapitalizeFirstWordLetter(day)}</span>\n\t\t\t\t\t\t\t<strong>{firstHourRow[index]?.day}</strong>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t))}\n\t\t\t</tr>\n\t\t</thead>\n\t);\n}\n\nexport { WeekCalendarTableHeader };\n"],"mappings":";;;;;AAIA,SAAS,IAA0B;CAClC,IAAM,EAAE,aAAU,wBAAqB,EAAgB,GACjD,IAAe,EAAiB,MAAM,CAAC;CAE7C,OACC,kBAAC,SAAD;EAAO,WAAU;YAChB,kBAAC,MAAD,EAAA,UAAA,CACC,kBAAC,MAAD,CAAK,CAAA,GACJ,EAAS,KAAK,GAAK,MACnB,kBAAC,MAAD,EAAA,UACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACC,kBAAC,QAAD,EAAA,UAAO,EAAkC,CAAG,EAAQ,CAAA,GACpD,kBAAC,UAAD,EAAA,UAAS,EAAa,EAAM,EAAE,IAAY,CAAA,CACtC;KACF,GALK,CAKL,CACJ,CACE,EAAA,CAAA;CACE,CAAA;AAET"}

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableHeader/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynWeekCalendarTableHeader th{color:var(--text-heading,#09090b);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynWeekCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableHeaderContent{flex-direction:column;align-items:center;gap:4px;display:flex}.arkynWeekCalendarTableHeaderContent>span{color:var(--text-muted,#a1a1aa);font-size:14px;font-weight:400;line-height:20px}.arkynWeekCalendarTableHeaderContent>strong{color:var(--text-heading,#09090b);font-size:24px;font-weight:500;line-height:28px}}

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

@@ -0,0 +1,37 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport { WeekCalendarEvent } from \"../weekCalendarEvent\";\nimport \"./styles.css\";\n\ntype WeekCalendarTableTdProps = {\n\tday: number;\n\tmonth: number;\n\tyear: number;\n\tdayOwner: \"previous\" | \"current\" | \"next\";\n\ttimeInMinutes: number;\n};\n\nfunction WeekCalendarTableTd(props: WeekCalendarTableTdProps) {\n\tconst { day, month, year, dayOwner, timeInMinutes } = props;\n\tconst { blockedTimestamps, onClickDate } = useFullCalendar();\n\n\tfunction isBlocked() {\n\t\tconst currentDate = new Date(year, month, day);\n\n\t\treturn blockedTimestamps.some(\n\t\t\t(timestamp) =>\n\t\t\t\tcurrentDate >= timestamp.initialDate &&\n\t\t\t\tcurrentDate <= timestamp.endDate,\n\t\t);\n\t}\n\n\tfunction handleClick(event: React.MouseEvent) {\n\t\tevent.stopPropagation();\n\t\tif (isBlocked()) return;\n\n\t\tif (onClickDate) {\n\t\t\tconst date = new Date(year, month, day);\n\t\t\tdate.setHours(0, timeInMinutes, 0, 0);\n\t\t\tonClickDate(date);\n\t\t}\n\t}\n\n\treturn (\n\t\t<td\n\t\t\tclassName={`arkynWeekCalendarTableTd ${dayOwner}  ${isBlocked() ? \"blocked\" : \"\"}`}\n\t\t\tdata-day={day}\n\t\t\tdata-time={timeInMinutes}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t<div className=\"arkynWeekCalendarTableTdContent\">\n\t\t\t\t<WeekCalendarEvent\n\t\t\t\t\tday={day}\n\t\t\t\t\tmonth={month}\n\t\t\t\t\tyear={year}\n\t\t\t\t\ttimeInMinutes={timeInMinutes}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</td>\n\t);\n}\n\nexport { WeekCalendarTableTd };\n"],"mappings":";;;;;AAYA,SAAS,EAAoB,GAAiC;CAC7D,IAAM,EAAE,QAAK,UAAO,SAAM,aAAU,qBAAkB,GAChD,EAAE,sBAAmB,mBAAgB,EAAgB;CAE3D,SAAS,IAAY;EACpB,IAAM,IAAc,IAAI,KAAK,GAAM,GAAO,CAAG;EAE7C,OAAO,EAAkB,MACvB,MACA,KAAe,EAAU,eACzB,KAAe,EAAU,OAC3B;CACD;CAEA,SAAS,EAAY,GAAyB;EAC7C,MAAM,gBAAgB,GAClB,GAAU,KAEV,GAAa;GAChB,IAAM,IAAO,IAAI,KAAK,GAAM,GAAO,CAAG;GAEtC,AADA,EAAK,SAAS,GAAG,GAAe,GAAG,CAAC,GACpC,EAAY,CAAI;EACjB;CACD;CAEA,OACC,kBAAC,MAAD;EACC,WAAW,4BAA4B,EAAS,IAAI,EAAU,IAAI,YAAY;EAC9E,YAAU;EACV,aAAW;EACX,SAAS;YAET,kBAAC,OAAD;GAAK,WAAU;aACd,kBAAC,GAAD;IACM;IACE;IACD;IACS;GACf,CAAA;EACG,CAAA;CACF,CAAA;AAEN"}

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableTd/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynWeekCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:73px;position:relative}.arkynWeekCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 226, 226))}.arkynWeekCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynWeekCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynWeekCalendarTableTd.previous,.arkynWeekCalendarTableTd.next{color:var(--text-muted,#a1a1aa);background-color:var(--background-foreground,#fff)}.arkynWeekCalendarTableTd.current>p{color:var(--text-body,#52525b)}.arkynWeekCalendarTableTd .arkynWeekCalendarTableTdContent{height:100%;margin:3px;position:relative}}

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

@@ -0,0 +1,9 @@
+import { GoogleAnalytics as e } from "./googleAnalytics.js";
+//#region src/components/googleAnalytics/googleAnalytics.client.tsx
+function t(t) {
+	return new e().initialize(t), null;
+}
+//#endregion
+export { t as GoogleAnalyticsClient };
+
+//# sourceMappingURL=googleAnalytics.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"googleAnalytics.client.js","names":[],"sources":["../../../../src/components/googleAnalytics/googleAnalytics.client.tsx"],"sourcesContent":["import { GoogleAnalytics } from \"./googleAnalytics\";\n\ntype GoogleAnalyticsClientProps = {\n\tmeasurementId: string;\n};\n\nfunction GoogleAnalyticsClient(props: GoogleAnalyticsClientProps) {\n\tconst googleAnalytics = new GoogleAnalytics();\n\tgoogleAnalytics.initialize(props);\n\n\treturn null;\n}\n\nexport { GoogleAnalyticsClient };\n"],"mappings":";;AAMA,SAAS,EAAsB,GAAmC;CAIjE,OAFA,IAD4B,EAC5B,CAAA,CAAgB,WAAW,CAAK,GAEzB;AACR"}

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

@@ -0,0 +1,20 @@
+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 };
+
+//# sourceMappingURL=googleAnalytics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"googleAnalytics.js","names":[],"sources":["../../../../src/components/googleAnalytics/googleAnalytics.tsx"],"sourcesContent":["import { generateGAElements } from \"./snippets/generateGAElements\";\n\ntype InitializeProps = {\n\tmeasurementId: string;\n};\n\nclass GoogleAnalytics {\n\tprivate initializeAsyncScript(src: string) {\n\t\tconst script = document.createElement(\"script\");\n\t\tscript.async = true;\n\t\tscript.src = src;\n\t\treturn script;\n\t}\n\n\tprivate initializeInlineScript(content: string) {\n\t\tconst script = document.createElement(\"script\");\n\t\tscript.innerHTML = content;\n\t\treturn script;\n\t}\n\n\tinitialize(props: InitializeProps) {\n\t\tconst { measurementId } = props;\n\n\t\tconst elements = generateGAElements({ measurementId });\n\n\t\tconst asyncScript = this.initializeAsyncScript(elements.src);\n\t\tconst inlineScript = this.initializeInlineScript(elements.script);\n\n\t\tdocument.head.appendChild(asyncScript);\n\t\tdocument.head.appendChild(inlineScript);\n\t}\n}\n\nexport { GoogleAnalytics };\n"],"mappings":";;AAMA,IAAM,IAAN,MAAsB;CACrB,sBAA8B,GAAa;EAC1C,IAAM,IAAS,SAAS,cAAc,QAAQ;EAG9C,OAFA,EAAO,QAAQ,IACf,EAAO,MAAM,GACN;CACR;CAEA,uBAA+B,GAAiB;EAC/C,IAAM,IAAS,SAAS,cAAc,QAAQ;EAE9C,OADA,EAAO,YAAY,GACZ;CACR;CAEA,WAAW,GAAwB;EAClC,IAAM,EAAE,qBAAkB,GAEpB,IAAW,EAAmB,EAAE,iBAAc,CAAC,GAE/C,IAAc,KAAK,sBAAsB,EAAS,GAAG,GACrD,IAAe,KAAK,uBAAuB,EAAS,MAAM;EAGhE,AADA,SAAS,KAAK,YAAY,CAAW,GACrC,SAAS,KAAK,YAAY,CAAY;CACvC;AACD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/googleAnalytics/index.tsx"],"sourcesContent":["import type { JSX } from \"react\";\nimport { ClientOnly } from \"../clientOnly\";\nimport { GoogleAnalyticsClient } from \"./googleAnalytics.client\";\n\ntype GoogleAnalyticsProps = {\n\t/** Google Analytics 4 Measurement ID (e.g. `\"G-XXXXXXXXXX\"`). Required. */\n\tmeasurementId: string;\n\t/** When true, renders the GA4 snippet in development mode (bypasses the production check). @default false */\n\tshowInDevMode?: boolean;\n};\n\n/**\n * GoogleAnalytics — injects the Google Analytics 4 script into the page client-side.\n *\n * Renders nothing in development mode unless `showInDevMode` is `true`.\n * Wrapped in `ClientOnly` to avoid SSR errors.\n *\n * @param props.measurementId - GA4 Measurement ID (e.g. `\"G-XXXXXXXXXX\"`). Required.\n * @param props.showInDevMode - Renders in development mode. Default: false\n *\n * @returns GoogleAnalytics JSX element, or an empty fragment in dev mode.\n *\n * @example\n * ```tsx\n * // In your root layout\n * <GoogleAnalytics measurementId=\"G-XXXXXXXXXX\" />\n *\n * // Enable in development for testing\n * <GoogleAnalytics measurementId=\"G-XXXXXXXXXX\" showInDevMode />\n * ```\n */\n\nfunction GoogleAnalytics(props: GoogleAnalyticsProps): JSX.Element | null {\n\tconst { measurementId, showInDevMode = false } = props;\n\n\tif (process.env.NODE_ENV !== \"production\" && !showInDevMode) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ClientOnly>\n\t\t\t{() => <GoogleAnalyticsClient measurementId={measurementId} />}\n\t\t</ClientOnly>\n\t);\n}\n\nexport { GoogleAnalytics };\n"],"mappings":";;;;AAgCA,SAAS,EAAgB,GAAiD;CACzE,IAAM,EAAE,kBAAe,mBAAgB,OAAU;CAMjD,OAJA,QAAA,IAAA,aAA6B,gBAAgB,CAAC,IACtC,OAIP,kBAAC,GAAD,EAAA,gBACQ,kBAAC,GAAD,EAAsC,iBAAgB,CAAA,EAClD,CAAA;AAEd"}

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

@@ -0,0 +1,16 @@
+//#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 };
+
+//# sourceMappingURL=generateGAElements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateGAElements.js","names":[],"sources":["../../../../../src/components/googleAnalytics/snippets/generateGAElements.ts"],"sourcesContent":["type GenerateGAElementsProps = {\n\tmeasurementId: string;\n};\n\nfunction generateGAElements(props: GenerateGAElementsProps) {\n\tconst { measurementId } = props;\n\n\tif (!measurementId)\n\t\tconsole.warn(\"Google Analytics Measurement ID is required\");\n\n\tconst src = `https://www.googletagmanager.com/gtag/js?id=${measurementId}`;\n\n\tconst script = `\n    window.dataLayer = window.dataLayer || [];\n    function gtag(){dataLayer.push(arguments);}\n    gtag('js', new Date());\n    gtag('config', '${measurementId}');`;\n\n\treturn {\n\t\tsrc,\n\t\tscript,\n\t};\n}\n\nexport { generateGAElements };\n"],"mappings":";AAIA,SAAS,EAAmB,GAAgC;CAC3D,IAAM,EAAE,qBAAkB;CAa1B,OAXK,KACJ,QAAQ,KAAK,6CAA6C,GAUpD;EACN,KAAA,+CAT0D;EAU1D,QAAA;;;;sBAJoB,EAAc;CAKnC;AACD"}

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

@@ -0,0 +1,9 @@
+import { GoogleTagManager as e } from "./googleTagManager.js";
+//#region src/components/googleTagManager/googleTagManager.client.tsx
+function t(t) {
+	return new e().initialize(t), null;
+}
+//#endregion
+export { t as GoogleTagManagerClient };
+
+//# sourceMappingURL=googleTagManager.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"googleTagManager.client.js","names":[],"sources":["../../../../src/components/googleTagManager/googleTagManager.client.tsx"],"sourcesContent":["import { GoogleTagManager } from \"./googleTagManager\";\n\ntype GoogleTagManagerClientProps = {\n\tgtmId: string;\n\tevents: Record<string, string>;\n\tdataLayer: Record<string, string>;\n\tdataLayerName: string;\n\tauth: string;\n\tpreview: string;\n};\n\nfunction GoogleTagManagerClient(props: GoogleTagManagerClientProps) {\n\tconst googleTagManager = new GoogleTagManager();\n\tgoogleTagManager.initialize(props);\n\n\treturn null;\n}\n\nexport { GoogleTagManagerClient };\n"],"mappings":";;AAWA,SAAS,EAAuB,GAAoC;CAInE,OAFA,IAD6B,EAC7B,CAAA,CAAiB,WAAW,CAAK,GAE1B;AACR"}

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

@@ -0,0 +1,47 @@
+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 };
+
+//# sourceMappingURL=googleTagManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"googleTagManager.js","names":[],"sources":["../../../../src/components/googleTagManager/googleTagManager.tsx"],"sourcesContent":["import { appendToDataLayer } from \"./snippets/appendToDataLayer\";\nimport { generateGTMElements } from \"./snippets/generateGTMElements\";\n\ntype InitializeDataLayerProps = {\n\tdataLayerName: string;\n\tdataLayer: Record<string, string>;\n};\n\ntype InitializeGTMProps = {\n\tid: string;\n\tevents: Record<string, string>;\n\tdataLayer: Record<string, string>;\n\tdataLayerName: string;\n\tpreview: string;\n\tauth: string;\n};\n\ntype InitializeProps = {\n\tgtmId: string;\n\tevents: Record<string, string>;\n\tdataLayer: Record<string, string>;\n\tdataLayerName: string;\n\tauth: string;\n\tpreview: string;\n};\n\ninterface Window {\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\t[key: string]: any;\n}\n\ndeclare var window: Window;\n\nclass GoogleTagManager {\n\tprivate initializeDataScript(dataLayer: string) {\n\t\tconst script = document.createElement(\"script\");\n\t\tscript.innerHTML = dataLayer;\n\t\treturn script;\n\t}\n\n\tprivate initializeGTMElements(props: InitializeGTMProps) {\n\t\tconst snippets = generateGTMElements(props);\n\n\t\tconst noScript = () => {\n\t\t\tconst noscript = document.createElement(\"noscript\");\n\t\t\tnoscript.innerHTML = snippets.iframe;\n\t\t\treturn noscript;\n\t\t};\n\n\t\tconst script = () => {\n\t\t\tconst script = document.createElement(\"script\");\n\t\t\tscript.innerHTML = snippets.script;\n\t\t\treturn script;\n\t\t};\n\n\t\tconst dataScript = this.initializeDataScript(snippets.dataLayerVar);\n\n\t\treturn {\n\t\t\tnoScript,\n\t\t\tscript,\n\t\t\tdataScript,\n\t\t};\n\t}\n\n\tinitializeDataLayer(props: InitializeDataLayerProps) {\n\t\tconst { dataLayer, dataLayerName } = props;\n\n\t\tif (window[dataLayerName]) return window[dataLayerName].push(dataLayer);\n\n\t\tconst snippets = appendToDataLayer({ dataLayer, dataLayerName });\n\t\tconst dataScript = this.initializeDataScript(snippets);\n\n\t\tdocument.head.insertBefore(dataScript, document.head.childNodes[0]);\n\t}\n\n\tinitialize(props: InitializeProps) {\n\t\tconst {\n\t\t\tevents,\n\t\t\tgtmId,\n\t\t\tdataLayer,\n\t\t\tauth = \"\",\n\t\t\tpreview = \"\",\n\t\t\tdataLayerName = \"dataLayer\",\n\t\t} = props;\n\n\t\tconst gtm = this.initializeGTMElements({\n\t\t\tid: gtmId,\n\t\t\tevents: events,\n\t\t\tdataLayer: dataLayer || undefined,\n\t\t\tdataLayerName: dataLayerName,\n\t\t\tauth,\n\t\t\tpreview,\n\t\t});\n\n\t\tif (dataLayer) document.head.appendChild(gtm.dataScript);\n\t\tdocument.head.insertBefore(gtm.script(), document.head.childNodes[0]);\n\t\tdocument.body.insertBefore(gtm.noScript(), document.body.childNodes[0]);\n\t}\n}\n\nexport { GoogleTagManager };\n"],"mappings":";;;AAiCA,IAAM,IAAN,MAAuB;CACtB,qBAA6B,GAAmB;EAC/C,IAAM,IAAS,SAAS,cAAc,QAAQ;EAE9C,OADA,EAAO,YAAY,GACZ;CACR;CAEA,sBAA8B,GAA2B;EACxD,IAAM,IAAW,EAAoB,CAAK;EAgB1C,OAAO;GACN,gBAfsB;IACtB,IAAM,IAAW,SAAS,cAAc,UAAU;IAElD,OADA,EAAS,YAAY,EAAS,QACvB;GACR;GAYC,cAVoB;IACpB,IAAM,IAAS,SAAS,cAAc,QAAQ;IAE9C,OADA,EAAO,YAAY,EAAS,QACrB;GACR;GAOC,YALkB,KAAK,qBAAqB,EAAS,YAKrD;EACD;CACD;CAEA,oBAAoB,GAAiC;EACpD,IAAM,EAAE,cAAW,qBAAkB;EAErC,IAAI,OAAO,IAAgB,OAAO,OAAO,EAAc,CAAC,KAAK,CAAS;EAEtE,IAAM,IAAW,EAAkB;GAAE;GAAW;EAAc,CAAC,GACzD,IAAa,KAAK,qBAAqB,CAAQ;EAErD,SAAS,KAAK,aAAa,GAAY,SAAS,KAAK,WAAW,EAAE;CACnE;CAEA,WAAW,GAAwB;EAClC,IAAM,EACL,WACA,UACA,cACA,UAAO,IACP,aAAU,IACV,mBAAgB,gBACb,GAEE,IAAM,KAAK,sBAAsB;GACtC,IAAI;GACI;GACR,WAAW,KAAa,KAAA;GACT;GACf;GACA;EACD,CAAC;EAID,AAFI,KAAW,SAAS,KAAK,YAAY,EAAI,UAAU,GACvD,SAAS,KAAK,aAAa,EAAI,OAAO,GAAG,SAAS,KAAK,WAAW,EAAE,GACpE,SAAS,KAAK,aAAa,EAAI,SAAS,GAAG,SAAS,KAAK,WAAW,EAAE;CACvE;AACD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/googleTagManager/index.tsx"],"sourcesContent":["import { ClientOnly } from \"../clientOnly\";\nimport { GoogleTagManagerClient } from \"./googleTagManager.client\";\n\ntype GoogleTagManagerProps = {\n\t/** Google Tag Manager container ID (e.g. `\"GTM-XXXXXXX\"`). Required. */\n\tgtmId: string;\n\t/** Additional key-value pairs pushed to the dataLayer on initialization. */\n\tevents?: Record<string, string>;\n\t/** Initial key-value pairs added to the dataLayer before GTM loads. */\n\tdataLayer?: Record<string, string>;\n\t/** Global variable name for the dataLayer array. @default \"dataLayer\" */\n\tdataLayerName?: string;\n\t/** GTM environment auth token (for staging/testing environments). */\n\tauth?: string;\n\t/** GTM environment preview token (e.g. `\"env-3\"`). */\n\tpreview?: string;\n\t/** When true, renders the GTM snippet in development mode (bypasses the production check). @default false */\n\tshowInDevMode?: boolean;\n};\n\n/**\n * GoogleTagManager — injects the GTM `<script>` and `<noscript>` snippets into the page client-side.\n *\n * Renders nothing in development mode unless `showInDevMode` is `true`.\n * Wrapped in `ClientOnly` to avoid SSR errors.\n *\n * @param props.gtmId - GTM container ID (e.g. `\"GTM-XXXXXXX\"`). Required.\n * @param props.dataLayer - Initial key-value pairs for the dataLayer.\n * @param props.dataLayerName - Global dataLayer variable name. Default: \"dataLayer\"\n * @param props.events - Additional key-value pairs pushed on initialization.\n * @param props.auth - GTM environment auth token.\n * @param props.preview - GTM environment preview token (e.g. `\"env-3\"`).\n * @param props.showInDevMode - Renders in development mode. Default: false\n *\n * @returns GoogleTagManager JSX element, or an empty fragment in dev mode.\n *\n * @example\n * ```tsx\n * // Basic setup in your root layout\n * <GoogleTagManager gtmId=\"GTM-XXXXXXX\" />\n *\n * // With initial dataLayer values\n * <GoogleTagManager\n *   gtmId=\"GTM-XXXXXXX\"\n *   dataLayer={{ pageType: \"home\", userType: \"anonymous\" }}\n * />\n *\n * // Staging/preview environment\n * <GoogleTagManager\n *   gtmId=\"GTM-XXXXXXX\"\n *   auth=\"your-auth-token\"\n *   preview=\"env-3\"\n *   showInDevMode\n * />\n * ```\n */\n\nfunction GoogleTagManager(props: GoogleTagManagerProps) {\n\tconst {\n\t\tgtmId,\n\t\tauth = \"\",\n\t\tpreview = \"\",\n\t\tdataLayerName = \"dataLayer\",\n\t\tevents = {},\n\t\tdataLayer = {},\n\t\tshowInDevMode = false,\n\t} = props;\n\n\tif (process.env.NODE_ENV !== \"production\" && !showInDevMode) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ClientOnly>\n\t\t\t{() => (\n\t\t\t\t<GoogleTagManagerClient\n\t\t\t\t\tauth={auth}\n\t\t\t\t\tdataLayer={dataLayer}\n\t\t\t\t\tdataLayerName={dataLayerName}\n\t\t\t\t\tevents={events}\n\t\t\t\t\tgtmId={gtmId}\n\t\t\t\t\tpreview={preview}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</ClientOnly>\n\t);\n}\n\nexport { GoogleTagManager };\n"],"mappings":";;;;AAyDA,SAAS,EAAiB,GAA8B;CACvD,IAAM,EACL,UACA,UAAO,IACP,aAAU,IACV,mBAAgB,aAChB,YAAS,CAAC,GACV,eAAY,CAAC,GACb,mBAAgB,OACb;CAMJ,OAJA,QAAA,IAAA,aAA6B,gBAAgB,CAAC,IACtC,OAIP,kBAAC,GAAD,EAAA,gBAEE,kBAAC,GAAD;EACO;EACK;EACI;EACP;EACD;EACE;CACT,CAAA,EAES,CAAA;AAEd"}

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

@@ -0,0 +1,11 @@
+//#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 };
+
+//# sourceMappingURL=appendToDataLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appendToDataLayer.js","names":[],"sources":["../../../../../src/components/googleTagManager/snippets/appendToDataLayer.ts"],"sourcesContent":["type AppendToDataLayer = {\n\tdataLayer: Record<string, string>;\n\tdataLayerName: string;\n};\n\nfunction appendToDataLayer(props: AppendToDataLayer) {\n\tconst { dataLayer, dataLayerName } = props;\n\n\treturn `\n  window.${dataLayerName} = window.${dataLayerName} || [];\n  window.${dataLayerName}.push(${JSON.stringify(dataLayer)})`;\n}\n\nexport { appendToDataLayer };\n"],"mappings":";AAKA,SAAS,EAAkB,GAA0B;CACpD,IAAM,EAAE,cAAW,qBAAkB;CAErC,OAAO;WACG,EAAc,YAAY,EAAc;WACxC,EAAc,QAAQ,KAAK,UAAU,CAAS,EAAE;AAC3D"}

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

@@ -0,0 +1,25 @@
+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 };
+
+//# sourceMappingURL=generateGTMElements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateGTMElements.js","names":[],"sources":["../../../../../src/components/googleTagManager/snippets/generateGTMElements.ts"],"sourcesContent":["import { appendToDataLayer } from \"./appendToDataLayer\";\n\ntype GenerateGTMElementsProps = {\n\tid: string;\n\tevents: Record<string, string>;\n\tdataLayer: Record<string, string>;\n\tdataLayerName: string;\n\tpreview: string;\n\tauth: string;\n};\n\nfunction generateGTMElements(props: GenerateGTMElementsProps) {\n\tconst { id, events, dataLayer, dataLayerName, preview, auth } = props;\n\n\tconst gtmAuth = `&gtm_auth=${auth}`;\n\tconst gtmPreview = `&gtm_preview=${preview}`;\n\n\tif (!id) console.warn(\"GTM Id is required\");\n\n\tconst iframe = `\n    <iframe src=\"https://www.googletagmanager.com/ns.html?id=${id}${gtmAuth}${gtmPreview}&gtm_cookies_win=x\"\n      height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\" id=\"tag-manager\"></iframe>`;\n\n\tconst script = `\n    (function(w,d,s,l,i){w[l]=w[l]||[];\n      w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js', ${JSON.stringify(\n\t\t\t\tevents,\n\t\t\t).slice(1, -1)}});\n      var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';\n      j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+'${gtmAuth}${gtmPreview}&gtm_cookies_win=x';\n      f.parentNode.insertBefore(j,f);\n    })(window,document,'script','${dataLayerName}','${id}');`;\n\n\tconst dataLayerVar = appendToDataLayer({ dataLayer, dataLayerName });\n\n\treturn {\n\t\tiframe,\n\t\tscript,\n\t\tdataLayerVar,\n\t};\n}\n\nexport { generateGTMElements };\n"],"mappings":";;AAWA,SAAS,EAAoB,GAAiC;CAC7D,IAAM,EAAE,OAAI,WAAQ,cAAW,kBAAe,YAAS,YAAS,GAE1D,IAAU,aAAa,KACvB,IAAa,gBAAgB;CAoBnC,OAlBK,KAAI,QAAQ,KAAK,oBAAoB,GAkBnC;EACN,QAAA;+DAhB6D,IAAK,IAAU,EAAW;;EAiBvF,QAAA;;qEAZmE,KAAK,UACtE,CACD,CAAC,CAAC,MAAM,GAAG,EAAE,EAAE;;+EAE6D,IAAU,EAAW;;mCAEjE,EAAc,KAAK,EAAG;EAOvD,cALoB,EAAkB;GAAE;GAAW;EAAc,CAKjE;CACD;AACD"}

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

@@ -0,0 +1,34 @@
+/* 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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/iconButton/index.tsx"],"sourcesContent":["import { Loader2, type LucideIcon } from \"lucide-react\";\nimport type { ButtonHTMLAttributes } from \"react\";\n\nimport \"./styles.css\";\n\ntype IconButtonProps = Omit<\n\tButtonHTMLAttributes<HTMLButtonElement>,\n\t\"children\" | \"aria-label\"\n> & {\n\t/** Lucide icon component rendered inside the button. Required. */\n\ticon: LucideIcon;\n\t/** Accessible label for screen readers. Required. */\n\t\"aria-label\": string;\n\t/** Shows a spinner and disables the button during async operations. @default false */\n\tisLoading?: boolean;\n\t/**\n\t * Button size.\n\t * @default \"md\"\n\t */\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n\t/**\n\t * Visual style variant.\n\t * - `solid`: filled background.\n\t * - `outline`: bordered, transparent background.\n\t * - `ghost`: no border, subtle hover.\n\t * - `invisible`: no visual styling.\n\t * @default \"solid\"\n\t */\n\tvariant?: \"solid\" | \"outline\" | \"ghost\" | \"invisible\";\n\t/**\n\t * Color scheme applied to the button.\n\t * @default \"primary\"\n\t */\n\tscheme?: \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\n};\n\n/**\n * IconButton — compact button that renders a single icon without a text label.\n *\n * Always requires `aria-label` for accessibility.\n *\n * @param props.icon - Lucide icon component to render. Required.\n * @param props[\"aria-label\"] - Accessible label for screen readers. Required.\n * @param props.isLoading - Shows a spinner and disables the button. Default: false\n * @param props.size - Button size (`xs` | `sm` | `md` | `lg`). Default: \"md\"\n * @param props.variant - Visual style variant. Default: \"solid\"\n * @param props.scheme - Color scheme. Default: \"primary\"\n *\n * **...Other valid HTML properties for `<button>` (children not supported)**\n *\n * @returns IconButton JSX element.\n *\n * @example\n * ```tsx\n * <IconButton icon={Plus} aria-label=\"Add item\" />\n *\n * <IconButton icon={Trash2} aria-label=\"Delete\" scheme=\"danger\" variant=\"outline\" />\n *\n * <IconButton icon={Save} aria-label=\"Saving\" isLoading />\n *\n * <IconButton icon={MoreVertical} aria-label=\"More options\" size=\"sm\" />\n * ```\n */\n\nfunction IconButton(props: IconButtonProps) {\n\tconst {\n\t\tisLoading = false,\n\t\tscheme = \"primary\",\n\t\tvariant = \"solid\",\n\t\tsize = \"md\",\n\t\ticon: Icon,\n\t\tdisabled,\n\t\tclassName: baseClassName = \"\",\n\t\t...rest\n\t} = props;\n\n\tconst iconSize = { xs: 12, sm: 16, md: 20, lg: 24 };\n\tconst loading = isLoading ? \"loadingTrue\" : \"loadingFalse\";\n\tconst className = `arkynIconButton ${variant} ${scheme} ${size} ${loading} ${baseClassName}`;\n\n\treturn (\n\t\t<button\n\t\t\tdisabled={disabled || isLoading}\n\t\t\tclassName={className.trim()}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<div className=\"arkynIconButtonSpinner\">\n\t\t\t\t<Loader2 size={iconSize[size]} strokeWidth={2.5} />\n\t\t\t</div>\n\n\t\t\t<div className=\"arkynIconButtonContent\">\n\t\t\t\t<Icon size={iconSize[size]} strokeWidth={2.5} />\n\t\t\t</div>\n\t\t</button>\n\t);\n}\n\nexport { IconButton };\n"],"mappings":";;;;AAgEA,SAAS,EAAW,GAAwB;CAC3C,IAAM,EACL,eAAY,IACZ,YAAS,WACT,aAAU,SACV,UAAO,MACP,MAAM,GACN,aACA,WAAW,IAAgB,IAC3B,GAAG,MACA,GAEE,IAAW;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI,IAAI;CAAG,GAE5C,IAAY,mBAAmB,EAAQ,GAAG,EAAO,GAAG,EAAK,GAD/C,IAAY,gBAAgB,eAC8B,GAAG;CAE7E,OACC,kBAAC,UAAD;EACC,UAAU,KAAY;EACtB,WAAW,EAAU,KAAK;EAC1B,GAAI;YAHL,CAKC,kBAAC,OAAD;GAAK,WAAU;aACd,kBAAC,GAAD;IAAS,MAAM,EAAS;IAAO,aAAa;GAAM,CAAA;EAC9C,CAAA,GAEL,kBAAC,OAAD;GAAK,WAAU;aACd,kBAAC,GAAD;IAAM,MAAM,EAAS;IAAO,aAAa;GAAM,CAAA;EAC3C,CAAA,CACE;;AAEV"}

package/dist/modules/components/iconButton/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynIconButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{justify-content:center;align-items:center;display:flex}.arkynIconButton.solid{color:var(--white,#fff)}.arkynIconButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynIconButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynIconButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynIconButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynIconButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynIconButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynIconButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynIconButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.lg{border-radius:6px;width:44px;height:44px}.arkynIconButton.md{border-radius:6px;width:40px;height:40px}.arkynIconButton.sm{border-radius:6px;width:32px;height:32px}.arkynIconButton.xs{border-radius:4px;width:24px;height:24px}.arkynIconButtonSpinner{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynIconButtonSpinner>svg{animation:2s linear infinite spin}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}

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

@@ -0,0 +1,49 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/imageUpload/hasFileContent/index.tsx"],"sourcesContent":["import { RefreshCw } from \"lucide-react\";\n\nimport { Button } from \"../../button\";\nimport { IconButton } from \"../../iconButton\";\nimport { Tooltip } from \"../../tooltip\";\n\nimport \"./styles.css\";\n\ntype HasFileContentProps = {\n\tdisabled: boolean;\n\tacceptImage: string;\n\tisLoading: boolean;\n\tchangeImageButtonText: string;\n\tfilePath: string;\n\treSendImage?: () => void;\n\thandleSelectFile: (file: File) => void;\n};\n\nfunction HasFileContent(props: HasFileContentProps) {\n\tconst {\n\t\tdisabled,\n\t\tfilePath,\n\t\tisLoading,\n\t\tacceptImage,\n\t\tchangeImageButtonText,\n\t\thandleSelectFile,\n\t\treSendImage,\n\t} = props;\n\n\tfunction handleClick() {\n\t\tif (disabled) return;\n\n\t\tconst input = document.createElement(\"input\");\n\n\t\tinput.type = \"file\";\n\t\tinput.accept = acceptImage;\n\n\t\tinput.onchange = (event) => {\n\t\t\tconst file = (event.target as HTMLInputElement).files?.[0];\n\t\t\tif (file) handleSelectFile(file);\n\t\t};\n\n\t\tinput.click();\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"arkynImageUploadHasFileContent\"\n\t\t\tstyle={{ backgroundImage: `url(\"${filePath}\")` }}\n\t\t>\n\t\t\t{reSendImage && (\n\t\t\t\t<Tooltip orientation=\"bottom\" text=\"Reenviar imagem\">\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-label=\"resend image\"\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\tscheme=\"danger\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\tonClick={reSendImage}\n\t\t\t\t\t\ticon={RefreshCw}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t)}\n\n\t\t\t<Button\n\t\t\t\tisLoading={isLoading}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tvariant=\"outline\"\n\t\t\t\tsize=\"sm\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t{changeImageButtonText}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nexport { HasFileContent };\n"],"mappings":";;;;;;;AAkBA,SAAS,EAAe,GAA4B;CACnD,IAAM,EACL,aACA,aACA,cACA,gBACA,0BACA,qBACA,mBACG;CAEJ,SAAS,IAAc;EACtB,IAAI,GAAU;EAEd,IAAM,IAAQ,SAAS,cAAc,OAAO;EAU5C,AARA,EAAM,OAAO,QACb,EAAM,SAAS,GAEf,EAAM,YAAY,MAAU;GAC3B,IAAM,IAAQ,EAAM,OAA4B,QAAQ;GACxD,AAAI,KAAM,EAAiB,CAAI;EAChC,GAEA,EAAM,MAAM;CACb;CAEA,OACC,kBAAC,OAAD;EACC,WAAU;EACV,OAAO,EAAE,iBAAiB,QAAQ,EAAS,IAAI;YAFhD,CAIE,KACA,kBAAC,GAAD;GAAS,aAAY;GAAS,MAAK;aAClC,kBAAC,GAAD;IACC,MAAK;IACL,cAAW;IACX,SAAQ;IACR,QAAO;IACP,MAAK;IACM;IACX,SAAS;IACT,MAAM;IACI;GACV,CAAA;EACO,CAAA,GAGV,kBAAC,GAAD;GACY;GACX,SAAS;GACT,SAAQ;GACR,MAAK;GACL,MAAK;GACK;aAET;EACM,CAAA,CACJ;;AAEP"}

package/dist/modules/components/imageUpload/hasFileContent/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynImageUploadHasFileContent{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;justify-content:end;align-items:end;gap:8px;width:100%;height:100%;padding:6px;display:flex}}

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

@@ -0,0 +1,68 @@
+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?.(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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/imageUpload/index.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { useForm } from \"../../hooks/useForm\";\nimport { FieldTemplate } from \"../../services/fieldTemplate\";\n\nimport { HasFileContent } from \"./hasFileContent\";\nimport { NoFileContent } from \"./noFileContent\";\nimport \"./styles.css\";\n\ntype ImageUploadProps = {\n\t/** Field name for form submission (stores the uploaded image URL). Required. */\n\tname: string;\n\t/** Server endpoint URL that receives the `multipart/form-data` upload request. Required. */\n\taction: string;\n\t/** Pre-populated image URL displayed as a preview (e.g. an existing avatar). @default \"\" */\n\tdefaultValue?: string | null;\n\t/** Additional CSS class applied to the wrapper element. */\n\tclassName?: string;\n\t/** Disables file selection and upload. @default false */\n\tdisabled?: boolean;\n\t/** Optional label text displayed above the upload area. */\n\tlabel?: string;\n\t/** Displays an asterisk on the label to signal a required field. @default false */\n\tshowAsterisk?: boolean;\n\t/** Label for the file-picker button after an image is selected. @default \"Alterar imagem\" */\n\tchangeImageButtonText?: string;\n\t/** Label for the file-picker button before an image is selected. @default \"Selecionar imagem\" */\n\tselectImageButtonText?: string;\n\t/** Text displayed in the drag-and-drop zone. @default \"Ou arraste e solte a imagem aqui\" */\n\tdropImageText?: string;\n\t/** HTTP method for the upload request. @default \"POST\" */\n\tmethod?: string;\n\t/** Form-data field name used for the file. @default \"file\" */\n\tfileName?: string;\n\t/** Property name in the server response that contains the image URL. @default \"url\" */\n\tfileResponseName?: string;\n\t/** Accepted image MIME types or extensions (e.g. `\"image/jpeg,image/png\"`). @default \"image/*\" */\n\tacceptImage?: string;\n\t/** Callback fired after a successful upload. Receives the image URL returned by the server. */\n\tonChange?: (url: string) => void;\n\t/** When true, skips `FieldTemplate` wrapper (label and error text). @default false */\n\tunShowFieldTemplate?: boolean;\n\t/**\n\t * Layout direction forwarded to `FieldTemplate`.\n\t * @default \"horizontal\"\n\t */\n\torientation?: \"horizontal\" | \"vertical\" | \"horizontalReverse\";\n};\n\n/**\n * ImageUpload — drag-and-drop image uploader with server upload and image preview.\n *\n * Sends the file via `fetch` as `multipart/form-data` and stores the returned URL\n * in a hidden `<input>` for form submission.\n * Integrates with `useForm` to display validation errors by field name.\n *\n * @param props.name - Field name for form submission. Required.\n * @param props.action - Upload endpoint URL. Required.\n * @param props.defaultValue - Pre-populated image URL displayed as preview.\n * @param props.disabled - Disables file selection and upload. Default: false\n * @param props.label - Label text displayed above the upload area.\n * @param props.showAsterisk - Appends `*` to the label. Default: false\n * @param props.acceptImage - Accepted MIME types or extensions. Default: \"image/*\"\n * @param props.method - HTTP method. Default: \"POST\"\n * @param props.fileName - Form-data field name for the file. Default: \"file\"\n * @param props.fileResponseName - Server response property containing the URL. Default: \"url\"\n * @param props.onChange - Callback fired after a successful upload — receives the image URL.\n * @param props.orientation - Layout direction. Default: \"horizontal\"\n * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false\n *\n * @returns ImageUpload JSX element wrapped in `FieldTemplate`.\n *\n * @example\n * ```tsx\n * // Basic\n * <ImageUpload name=\"avatar\" action=\"/api/upload/image\" />\n *\n * // Profile picture with existing image and label\n * <ImageUpload\n *   name=\"profilePicture\"\n *   action=\"/api/upload/avatar\"\n *   label=\"Profile Picture\"\n *   showAsterisk\n *   defaultValue={user.avatarUrl}\n *   selectImageButtonText=\"Choose photo\"\n *   onChange={(url) => updateProfile({ avatarUrl: url })}\n * />\n *\n * // Restricted to JPEG/PNG\n * <ImageUpload\n *   name=\"productImage\"\n *   action=\"/api/upload/product\"\n *   label=\"Product Image\"\n *   acceptImage=\"image/jpeg,image/png\"\n *   fileResponseName=\"imageUrl\"\n * />\n * ```\n */\n\nfunction ImageUpload(props: ImageUploadProps) {\n\tconst {\n\t\tname,\n\t\tdefaultValue = \"\",\n\t\tlabel,\n\t\tshowAsterisk = false,\n\t\taction,\n\t\tfileName = \"file\",\n\t\tclassName: wrapperClassName = \"\",\n\t\tmethod = \"POST\",\n\t\tacceptImage = \"image/*\",\n\t\tfileResponseName = \"url\",\n\t\tchangeImageButtonText = \"Alterar imagem\",\n\t\tselectImageButtonText = \"Selecionar imagem\",\n\t\tdropImageText = \"Ou arraste e solte a imagem aqui\",\n\t\tonChange,\n\t\tdisabled = false,\n\t\tunShowFieldTemplate = false,\n\t\torientation = \"vertical\",\n\t} = props;\n\n\tconst { fieldErrors } = useForm();\n\tconst fieldError = fieldErrors?.[name];\n\n\tconst [value, setValue] = useState(defaultValue);\n\tconst [error, setError] = useState(\"\");\n\tconst [file, setFile] = useState<File | null>(null);\n\tconst [filePath, setFilePath] = useState(defaultValue);\n\tconst [isLoading, setIsLoading] = useState(false);\n\n\tasync function handleUploadImage(file: File) {\n\t\tif (disabled) return;\n\n\t\tsetIsLoading(true);\n\t\tsetFile(file);\n\t\tsetError(\"\");\n\n\t\tconst formData = new FormData();\n\t\tformData.append(fileName, file);\n\n\t\tawait fetch(action, { method: method, body: formData })\n\t\t\t.then(async (response) => await response.json())\n\t\t\t.then((response) => {\n\t\t\t\tif (response?.error) setError(response.error);\n\t\t\t\telse setValue(response?.[fileResponseName]);\n\t\t\t\tonChange?.(response?.[fileResponseName]);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error(error);\n\t\t\t\tsetError(\"Erro ao enviar imagem\");\n\t\t\t})\n\t\t\t.finally(() => setIsLoading(false));\n\t}\n\n\tfunction handleSelectFile(file: File) {\n\t\tif (disabled) return;\n\n\t\tsetFilePath(URL.createObjectURL(file));\n\t\thandleUploadImage(file);\n\t}\n\n\tconst errorMessage = fieldError || error;\n\n\tconst hasErrorClassName = errorMessage ? \"hasError\" : \"noHasError\";\n\tconst hasImageClassName = filePath ? \"hasImage\" : \"noHasImage\";\n\tconst className = `arkynImageUpload ${hasErrorClassName} ${hasImageClassName}`;\n\n\treturn (\n\t\t<FieldTemplate\n\t\t\tname={name}\n\t\t\tlabel={label}\n\t\t\tshowAsterisk={showAsterisk}\n\t\t\tclassName={wrapperClassName}\n\t\t\terrorMessage={errorMessage}\n\t\t\tunShowFieldTemplate={unShowFieldTemplate}\n\t\t\torientation={orientation}\n\t\t>\n\t\t\t<div className={className}>\n\t\t\t\t<input type=\"hidden\" name={name} value={value || \"\"} />\n\n\t\t\t\t{!filePath && (\n\t\t\t\t\t<NoFileContent\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\tacceptImage={acceptImage}\n\t\t\t\t\t\tdropImageText={dropImageText}\n\t\t\t\t\t\thandleSelectFile={handleSelectFile}\n\t\t\t\t\t\tselectImageButtonText={selectImageButtonText}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{filePath && (\n\t\t\t\t\t<HasFileContent\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\tacceptImage={acceptImage}\n\t\t\t\t\t\tfilePath={filePath}\n\t\t\t\t\t\thandleSelectFile={handleSelectFile}\n\t\t\t\t\t\tchangeImageButtonText={changeImageButtonText}\n\t\t\t\t\t\treSendImage={\n\t\t\t\t\t\t\terrorMessage && file ? () => handleUploadImage(file) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</FieldTemplate>\n\t);\n}\n\nexport { ImageUpload };\n"],"mappings":";;;;;;;;AAmGA,SAAS,EAAY,GAAyB;CAC7C,IAAM,EACL,SACA,kBAAe,IACf,UACA,kBAAe,IACf,WACA,cAAW,QACX,WAAW,IAAmB,IAC9B,YAAS,QACT,iBAAc,WACd,sBAAmB,OACnB,2BAAwB,kBACxB,2BAAwB,qBACxB,mBAAgB,oCAChB,aACA,cAAW,IACX,yBAAsB,IACtB,iBAAc,eACX,GAEE,EAAE,mBAAgB,EAAQ,GAC1B,IAAa,IAAc,IAE3B,CAAC,GAAO,KAAY,EAAS,CAAY,GACzC,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,CAAC,GAAM,KAAW,EAAsB,IAAI,GAC5C,CAAC,GAAU,KAAe,EAAS,CAAY,GAC/C,CAAC,GAAW,KAAgB,EAAS,EAAK;CAEhD,eAAe,EAAkB,GAAY;EAC5C,IAAI,GAAU;EAId,AAFA,EAAa,EAAI,GACjB,EAAQ,CAAI,GACZ,EAAS,EAAE;EAEX,IAAM,IAAW,IAAI,SAAS;EAG9B,AAFA,EAAS,OAAO,GAAU,CAAI,GAE9B,MAAM,MAAM,GAAQ;GAAU;GAAQ,MAAM;EAAS,CAAC,CAAC,CACrD,KAAK,OAAO,MAAa,MAAM,EAAS,KAAK,CAAC,CAAC,CAC/C,MAAM,MAAa;GAGnB,AAFI,GAAU,QAAO,EAAS,EAAS,KAAK,IACvC,EAAS,IAAW,EAAiB,GAC1C,IAAW,IAAW,EAAiB;EACxC,CAAC,CAAC,CACD,OAAO,MAAU;GAEjB,AADA,QAAQ,MAAM,CAAK,GACnB,EAAS,uBAAuB;EACjC,CAAC,CAAC,CACD,cAAc,EAAa,EAAK,CAAC;CACpC;CAEA,SAAS,EAAiB,GAAY;EACjC,MAEJ,EAAY,IAAI,gBAAgB,CAAI,CAAC,GACrC,EAAkB,CAAI;CACvB;CAEA,IAAM,IAAe,KAAc;CAMnC,OACC,kBAAC,GAAD;EACO;EACC;EACO;EACd,WAAW;EACG;EACO;EACR;YAEb,kBAAC,OAAD;GAAgB,WAAA,oBAdQ,IAAe,aAAa,aAEE,GAD9B,IAAW,aAAa;aAahD;IACC,kBAAC,SAAD;KAAO,MAAK;KAAe;KAAM,OAAO,KAAS;IAAK,CAAA;IAErD,CAAC,KACD,kBAAC,GAAD;KACW;KACC;KACE;KACE;KACG;KACK;IACvB,CAAA;IAGD,KACA,kBAAC,GAAD;KACW;KACC;KACE;KACH;KACQ;KACK;KACvB,aACC,KAAgB,UAAa,EAAkB,CAAI,IAAI,KAAA;IAExD,CAAA;GAEE;;CACS,CAAA;AAEjB"}