@arkyn/components 3.0.1-beta.153 → 3.0.1-beta.155

package/dist/modules/components/richText/leaf/index.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/richText/leaf/index.tsx
+function t({ attributes: t, children: n, leaf: r }) {
+	return r.bold && (n = /* @__PURE__ */ e("strong", { children: n })), r.code && (n = /* @__PURE__ */ e("code", { children: n })), r.italic && (n = /* @__PURE__ */ e("em", { children: n })), r.underline && (n = /* @__PURE__ */ e("u", { children: n })), /* @__PURE__ */ e("span", {
+		...t,
+		children: n
+	});
+}
+//#endregion
+export { t as Leaf };

package/dist/modules/components/richText/markButton/index.js

@@ -0,0 +1,20 @@
+import { isMarkActive as e } from "../../../services/isMarkActive.js";
+import { toggleMark as t } from "../../../services/toggleMark.js";
+/* empty css       */
+import { jsx as n } from "react/jsx-runtime";
+import { useSlate as r } from "slate-react";
+//#region src/components/richText/markButton/index.tsx
+function i({ format: i, icon: a }) {
+	let o = r(), s = e(o, i) ? "activeTrue" : "activeFalse";
+	function c(e) {
+		e.preventDefault(), t(o, i);
+	}
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		className: "arkynRichTextMarkButton " + s,
+		onMouseDown: c,
+		children: /* @__PURE__ */ n(a, {})
+	});
+}
+//#endregion
+export { i as MarkButton };

package/dist/modules/components/richText/toolbar/index.js

@@ -0,0 +1,11 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/richText/toolbar/index.tsx
+function t({ children: t }) {
+	return /* @__PURE__ */ e("div", {
+		className: "arkynRichTextToolbar",
+		children: t
+	});
+}
+//#endregion
+export { t as Toolbar };

package/dist/modules/components/searchPlaces.js

@@ -0,0 +1,58 @@
+import { Input as e } from "./input/index.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { StandaloneSearchBox as r } from "@react-google-maps/api";
+//#region src/components/searchPlaces.tsx
+function i(i) {
+	let { onChange: a, onPlaceChanged: o, options: s, ...c } = i, [l, u] = t(null);
+	return /* @__PURE__ */ n(r, {
+		onLoad: (e) => u(e),
+		onPlacesChanged: () => {
+			let e = l?.getPlaces(), t = e ? e[0] : null, n = t?.address_components;
+			function r(e) {
+				let t = n.find((t) => t.types[0] === e);
+				return t ? t.long_name : "";
+			}
+			function i(e) {
+				let t = n.find((t) => t.types[0] === e);
+				return t ? t.short_name : "";
+			}
+			function a(e) {
+				for (let t of e) {
+					let e = n.find((e) => e.types.includes(t));
+					if (e) return e.long_name;
+				}
+				return "";
+			}
+			if (t) {
+				let e = r("route"), n = r("street_number"), s = a([
+					"sublocality_level_1",
+					"sublocality",
+					"neighborhood"
+				]), c = r("administrative_area_level_2"), l = r("administrative_area_level_1"), u = i("administrative_area_level_1"), d = {
+					street: e,
+					city: c,
+					state: l,
+					neighborhood: s,
+					postalCode: a(["postal_code", "postal_code_prefix"]),
+					streetNumber: n,
+					stateShortName: u,
+					coordinates: {
+						lat: t.geometry?.location?.lat(),
+						lng: t.geometry?.location?.lng()
+					}
+				};
+				o && o(d);
+			}
+		},
+		options: s,
+		children: /* @__PURE__ */ n(e, {
+			type: "text",
+			autoComplete: "off",
+			onChange: (e) => a && a(e.target.value),
+			...c
+		})
+	});
+}
+//#endregion
+export { i as SearchPlaces };

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

@@ -0,0 +1,113 @@
+import { useForm as e } from "../../hooks/useForm.js";
+import { IconRenderer as t } from "../../services/iconRenderer.js";
+import { FieldTemplate as n } from "../../services/fieldTemplate.js";
+import { SelectChevron as r } from "./selectChevron/index.js";
+import { SelectContainer as i } from "./selectContainer/index.js";
+import { SelectContent as a } from "./selectContent/index.js";
+import { SelectOption as o } from "./selectOption/index.js";
+import { SelectOptionsContainer as s } from "./selectOptionsContainer/index.js";
+import { SelectOverlay as c } from "./selectOverlay/index.js";
+import { SelectSpinner as ee } from "./selectSpinner/index.js";
+import { useId as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/select/index.tsx
+function m(m) {
+	let { name: h, options: g, className: _ = "", placeholder: v = "Selecione...", closeOnSelect: y = !0, defaultValue: b = "", errorMessage: x, isLoading: S = !1, readOnly: C = !1, isSearchable: te = !1, id: ne, label: re, optionMaxHeight: ie, showAsterisk: w, leftIcon: T, onSearch: E, onChange: D, onBlur: O, notFoundText: k = "Sem opções disponíveis", onFocus: A, disabled: j = !1, prefix: M, size: N = "md", value: P, variant: F = "solid", orientation: I = "vertical", unShowFieldTemplate: L = !1 } = m, { fieldErrors: R } = e(), z = u(null), ae = ne || l(), B = x || R?.[h], V = !!B, H = j || S || C, U = {
+		md: 20,
+		lg: 20
+	}[N], [W, G] = d(""), [K, q] = d(!1), [J, Y] = d(b), X = P || J;
+	function Z(e) {
+		return X === e;
+	}
+	function oe(e) {
+		return g.find((t) => t.value === e)?.label || "";
+	}
+	function se() {
+		H || !z?.current || K || (q(!0), z.current.focus(), A && A());
+	}
+	function Q() {
+		q(!1), O && z.current && z.current.blur();
+	}
+	function ce(e) {
+		G(e), E && E(e);
+	}
+	function le(e) {
+		Z(e) ? (Y(""), D && D("")) : (Y(e), D && D(e)), y && Q();
+	}
+	let $ = g.filter((e) => !!(m.onSearch || !m.isSearchable || e.label.toLowerCase().includes(W.toLowerCase())));
+	return /* @__PURE__ */ f(n, {
+		name: h,
+		label: re,
+		showAsterisk: w,
+		className: _,
+		errorMessage: B,
+		unShowFieldTemplate: L,
+		orientation: I,
+		children: /* @__PURE__ */ p(i, {
+			handleContainerFocus: se,
+			disabled: H,
+			isError: V,
+			isFocused: K,
+			isLoading: S,
+			readOnly: C,
+			size: N,
+			variant: F,
+			prefixExists: !!M,
+			id: ae,
+			children: [
+				/* @__PURE__ */ f("input", {
+					ref: z,
+					name: h,
+					value: X,
+					type: "hidden"
+				}),
+				/* @__PURE__ */ f(t, {
+					iconSize: U,
+					icon: M,
+					className: "prefix"
+				}),
+				T && /* @__PURE__ */ f(T, {
+					size: U,
+					strokeWidth: 2.5
+				}),
+				/* @__PURE__ */ p(a, {
+					size: N,
+					children: [X !== "" && /* @__PURE__ */ f("p", {
+						className: "hasValue",
+						children: oe(X)
+					}), X === "" && /* @__PURE__ */ f("p", { children: v })]
+				}),
+				/* @__PURE__ */ p(s, {
+					isFocused: K,
+					isSearchable: te,
+					search: W,
+					onSearch: ce,
+					children: [$.map(({ label: e, value: t }) => /* @__PURE__ */ f(o, {
+						label: e,
+						value: t,
+						size: N,
+						handleChangeValue: le,
+						optionHasSelected: Z
+					}, t)), $.length <= 0 && /* @__PURE__ */ f("p", { children: k })]
+				}),
+				/* @__PURE__ */ f(r, {
+					disabled: H,
+					isFocused: K,
+					readOnly: C,
+					iconSize: U,
+					isLoading: S
+				}),
+				/* @__PURE__ */ f(ee, {
+					iconSize: U,
+					isLoading: S
+				}),
+				/* @__PURE__ */ f(c, {
+					handleBlur: Q,
+					isFocused: K
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { m as Select };

package/dist/modules/components/select/selectChevron/index.js

@@ -0,0 +1,19 @@
+/* empty css       */
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+import { ChevronDown as n } from "lucide-react";
+//#region src/components/select/selectChevron/index.tsx
+function r(r) {
+	let { iconSize: i, isLoading: a, disabled: o, readOnly: s, isFocused: c } = r;
+	return a ? /* @__PURE__ */ t(e, {}) : /* @__PURE__ */ t(n, {
+		className: `arkynSelectChevron ${o || s ? "notAnimate" : ""} ${c ? "focused" : ""}`,
+		strokeWidth: 2.5,
+		style: {
+			minWidth: i,
+			minHeight: i,
+			maxWidth: i,
+			maxHeight: i
+		}
+	});
+}
+//#endregion
+export { r as SelectChevron };

package/dist/modules/components/select/selectContainer/index.js

@@ -0,0 +1,14 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/select/selectContainer/index.tsx
+function t(t) {
+	let { children: n, handleContainerFocus: r, disabled: i, isError: a, isLoading: o, isFocused: s, className: c, readOnly: l, variant: u, size: d, id: f, prefixExists: p } = t;
+	return /* @__PURE__ */ e("section", {
+		id: f,
+		className: `arkynSelectContainer ${p ? "hasPrefix" : ""} ${u} ${d} ${i || l || o ? "opacity" : ""} ${a ? "errored" : ""} ${s ? "focused" : ""} ${c}`,
+		onClick: r,
+		children: n
+	});
+}
+//#endregion
+export { t as SelectContainer };

package/dist/modules/components/select/selectContent/index.js

@@ -0,0 +1,12 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/select/selectContent/index.tsx
+function t(t) {
+	let { children: n, size: r } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynSelectContent ${r}`,
+		children: n
+	});
+}
+//#endregion
+export { t as SelectContent };

package/dist/modules/components/select/selectOption/index.js

@@ -0,0 +1,18 @@
+/* empty css       */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Check as n } from "lucide-react";
+//#region src/components/select/selectOption/index.tsx
+function r(r) {
+	let { label: i, optionHasSelected: a, handleChangeValue: o, value: s, size: c } = r;
+	return /* @__PURE__ */ t("div", {
+		onClick: () => o(s),
+		className: `arkynSelectOption ${c} ${a(s) ? "active" : ""}`,
+		children: [
+			i,
+			" ",
+			/* @__PURE__ */ e(n, {})
+		]
+	});
+}
+//#endregion
+export { r as SelectOption };

package/dist/modules/components/select/selectOptionsContainer/index.js

@@ -0,0 +1,36 @@
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { Input as t } from "../../input/index.js";
+/* empty css       */
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Search as c } from "lucide-react";
+//#region src/components/select/selectOptionsContainer/index.tsx
+function l(l) {
+	let { children: u, isFocused: d, isSearchable: f, search: p, onSearch: m } = l, h = r(null), [g, _] = i("bottom");
+	e(d), n(() => {
+		d && (() => {
+			if (!h.current) return;
+			let e = h.current.parentElement;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			window.innerHeight - t.bottom < 300 && t.top > 300 ? _("top") : _("bottom");
+		})();
+	}, [d]);
+	function v(e) {
+		f && m(e.target.value);
+	}
+	return d ? /* @__PURE__ */ s("div", {
+		ref: h,
+		className: `arkynSelectOptionsContainer ${g}`,
+		children: [f && /* @__PURE__ */ o(t, {
+			type: "search",
+			name: "search-select",
+			variant: "underline",
+			leftIcon: c,
+			value: p,
+			onChange: v
+		}), u]
+	}) : /* @__PURE__ */ o(a, {});
+}
+//#endregion
+export { l as SelectOptionsContainer };

package/dist/modules/components/select/selectOverlay/index.js

@@ -0,0 +1,12 @@
+/* empty css       */
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+//#region src/components/select/selectOverlay/index.tsx
+function n(n) {
+	let { isFocused: r, handleBlur: i } = n;
+	return r ? /* @__PURE__ */ t("aside", {
+		className: "arkynSelectOverlay",
+		onClick: i
+	}) : /* @__PURE__ */ t(e, {});
+}
+//#endregion
+export { n as SelectOverlay };

package/dist/modules/components/select/selectSpinner/index.js

@@ -0,0 +1,14 @@
+/* empty css       */
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+import { Loader2 as n } from "lucide-react";
+//#region src/components/select/selectSpinner/index.tsx
+function r(r) {
+	let { iconSize: i, isLoading: a } = r;
+	return a ? /* @__PURE__ */ t(n, {
+		className: "arkynSelectSpinner",
+		size: i,
+		strokeWidth: 2.5
+	}) : /* @__PURE__ */ t(e, {});
+}
+//#endregion
+export { r as SelectSpinner };

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

@@ -0,0 +1,35 @@
+/* empty css       */
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/slider/index.tsx
+function a(a) {
+	let { onChange: o, value: s, disabled: c = !1, onDragging: l, className: u = "", ...d } = a, [f, p] = n(!1), m = t(null), h = () => p(!0), g = () => p(!1), _ = (e) => {
+		if (c || !f || !m.current) return;
+		let t = m.current.getBoundingClientRect(), n = e.clientX - t.left;
+		o(Math.min(Math.max(n / t.width * 100, 0), 100));
+	}, v = (e) => {
+		if (c || !m.current) return;
+		let t = m.current.getBoundingClientRect(), n = e.clientX - t.left;
+		o(Math.min(Math.max(n / t.width * 100, 0), 100));
+	};
+	e(() => (f ? (l && l(!0), document.addEventListener("mousemove", _), document.addEventListener("mouseup", g)) : (l && l(!1), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", g)), () => {
+		document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", g);
+	}), [f]);
+	let y = `arkynSliderTrack ${f ? "isDragging" : "isNotDragging"} ${c ? "isDisabled" : "isEnabled"} ${u}`;
+	return /* @__PURE__ */ i("div", {
+		...d,
+		className: y,
+		onMouseDown: h,
+		onClick: v,
+		ref: m,
+		children: [/* @__PURE__ */ r("div", {
+			className: "arkynSliderFill",
+			style: { width: `${s}%` }
+		}), /* @__PURE__ */ r("div", {
+			className: "arkynSliderThumb",
+			style: { left: `${s}%` }
+		})]
+	});
+}
+//#endregion
+export { a as Slider };

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

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

package/dist/modules/components/tab/tabButton/index.js

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

package/dist/modules/components/tab/tabContainer/index.js

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

package/dist/modules/components/tab/tabContext.js

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

package/dist/modules/components/table/tableBody/index.js

@@ -0,0 +1,20 @@
+/* empty css       */
+import { Children as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/table/tableBody/index.tsx
+function n(n) {
+	let { emptyMessage: r = "Nenhum dado adicionado.", className: i, children: a, ...o } = n, s = `arkynTableBody ${i}`, c = e.count(a) === 0;
+	return /* @__PURE__ */ t("tbody", {
+		className: s.trim(),
+		...o,
+		children: c ? /* @__PURE__ */ t("tr", {
+			className: "arkynTableBodyEmptyLine",
+			children: /* @__PURE__ */ t("td", {
+				colSpan: 100,
+				children: /* @__PURE__ */ t("div", { children: r })
+			})
+		}) : a
+	});
+}
+//#endregion
+export { n as TableBody };

package/dist/modules/components/table/tableCaption/index.js

@@ -0,0 +1,16 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/table/tableCaption/index.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("caption", {
+		className: `arkynTableCaption ${n}`.trim(),
+		...i,
+		children: /* @__PURE__ */ e("div", {
+			className: "arkynTableCaptionContent",
+			children: r
+		})
+	});
+}
+//#endregion
+export { t as TableCaption };

package/dist/modules/components/table/tableContainer/index.js

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

package/dist/modules/components/table/tableFooter/index.js

@@ -0,0 +1,19 @@
+/* empty css       */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/table/tableFooter/index.tsx
+function n(n) {
+	let { className: r, children: i, ...a } = n;
+	return /* @__PURE__ */ t("tfoot", {
+		className: `arkynTableFooter ${r}`.trim(),
+		...a,
+		children: [/* @__PURE__ */ e("tr", { className: "spacingRow" }), /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("th", {
+			colSpan: 100,
+			children: /* @__PURE__ */ e("div", {
+				className: "arkynTableFooterContent",
+				children: i
+			})
+		}) })]
+	});
+}
+//#endregion
+export { n as TableFooter };

package/dist/modules/components/table/tableHeader/index.js

@@ -0,0 +1,13 @@
+/* empty css       */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/table/tableHeader/index.tsx
+function n(n) {
+	let { className: r, children: i, ...a } = n;
+	return /* @__PURE__ */ t("thead", {
+		className: `arkynTableHeader ${r}`.trim(),
+		...a,
+		children: [/* @__PURE__ */ e("tr", { children: i }), /* @__PURE__ */ e("tr", { className: "spacingRow" })]
+	});
+}
+//#endregion
+export { n as TableHeader };

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

@@ -0,0 +1,52 @@
+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";
+/* empty css       */
+import { useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/textarea/index.tsx
+function l(l) {
+	let { variant: u = "solid", size: d = "md", className: f, errorMessage: p, disabled: m = !1, readOnly: h = !1, label: g, showAsterisk: _, name: v, onFocus: y, onBlur: b, title: x, style: S, value: C, defaultValue: w, placeholder: T, id: E, ...D } = l, { fieldErrors: O } = e(), [k, A] = o(!1), j = a(null), M = E || i(), N = p || O?.[v], P = `arkynTextarea ${u} ${d} ${m || h ? "opacityTrue" : "opacityFalse"} ${N ? "errorTrue" : "errorFalse"} ${k ? "focusedTrue" : "focusedFalse"}`;
+	function F() {
+		m || !j?.current || (A(!0), j.current.focus());
+	}
+	function I(e) {
+		A(!0), y && y(e);
+	}
+	function L(e) {
+		A(!1), b && b(e);
+	}
+	return /* @__PURE__ */ c(r, {
+		className: f,
+		children: [
+			g && /* @__PURE__ */ s(n, {
+				htmlFor: M,
+				showAsterisk: _,
+				children: g
+			}),
+			/* @__PURE__ */ s("section", {
+				title: x,
+				style: S,
+				onClick: F,
+				className: P,
+				children: /* @__PURE__ */ s("textarea", {
+					id: M,
+					disabled: m,
+					readOnly: h,
+					ref: j,
+					name: v,
+					onFocus: I,
+					onBlur: L,
+					defaultValue: w || "",
+					placeholder: m && C || T,
+					value: m ? void 0 : C,
+					...D
+				})
+			}),
+			N && /* @__PURE__ */ s(t, { children: N })
+		]
+	});
+}
+//#endregion
+export { l as Textarea };

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

@@ -0,0 +1,35 @@
+/* empty css       */
+import { useEffect as e, useId as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/tooltip/index.tsx
+function o(o) {
+	let { text: s, size: c = "lg", children: l, orientation: u = "top", className: d = "", ...f } = o, p = t(), m = n(null), [h, g] = r(u);
+	return e(() => {
+		let e = () => {
+			if (!m.current) return;
+			let e = document.getElementById(p);
+			e && (g(u), requestAnimationFrame(() => {
+				let t = e.getBoundingClientRect(), n = window.innerWidth, r = window.innerHeight, i = u;
+				u === "left" && t.left < 0 ? i = "right" : u === "right" && t.right > n ? i = "left" : u === "top" && t.top < 0 ? i = "bottom" : u === "bottom" && t.bottom > r && (i = "top"), i === "right" && t.right > n ? i = "left" : i === "left" && t.left < 0 ? i = "right" : i === "bottom" && t.bottom > r ? i = "top" : i === "top" && t.top < 0 && (i = "bottom"), g(i);
+			}));
+		}, t = m.current;
+		if (!t) return;
+		let n = () => {
+			setTimeout(e, 1);
+		};
+		return t.addEventListener("mouseenter", n), window.addEventListener("resize", e), () => {
+			t.removeEventListener("mouseenter", n), window.removeEventListener("resize", e);
+		};
+	}, [u, p]), /* @__PURE__ */ a("div", {
+		className: `arkynTooltip ${c} ${h} ${d}`.trim(),
+		...f,
+		ref: m,
+		children: [l, /* @__PURE__ */ i("div", {
+			className: "arkynTooltipText",
+			id: p,
+			dangerouslySetInnerHTML: { __html: s }
+		})]
+	});
+}
+//#endregion
+export { o as Tooltip };