@vincentgraul/react-components 1.0.90 → 1.1.0

package/dist/react-components10.js

@@ -0,0 +1,8 @@
+var e = {
+	overlay: "_overlay_1k53g_1",
+	container: "_container_1k53g_11",
+	image: "_image_1k53g_30",
+	loading: "_loading_1k53g_1"
+};
+//#endregion
+export { e as default };

package/dist/react-components11.js

@@ -0,0 +1,33 @@
+import { toRem as e, toSeconds as t } from "./react-components2.js";
+import n from "./react-components10.js";
+import r from "clsx";
+import { LoaderCircle as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/loader/loader.tsx
+var s = ({ className: s, text: c, fontWeight: l = 700, overlayBackgroundColor: u = "rgba(0, 0, 0, 0.5)", color: d, hasIcon: f, icon: p, iconSize: m = 3, iconColor: h, iconGap: g = 1, iconAnimationDuration: _ = 1 }) => {
+	let v = { "--animation-duration": t(_) };
+	return /* @__PURE__ */ a("div", {
+		className: r(n.overlay, s),
+		style: {
+			backgroundColor: u,
+			...v
+		},
+		children: /* @__PURE__ */ o("div", {
+			className: n.container,
+			style: {
+				gap: e(g),
+				color: d
+			},
+			children: [f && (p ?? /* @__PURE__ */ a(i, {
+				className: n.image,
+				color: h,
+				size: e(m)
+			})), c && /* @__PURE__ */ a("span", {
+				style: { fontWeight: l },
+				children: c
+			})]
+		})
+	});
+};
+//#endregion
+export { s as Loader };

package/dist/react-components12.js

@@ -0,0 +1,10 @@
+var e = {
+	overlay: "_overlay_10yrs_1",
+	container: "_container_10yrs_11",
+	header: "_header_10yrs_24",
+	footer: "_footer_10yrs_28",
+	title: "_title_10yrs_32",
+	close: "_close_10yrs_36"
+};
+//#endregion
+export { e as default };

package/dist/react-components13.js

@@ -0,0 +1,72 @@
+import { toRem as e } from "./react-components2.js";
+import t from "./react-components12.js";
+import { useOutsideAlerter as n } from "./react-components40.js";
+import r from "clsx";
+import { X as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as s, useEffect as c, useRef as l } from "react";
+//#region src/components/modal/modal.tsx
+var u = ({ title: u, titleAs: d = "h2", titleFontSize: f = 1.5, titleFontWeight: p = 700, titleColor: m, titleJustifyContent: h, titleMarginBottom: g = 2, overlayBackgroundColor: _ = "rgba(0, 0, 0, 0.5)", hasCloseIcon: v, closeIcon: y, closeIconColor: b, closeIconSize: x = 1.5, closeIconMarginBottom: S = 1, backgroundColor: C = "rgb(255, 255, 255)", padding: w, ConfirmButton: T, confirmButtonText: E, DeclineButton: D, declineButtonText: O, buttonsJustifyContent: k = "end", buttonsGap: A = 1, buttonsMarginTop: j = 2, children: M, onClose: N, onDecline: P, onConfirm: F, renderHeader: I, renderFooter: L, className: R }) => {
+	let z = l(null), { hasClickedOutside: B } = n(z), V = s(() => {
+		N && N();
+	}, [N]);
+	return c(() => {
+		B && V();
+	}, [B, V]), /* @__PURE__ */ a("div", {
+		className: r(t.overlay, R),
+		style: { backgroundColor: _ },
+		children: /* @__PURE__ */ o("div", {
+			className: t.container,
+			ref: z,
+			style: {
+				backgroundColor: C,
+				padding: w
+			},
+			children: [
+				v ? y ?? /* @__PURE__ */ a(i, {
+					className: t.close,
+					onClick: V,
+					color: b,
+					size: e(x),
+					style: { marginBottom: e(S) }
+				}) : null,
+				I ? I() : u && /* @__PURE__ */ a("div", {
+					className: t.header,
+					style: { justifyContent: h },
+					children: /* @__PURE__ */ a(d, {
+						className: t.title,
+						style: {
+							fontSize: e(f),
+							fontWeight: p,
+							color: m,
+							marginBottom: e(g)
+						},
+						children: u
+					})
+				}),
+				M,
+				L ? L() : (T || D) && /* @__PURE__ */ o("div", {
+					className: t.footer,
+					style: {
+						justifyContent: k,
+						gap: e(A),
+						marginTop: e(j)
+					},
+					children: [D && /* @__PURE__ */ a(D, {
+						onClick: () => {
+							P && P(), V();
+						},
+						children: O ?? "Decline"
+					}), T && /* @__PURE__ */ a(T, {
+						onClick: () => {
+							F && F(), V();
+						},
+						children: E ?? "Confirm"
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { u as Modal };

package/dist/react-components14.js

@@ -0,0 +1,7 @@
+var e = {
+	container: "_container_revhp_1",
+	item: "_item_revhp_5",
+	active: "_active_revhp_19"
+};
+//#endregion
+export { e as default };

package/dist/react-components15.js

@@ -0,0 +1,51 @@
+import e from "./react-components14.js";
+import t from "clsx";
+import { ChevronLeft as n, ChevronRight as r, ChevronsLeft as i, ChevronsRight as a } from "lucide-react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/pagination/pagination.tsx
+var l = ({ className: l, page: u, total: d, items: f, itemColor: p, itemBackgroundColor: m, itemHoverColor: h, itemHoverBackgroundColor: g, itemActiveColor: _, itemActiveBackgroundColor: v, goToFirst: y, goToLeft: b, goToRight: x, goToLast: S, goToPage: C, renderSingleArrow: w, renderDoubleArrow: T }) => {
+	let E = {
+		"--item-color": p ?? "rgb(0, 0, 0)",
+		"--item-background-color": m ?? "rgb(255, 255, 255)",
+		"--item-hover-color": h ?? "rgb(0, 0, 0)",
+		"--item-hover-background-color": g ?? "rgb(211, 211, 211)",
+		"--item-active-color": _ ?? "rgb(255, 255, 255)",
+		"--item-active-background-color": v ?? "rgb(0, 0, 0)"
+	};
+	return /* @__PURE__ */ c("div", {
+		className: t(e.container, l),
+		style: E,
+		children: [
+			u > 1 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
+				type: "button",
+				className: e.item,
+				onClick: () => y(),
+				children: T ? T("left") : /* @__PURE__ */ s(i, {})
+			}), /* @__PURE__ */ s("button", {
+				type: "button",
+				className: e.item,
+				onClick: () => b(),
+				children: w ? w("left") : /* @__PURE__ */ s(n, {})
+			})] }),
+			f.map((n) => /* @__PURE__ */ s("button", {
+				type: "button",
+				className: t(e.item, n === u && e.active),
+				onClick: () => C(n),
+				children: n
+			}, n)),
+			u < d && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
+				type: "button",
+				className: e.item,
+				onClick: () => x(),
+				children: w ? w("right") : /* @__PURE__ */ s(r, {})
+			}), /* @__PURE__ */ s("button", {
+				type: "button",
+				className: e.item,
+				onClick: () => S(),
+				children: T ? T("right") : /* @__PURE__ */ s(a, {})
+			})] })
+		]
+	});
+};
+//#endregion
+export { l as Pagination };

package/dist/react-components16.js

@@ -0,0 +1,12 @@
+//#region src/components/select/select.module.css
+var e = "_container_1vggx_1", t = "_option_1vggx_35", n = {
+	container: e,
+	"selected-option-container": "_selected-option-container_1vggx_7",
+	"selected-option-text": "_selected-option-text_1vggx_19",
+	"selected-option-arrow-container": "_selected-option-arrow-container_1vggx_23",
+	"selected-option-arrow": "_selected-option-arrow_1vggx_23",
+	"options-list": "_options-list_1vggx_35",
+	option: t
+};
+//#endregion
+export { n as default };

package/dist/react-components17.js

@@ -0,0 +1,98 @@
+import { isNumber as e, toPercentage as t, toPx as n, toRem as r } from "./react-components2.js";
+import i from "./react-components16.js";
+import { useOutsideAlerter as a } from "./react-components40.js";
+import o from "clsx";
+import { ChevronDown as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useEffect as u, useRef as d, useState as f } from "react";
+//#region src/components/select/select.tsx
+var p = ({ className: p, options: m, selectedValue: h, label: g, labelFontSize: _ = 1, labelFontWeight: v = 400, labelAlignItems: y = "center", labelMarginBottom: b = 1, optionFontSize: x = 1, selectedOptionFontWeight: S = 400, optionFontWeight: C = 400, width: w = 100, height: T = 3, color: E, borderWidth: D = 1, borderStyle: O = "solid", backgroundColor: k, hoverOptionBackgroundColor: A = "rgba(50, 115, 255, 0.08)", hoverOptionColor: j, hoverFontWeight: M = 400, icon: N, onChange: P }) => {
+	let F = {
+		"--hover-background-color": A,
+		"--hover-text-color": j,
+		"--hover-text-weight": M
+	}, I = m.map((e, t) => ({
+		...e,
+		id: t
+	})), L = I.length < 2, [R, z] = f(!1), [B, V] = f(I.find((e) => e.value === h) ?? I[0]), H = d(null), { hasClickedOutside: U, onReset: W } = a(H), G = () => {
+		W(), z(!R);
+	}, K = (e) => {
+		V(e), z(!1), P && P(e);
+	};
+	return u(() => {
+		U && z(!1);
+	}, [U]), B ? /* @__PURE__ */ l("div", {
+		className: o(i.container, p),
+		ref: H,
+		style: {
+			width: e(w) ? t(w) : w,
+			alignItems: y,
+			...F
+		},
+		children: [
+			g && /* @__PURE__ */ c("span", {
+				style: {
+					fontSize: r(_),
+					fontWeight: v,
+					marginBottom: r(b)
+				},
+				children: g
+			}),
+			/* @__PURE__ */ l("button", {
+				type: "button",
+				className: i["selected-option-container"],
+				onClick: G,
+				style: {
+					borderWidth: n(D),
+					borderColor: E,
+					borderStyle: O,
+					backgroundColor: k,
+					color: E,
+					cursor: L ? "default" : "pointer",
+					pointerEvents: L ? "none" : "auto",
+					height: e(T) ? r(T) : T
+				},
+				children: [/* @__PURE__ */ c("span", {
+					className: i["selected-option-text"],
+					style: {
+						fontSize: r(x),
+						fontWeight: S,
+						borderColor: E
+					},
+					children: B.label
+				}), N ?? /* @__PURE__ */ c("div", {
+					className: i["selected-option-arrow-container"],
+					style: {
+						borderLeftStyle: O,
+						borderLeftWidth: n(D),
+						borderLeftColor: E
+					},
+					children: /* @__PURE__ */ c(s, {
+						className: i["selected-option-arrow"],
+						color: E
+					})
+				})]
+			}),
+			R && /* @__PURE__ */ c("ul", {
+				className: i["options-list"],
+				style: {
+					borderWidth: n(D),
+					borderColor: E,
+					borderStyle: O,
+					backgroundColor: k,
+					color: E,
+					fontSize: r(x),
+					fontWeight: C
+				},
+				children: I.filter((e) => e.id !== B.id).map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("button", {
+					className: i.option,
+					type: "button",
+					onClick: () => K(e),
+					children: e.label
+				}) }, e.id))
+			})
+		]
+	}) : null;
+};
+//#endregion
+export { p as Select };

package/dist/react-components18.js

@@ -0,0 +1,10 @@
+var e = {
+	container: "_container_cds7q_1",
+	main: "_main_cds7q_6",
+	tbody: "_tbody_cds7q_12",
+	th: "_th_cds7q_19",
+	tr: "_tr_cds7q_25",
+	td: "_td_cds7q_30"
+};
+//#endregion
+export { e as default };

package/dist/react-components19.js

@@ -0,0 +1,38 @@
+import e from "./react-components18.js";
+import t from "clsx";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/table/table.tsx
+var i = ({ className: i, columns: c, records: l, uniqueKey: u, renderHeader: d = () => null, renderFooter: f = () => null, renderColumnsRow: p = (e) => /* @__PURE__ */ n("tr", { children: e }), renderColumnsCell: m = (e, t) => /* @__PURE__ */ n(a, { children: e.name }, t), renderRecordsRow: h = (e, t) => /* @__PURE__ */ n(o, { children: e }, t), renderRecordsCell: g = (e, t) => /* @__PURE__ */ n(s, { children: e }, t), renderRecordsEmptyCell: _ = (e) => /* @__PURE__ */ n(s, { children: "X" }, e), renderNoRecords: v = () => null }) => /* @__PURE__ */ r("div", {
+	className: t(e.container, i),
+	children: [
+		d(),
+		l.length === 0 ? v() : /* @__PURE__ */ r("table", {
+			className: e.main,
+			children: [/* @__PURE__ */ n("thead", { children: p(c.map((e) => m(e, `column-${e.name}`))) }), /* @__PURE__ */ n("tbody", {
+				className: e.tbody,
+				children: (() => {
+					let e = c.map((e) => e.name);
+					return l.map((t, n) => {
+						let r = u ? t[u] : n;
+						return h(e.map((e) => {
+							let n = t[e], i = `row-${r}-cell-${e}`;
+							return n ? g(n, i) : _(i);
+						}), `row-${r}`);
+					});
+				})()
+			})]
+		}),
+		f()
+	]
+}), a = ({ children: t }) => /* @__PURE__ */ n("th", {
+	className: e.th,
+	children: t
+}), o = ({ children: t }) => /* @__PURE__ */ n("tr", {
+	className: e.tr,
+	children: t
+}), s = ({ children: t }) => /* @__PURE__ */ n("td", {
+	className: e.td,
+	children: t
+});
+//#endregion
+export { i as Table, s as Td, a as Th, o as Tr };

package/dist/react-components2.js

@@ -0,0 +1,4 @@
+//#region src/utils.ts
+var e = (e) => typeof e == "number", t = (e) => `${e}%`, n = (e) => `${e}rem`, r = (e) => `${e}px`, i = (e) => `${e}s`;
+//#endregion
+export { e as isNumber, t as toPercentage, r as toPx, n as toRem, i as toSeconds };

package/dist/react-components20.js

@@ -0,0 +1,8 @@
+var e = {
+	container: "_container_1ahie_1",
+	header: "_header_1ahie_6",
+	title: "_title_1ahie_11",
+	footer: "_footer_1ahie_15"
+};
+//#endregion
+export { e as default };

package/dist/react-components21.js

@@ -0,0 +1,85 @@
+import { toRem as e } from "./react-components2.js";
+import t from "./react-components20.js";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Children as a, useState as o } from "react";
+//#region src/components/wizard/wizard.tsx
+var s = ({ titles: n, titleAs: a = "h2", step: o, titleFontSize: s = 1.5, titleFontWeight: c = 700, totalSteps: l, hasStepIndicator: u, stepIndicatorFontWeight: d = 400 }) => /* @__PURE__ */ i("div", {
+	className: t.header,
+	children: [n && /* @__PURE__ */ r(a, {
+		className: t.title,
+		style: {
+			fontSize: e(s),
+			fontWeight: c
+		},
+		children: n[o - 1]
+	}), u && /* @__PURE__ */ i("span", {
+		style: { fontWeight: d },
+		children: [
+			o,
+			"/",
+			l
+		]
+	})]
+}), c = ({ Button: n = "button", nextButtonText: a = "Next", previousButtonText: o = "Previous", finalizeButtonText: s = "Finalize", onFinalize: c, justifyContent: l = "center", gap: u = 1, isFirstStep: d, isLastStep: f, previousStep: p, nextStep: m }) => /* @__PURE__ */ i("div", {
+	className: t.footer,
+	style: {
+		justifyContent: l,
+		gap: e(u)
+	},
+	children: [
+		!d && /* @__PURE__ */ r(n, {
+			onClick: p,
+			children: o
+		}),
+		!f && /* @__PURE__ */ r(n, {
+			onClick: m,
+			children: a
+		}),
+		f && c && /* @__PURE__ */ r(n, {
+			onClick: c,
+			children: s
+		})
+	]
+}), l = ({ className: l, children: u, step: d = 1, renderHeader: f, renderFooter: p, gap: m = 1, header: h, footer: g }) => {
+	let _ = a.count(u), [v, y] = o(d <= _ ? d : 1), b = v === 1, x = v === _, S = a.toArray(u)[v - 1], C = () => {
+		v < _ && y(v + 1);
+	}, w = () => {
+		v > 1 && y(v - 1);
+	};
+	return /* @__PURE__ */ i("div", {
+		className: n(t.container, l),
+		style: { gap: e(m) },
+		children: [
+			f ? f({
+				step: v,
+				previousStep: w,
+				nextStep: C,
+				isFirstStep: b,
+				isLastStep: x,
+				totalSteps: _
+			}) : /* @__PURE__ */ r(s, {
+				step: v,
+				totalSteps: _,
+				...h
+			}),
+			S,
+			p ? p({
+				step: v,
+				previousStep: w,
+				nextStep: C,
+				isFirstStep: b,
+				isLastStep: x,
+				totalSteps: _
+			}) : /* @__PURE__ */ r(c, {
+				isFirstStep: b,
+				isLastStep: x,
+				nextStep: C,
+				previousStep: w,
+				...g
+			})
+		]
+	});
+};
+//#endregion
+export { l as Wizard };

package/dist/react-components22.js

@@ -0,0 +1,3 @@
+var e = { container: "_container_ldyam_1" };
+//#endregion
+export { e as default };

package/dist/react-components23.js

@@ -0,0 +1,22 @@
+import { isNumber as e, toPercentage as t, toRem as n } from "./react-components2.js";
+import r from "./react-components22.js";
+import i from "clsx";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/flex/flex.tsx
+var o = ({ className: o, children: s, flexDirection: c, justifyContent: l, alignItems: u, alignSelf: d, wrap: f, width: p = 100, height: m = "auto", padding: h, gap: g = 0 }) => /* @__PURE__ */ a("div", {
+	className: i(r.container, o),
+	style: {
+		width: e(p) ? t(p) : p,
+		height: e(m) ? n(m) : m,
+		flexDirection: c,
+		justifyContent: l,
+		alignItems: u,
+		alignSelf: d,
+		flexWrap: f,
+		padding: h,
+		gap: n(g)
+	},
+	children: s
+});
+//#endregion
+export { o as Flex };

package/dist/react-components24.js

@@ -0,0 +1,3 @@
+var e = { container: "_container_1jw3k_1" };
+//#endregion
+export { e as default };

package/dist/react-components25.js

@@ -0,0 +1,29 @@
+import { isNumber as e, toPercentage as t, toPx as n, toRem as r } from "./react-components2.js";
+import i from "./react-components24.js";
+import a from "clsx";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/button/button.tsx
+var s = ({ className: s, children: c, width: l = 100, height: u = "auto", alignSelf: d, fontSize: f = 1, fontWeight: p = 400, borderRadius: m = 0, borderWidth: h = 1, padding: g, color: _ = "black", backgroundColor: v = "white", borderColor: y = "black", hoverOpacity: b = .8, ...x }) => {
+	let S = { "--hover-opacity": b };
+	return /* @__PURE__ */ o("button", {
+		className: a(i.container, s),
+		style: {
+			width: e(l) ? t(l) : l,
+			height: e(u) ? r(u) : u,
+			borderRadius: n(m),
+			borderWidth: n(h),
+			fontSize: r(f),
+			fontWeight: p,
+			alignSelf: d,
+			padding: g,
+			color: _,
+			backgroundColor: v,
+			borderColor: y,
+			...S
+		},
+		...x,
+		children: c
+	});
+};
+//#endregion
+export { s as Button };

package/dist/react-components26.js

@@ -0,0 +1,11 @@
+//#region src/components/drop-zone/drop-zone.module.css
+var e = "_container_w383n_1", t = "_text_w383n_22", n = {
+	container: e,
+	"drop-zone": "_drop-zone_w383n_7",
+	"drop-zone--dragging": "_drop-zone--dragging_w383n_18",
+	text: t,
+	"preview-file": "_preview-file_w383n_27",
+	"remove-button": "_remove-button_w383n_31"
+};
+//#endregion
+export { n as default };

package/dist/react-components27.js

@@ -0,0 +1,94 @@
+import { isNumber as e, toPercentage as t, toPx as n, toRem as r } from "./react-components2.js";
+import i from "./react-components26.js";
+import a from "clsx";
+import { Trash2 as o, User as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+//#region src/components/drop-zone/drop-zone.tsx
+var h = ({ previewIcon: e, previewIconSize: t = 3, text: n, textFontSize: a = 1, textFontWeight: o = 400 }) => /* @__PURE__ */ u(c, { children: [e ?? /* @__PURE__ */ l(s, { size: r(t) }), n && /* @__PURE__ */ l("p", {
+	className: i.text,
+	style: {
+		fontSize: r(a),
+		fontWeight: o
+	},
+	children: n
+})] }), g = ({ preview: e }) => e && /* @__PURE__ */ l("img", {
+	alt: "preview file",
+	className: i["preview-file"],
+	src: e
+}), _ = ({ onFileChanged: s, label: c, labelFontSize: _ = 1, labelFontWeight: v = 400, labelGap: y = 1, previewIcon: b, previewIconSize: x, removeIcon: S, removeIconSize: C = 3, text: w, textFontSize: T, textFontWeight: E, width: D = 100, height: O = "auto", gap: k = 1, padding: A, borderWidth: j = 5, borderColor: M, borderStyle: N, removeAriaLabel: P, className: F }) => {
+	let [I, L] = m(), [R, z] = m(!1), B = f(() => I ? URL.createObjectURL(I) : void 0, [I]), V = p(null), H = () => {
+		V.current?.click();
+	}, U = (e) => {
+		e.preventDefault();
+		let t = e.dataTransfer.files[0];
+		L(t), z(!1), s(t);
+	}, W = (e) => {
+		let { target: t } = e;
+		if (t?.files && t?.files.length > 0) {
+			let e = t.files[0];
+			L(e), s(e);
+		}
+	};
+	return d(() => () => {
+		B && URL.revokeObjectURL(B);
+	}, [B]), /* @__PURE__ */ u("div", {
+		className: a(i.container, F),
+		style: {
+			width: e(D) ? t(D) : D,
+			height: e(O) ? n(O) : O,
+			gap: r(y)
+		},
+		children: [
+			c && /* @__PURE__ */ l("div", {
+				className: i.label,
+				style: {
+					fontSize: r(_),
+					fontWeight: v
+				},
+				children: c
+			}),
+			/* @__PURE__ */ l("button", {
+				type: "button",
+				className: a(i["drop-zone"], R && i["drop-zone--dragging"]),
+				onClick: H,
+				onDrop: U,
+				onDragOver: (e) => {
+					e.preventDefault(), z(!0);
+				},
+				onDragLeave: () => z(!1),
+				style: {
+					gap: r(k),
+					padding: A,
+					borderWidth: n(j),
+					borderStyle: N,
+					borderColor: M
+				},
+				children: B ? /* @__PURE__ */ l(g, { preview: B }) : /* @__PURE__ */ l(h, {
+					previewIcon: b,
+					previewIconSize: x,
+					text: w,
+					textFontSize: T,
+					textFontWeight: E
+				})
+			}),
+			I && /* @__PURE__ */ l("button", {
+				type: "button",
+				className: i["remove-button"],
+				onClick: () => {
+					L(void 0), s(void 0), V.current && (V.current.value = "");
+				},
+				"aria-label": P ?? "Remove uploaded picture",
+				children: S ?? /* @__PURE__ */ l(o, { size: r(C) })
+			}),
+			/* @__PURE__ */ l("input", {
+				ref: V,
+				type: "file",
+				onChange: W,
+				hidden: !0
+			})
+		]
+	});
+};
+//#endregion
+export { _ as DropZone };

package/dist/react-components28.js

@@ -0,0 +1,6 @@
+var e = {
+	container: "_container_snbbr_1",
+	title: "_title_snbbr_8"
+};
+//#endregion
+export { e as default };

package/dist/react-components29.js

@@ -0,0 +1,31 @@
+import { isNumber as e, toPercentage as t, toPx as n, toRem as r } from "./react-components2.js";
+import i from "./react-components28.js";
+import a from "clsx";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/card/card.tsx
+var c = ({ className: c, children: l, title: u, titleAs: d = "h2", titleFontSize: f = 1, titleFontWeight: p = 400, titleColor: m, titleTextAlign: h, titleGap: g = 2, backgroundColor: _, borderRadius: v = 0, borderWidth: y = 0, borderStyle: b = "solid", borderColor: x, width: S = 100, height: C = "auto", padding: w }) => /* @__PURE__ */ s("div", {
+	className: a(i.container, c),
+	style: {
+		width: e(S) ? t(S) : S,
+		height: e(C) ? r(C) : C,
+		borderRadius: n(v),
+		borderWidth: n(y),
+		borderStyle: b,
+		borderColor: x,
+		gap: r(g),
+		backgroundColor: _,
+		padding: w
+	},
+	children: [u && /* @__PURE__ */ o(d, {
+		className: i.title,
+		style: {
+			fontSize: r(f),
+			fontWeight: p,
+			color: m,
+			textAlign: h
+		},
+		children: u
+	}), l]
+});
+//#endregion
+export { c as Card };

package/dist/react-components3.js

@@ -0,0 +1,10 @@
+//#region src/components/breadcrumb/breadcrumb.module.css
+var e = "_container_1udj0_1", t = "_item_1udj0_14", n = "_link_1udj0_19", r = "_icon_1udj0_26", i = {
+	container: e,
+	"list-item": "_list-item_1udj0_6",
+	item: t,
+	link: n,
+	icon: r
+};
+//#endregion
+export { i as default };