@arkyn/components 3.0.1-beta.17 → 3.0.1-beta.172

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

@@ -0,0 +1,86 @@
+import { Button as e } from "../../button/index.js";
+import { Input as t } from "../../input/index.js";
+import { ModalContainer as n } from "../../modal/modalContainer/index.js";
+import { ModalFooter as r } from "../../modal/modalFooter/index.js";
+import { ModalHeader as i } from "../../modal/modalHeader/index.js";
+/* empty css       */
+import { useEffect as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Video as u } from "lucide-react";
+import { useSlate as d } from "slate-react";
+//#region src/components/richText/insertVideo/index.tsx
+function f(f) {
+	let { modalCancelButton: p = "Cancelar", modalConfirmButton: m = "Confirmar", modalInputUrlLabel: h = "URL do vídeo:", modalTitle: g = "Inserir vídeo", invalidUrlMessage: _ = "URL inválida" } = f, v = d(), [y, b] = o(!1), [x, S] = o(""), [C, w] = o(""), [T, E] = o("");
+	function D(e) {
+		if (e.preventDefault(), !x || x === "") return;
+		let t = `https://www.youtube.com/embed/${x}`;
+		v.insertNodes([
+			{
+				type: "paragraph",
+				children: [{ text: "" }]
+			},
+			{
+				type: "video",
+				src: t,
+				children: [{ text: "" }]
+			},
+			{
+				type: "paragraph",
+				children: [{ text: "" }]
+			}
+		]), b(!1);
+	}
+	return a(() => {
+		if (!C || C === "") return;
+		S(""), E("");
+		let e = new URLSearchParams(C.split("?")[1]).get("v");
+		e ? S(e) : E(_);
+	}, [C, _]), a(() => {
+		y || (S(""), w(""), E(""));
+	}, [y]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
+		type: "button",
+		className: "arkynRichTextInsertVideo",
+		onMouseDown: () => b(!0),
+		children: /* @__PURE__ */ c(u, {})
+	}), /* @__PURE__ */ l(n, {
+		isVisible: y,
+		makeInvisible: () => b(!1),
+		children: [
+			/* @__PURE__ */ c(i, { children: g }),
+			/* @__PURE__ */ l("div", {
+				className: "arkynRichTextInsertVideoModalContent",
+				children: [/* @__PURE__ */ c(t, {
+					type: "text",
+					name: "richTextVideoURL",
+					label: h,
+					showAsterisk: !0,
+					defaultValue: C,
+					onChange: (e) => w(e.target.value),
+					errorMessage: T
+				}), x && /* @__PURE__ */ c("iframe", {
+					width: "auto",
+					height: "315",
+					src: `https://www.youtube.com/embed/${x}`,
+					title: "YouTube video player",
+					allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+					referrerPolicy: "strict-origin-when-cross-origin",
+					allowFullScreen: !0
+				})]
+			}),
+			/* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(e, {
+				type: "button",
+				scheme: "danger",
+				variant: "outline",
+				onClick: () => b(!1),
+				children: p
+			}), /* @__PURE__ */ c(e, {
+				disabled: !x,
+				type: "button",
+				onClick: D,
+				children: m
+			})] })
+		]
+	})] });
+}
+//#endregion
+export { f as InsertVideo };

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

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

@@ -0,0 +1,19 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+import { ChevronDown as t } from "lucide-react";
+//#region src/components/select/selectChevron/index.tsx
+function n(n) {
+	let { iconSize: r, isLoading: i, disabled: a, readOnly: o, isFocused: s } = n;
+	return i ? null : /* @__PURE__ */ e(t, {
+		className: `arkynSelectChevron ${a || o ? "notAnimate" : ""} ${s ? "focused" : ""}`,
+		strokeWidth: 2.5,
+		style: {
+			minWidth: r,
+			minHeight: r,
+			maxWidth: r,
+			maxHeight: r
+		}
+	});
+}
+//#endregion
+export { n 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 { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Search as s } from "lucide-react";
+//#region src/components/select/selectOptionsContainer/index.tsx
+function c(c) {
+	let { children: l, isFocused: u, isSearchable: d, search: f, onSearch: p } = c, m = r(null), [h, g] = i("bottom");
+	e(u), n(() => {
+		u && (() => {
+			if (!m.current) return;
+			let e = m.current.parentElement;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			window.innerHeight - t.bottom < 300 && t.top > 300 ? g("top") : g("bottom");
+		})();
+	}, [u]);
+	function _(e) {
+		d && p(e.target.value);
+	}
+	return u ? /* @__PURE__ */ o("div", {
+		ref: m,
+		className: `arkynSelectOptionsContainer ${h}`,
+		children: [d && /* @__PURE__ */ a(t, {
+			type: "search",
+			name: "search-select",
+			variant: "underline",
+			leftIcon: s,
+			value: f,
+			onChange: _
+		}), l]
+	}) : null;
+}
+//#endregion
+export { c as SelectOptionsContainer };

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

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

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

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

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

@@ -0,0 +1,44 @@
+/* empty css       */
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/slider/index.tsx
+function o(o) {
+	let { onChange: s, value: c, disabled: l = !1, onDragging: u, className: d = "", ...f } = o, [p, m] = r(!1), h = n(null), g = () => m(!0), _ = e(() => m(!1), []), v = e((e) => {
+		if (l || !p || !h.current) return;
+		let t = h.current.getBoundingClientRect(), n = e.clientX - t.left;
+		s(Math.min(Math.max(n / t.width * 100, 0), 100));
+	}, [
+		l,
+		p,
+		s
+	]), y = (e) => {
+		if (l || !h.current) return;
+		let t = h.current.getBoundingClientRect(), n = e.clientX - t.left;
+		s(Math.min(Math.max(n / t.width * 100, 0), 100));
+	};
+	t(() => (p ? (u?.(!0), document.addEventListener("mousemove", v), document.addEventListener("mouseup", _)) : (u?.(!1), document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", _)), () => {
+		document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", _);
+	}), [
+		p,
+		u,
+		_,
+		v
+	]);
+	let b = `arkynSliderTrack ${p ? "isDragging" : "isNotDragging"} ${l ? "isDisabled" : "isEnabled"} ${d}`;
+	return /* @__PURE__ */ a("div", {
+		...f,
+		className: b,
+		onMouseDown: g,
+		onClick: y,
+		ref: h,
+		children: [/* @__PURE__ */ i("div", {
+			className: "arkynSliderFill",
+			style: { width: `${c}%` }
+		}), /* @__PURE__ */ i("div", {
+			className: "arkynSliderThumb",
+			style: { left: `${c}%` }
+		})]
+	});
+}
+//#endregion
+export { o 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 = t(), w = h || C, [T, E] = r(c), D = typeof l == "boolean" ? l : T;
+	function O() {
+		E(!T), m?.(D ? 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: O,
+			className: `arkynSwitch ${D ? "checkedTrue" : "checkedFalse"} ${s} ${p}`,
+			...x,
+			children: /* @__PURE__ */ i("input", {
+				id: w,
+				type: "hidden",
+				name: f,
+				ref: S,
+				onClick: O,
+				value: D ? 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?.(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 };