matrix-design-system 1.0.0

package/dist/molecules/chart/donut-chart/donut-chart.mjs

@@ -0,0 +1,142 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Cell, Pie, PieChart, ResponsiveContainer } from "recharts";
+//#region src/molecules/chart/donut-chart/donut-chart.tsx
+const DEFAULT_COLORS = [
+	"#00FF41",
+	"#015c1a",
+	"#7dffa0",
+	"#00a329",
+	"#003b0e",
+	"#cdffdb"
+];
+const DonutChart = (t0) => {
+	const $ = c(27);
+	const { data, colors: t1, centerLabel, centerSublabel } = t0;
+	const colors = t1 === void 0 ? DEFAULT_COLORS : t1;
+	const total = data.reduce(_temp, 0);
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {
+			width: 170,
+			height: 170
+		};
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== colors || $[2] !== data) {
+		let t4;
+		if ($[4] !== colors) {
+			t4 = (entry_0, index) => /* @__PURE__ */ jsx(Cell, { fill: colors[index % colors.length] }, entry_0.label);
+			$[4] = colors;
+			$[5] = t4;
+		} else t4 = $[5];
+		t3 = data.map(t4);
+		$[1] = colors;
+		$[2] = data;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[6] !== data || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsx(ResponsiveContainer, {
+			width: "100%",
+			height: "100%",
+			initialDimension: t2,
+			children: /* @__PURE__ */ jsx(PieChart, { children: /* @__PURE__ */ jsx(Pie, {
+				data,
+				dataKey: "value",
+				nameKey: "label",
+				innerRadius: "62%",
+				outerRadius: "82%",
+				stroke: "none",
+				children: t3
+			}) })
+		});
+		$[6] = data;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== centerLabel || $[10] !== centerSublabel) {
+		t5 = centerLabel && /* @__PURE__ */ jsxs("div", {
+			className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-accent text-shadow-md text-lg font-bold tabular-nums",
+				children: centerLabel
+			}), centerSublabel && /* @__PURE__ */ jsx("span", {
+				className: "text-secondary text-xs",
+				children: centerSublabel
+			})]
+		});
+		$[9] = centerLabel;
+		$[10] = centerSublabel;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t4 || $[13] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "relative h-[170px] w-[170px] flex-none",
+			children: [t4, t5]
+		});
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== colors || $[16] !== data || $[17] !== total) {
+		let t8;
+		if ($[19] !== colors || $[20] !== total) {
+			t8 = (entry_1, index_0) => /* @__PURE__ */ jsxs("li", {
+				className: "flex items-center gap-2.5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "inline-block h-2.5 w-2.5 flex-none rounded-full",
+						style: { backgroundColor: colors[index_0 % colors.length] }
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-text flex-1 text-sm",
+						children: entry_1.label
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "text-accent text-sm tabular-nums",
+						children: [total > 0 ? Math.round(entry_1.value / total * 100) : 0, "%"]
+					})
+				]
+			}, entry_1.label);
+			$[19] = colors;
+			$[20] = total;
+			$[21] = t8;
+		} else t8 = $[21];
+		t7 = data.map(t8);
+		$[15] = colors;
+		$[16] = data;
+		$[17] = total;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[22] !== t7) {
+		t8 = /* @__PURE__ */ jsx("ul", {
+			className: "flex min-w-[170px] flex-1 list-none flex-col gap-2.5 p-0",
+			children: t7
+		});
+		$[22] = t7;
+		$[23] = t8;
+	} else t8 = $[23];
+	let t9;
+	if ($[24] !== t6 || $[25] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-7",
+			children: [t6, t8]
+		});
+		$[24] = t6;
+		$[25] = t8;
+		$[26] = t9;
+	} else t9 = $[26];
+	return t9;
+};
+function _temp(sum, entry) {
+	return sum + entry.value;
+}
+//#endregion
+export { DonutChart };

package/dist/molecules/chart/donut-chart/index.d.mts

@@ -0,0 +1,2 @@
+import { DonutChart, DonutDatum } from "./donut-chart.mjs";
+export { DonutChart, type DonutDatum };

package/dist/molecules/containers/content-container/content-container.d.mts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from "react";
+//#region src/molecules/containers/content-container/content-container.d.ts
+declare const ContentContainer: FC<PropsWithChildren>;
+//#endregion
+export { ContentContainer };

package/dist/molecules/containers/content-container/content-container.mjs

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/molecules/containers/content-container/content-container.tsx
+const ContentContainer = ({ children }) => /* @__PURE__ */ jsx("div", {
+	className: "container-fixed flex-1 basis-auto mt-13 mb-8",
+	children
+});
+//#endregion
+export { ContentContainer };

package/dist/molecules/containers/content-container/index.d.mts

@@ -0,0 +1,2 @@
+import { ContentContainer } from "./content-container.mjs";
+export { ContentContainer };

package/dist/molecules/controls/control-slider/control-slider.d.mts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+//#region src/molecules/controls/control-slider/control-slider.d.ts
+interface ControlSliderProps {
+  label: string;
+  value: number;
+  min: number;
+  max: number;
+  step: number;
+  onChange: (v: number) => void;
+  displayValue?: string;
+}
+declare const ControlSlider: FC<ControlSliderProps>;
+//#endregion
+export { ControlSlider };

package/dist/molecules/controls/control-slider/control-slider.mjs

@@ -0,0 +1,76 @@
+"use client";
+import { Label } from "../../../atoms/typography/label/label.mjs";
+import { useControlSliderStore } from "./use-control-slider-store.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/molecules/controls/control-slider/control-slider.tsx
+const ControlSlider = (t0) => {
+	const $ = c(19);
+	const { label, value, min, max, step, onChange, displayValue } = t0;
+	const { effects } = useControlSliderStore();
+	const { handleChange } = effects;
+	let t1;
+	if ($[0] !== label) {
+		t1 = /* @__PURE__ */ jsx(Label, { value: label });
+		$[0] = label;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = displayValue ?? value;
+	let t3;
+	if ($[2] !== t2) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "font-mono font-medium",
+			children: t2
+		});
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== t1 || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-between items-center",
+			children: [t1, t3]
+		});
+		$[4] = t1;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== handleChange || $[8] !== onChange) {
+		t5 = handleChange(onChange);
+		$[7] = handleChange;
+		$[8] = onChange;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== max || $[11] !== min || $[12] !== step || $[13] !== t5 || $[14] !== value) {
+		t6 = /* @__PURE__ */ jsx("input", {
+			type: "range",
+			min,
+			max,
+			step,
+			value,
+			onChange: t5,
+			className: "w-full accent-accent cursor-pointer"
+		});
+		$[10] = max;
+		$[11] = min;
+		$[12] = step;
+		$[13] = t5;
+		$[14] = value;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== t4 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [t4, t6]
+		});
+		$[16] = t4;
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
+};
+//#endregion
+export { ControlSlider };

package/dist/molecules/controls/control-slider/index.d.mts

@@ -0,0 +1,2 @@
+import { ControlSlider } from "./control-slider.mjs";
+export { ControlSlider };

package/dist/molecules/controls/control-slider/use-control-slider-store.mjs

@@ -0,0 +1,10 @@
+"use client";
+//#region src/molecules/controls/control-slider/use-control-slider-store.ts
+const useControlSliderStore = () => {
+	const handleChange = (onChange) => (e) => {
+		onChange(parseFloat(e.target.value));
+	};
+	return { effects: { handleChange } };
+};
+//#endregion
+export { useControlSliderStore };

package/dist/molecules/effects/matrix-background/index.d.mts

@@ -0,0 +1,2 @@
+import { MatrixBackground } from "./matrix-background.mjs";
+export { MatrixBackground };

package/dist/molecules/effects/matrix-background/matrix-background.d.mts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from "react";
+//#region src/molecules/effects/matrix-background/matrix-background.d.ts
+interface ContainerFullscreenWithMatrixProps {
+  children: ReactNode;
+}
+declare const MatrixBackground: FC<ContainerFullscreenWithMatrixProps>;
+//#endregion
+export { MatrixBackground };

package/dist/molecules/effects/matrix-background/matrix-background.mjs

@@ -0,0 +1,15 @@
+import { MatrixRain } from "../../../atoms/effects/matrix-rain/matrix-rain/matrix-rain.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/molecules/effects/matrix-background/matrix-background.tsx
+const MatrixBackground = ({ children }) => /* @__PURE__ */ jsxs("div", {
+	className: "relative flex flex-col justify-center items-center h-dvh min-h-dvh w-full",
+	children: [/* @__PURE__ */ jsx("div", {
+		className: "absolute top-0 left-0 w-full h-full overflow-hidden",
+		children: /* @__PURE__ */ jsx(MatrixRain, {})
+	}), /* @__PURE__ */ jsx("div", {
+		className: "relative z-10 flex flex-col justify-center items-center h-full w-full snap-start",
+		children
+	})]
+});
+//#endregion
+export { MatrixBackground };

package/dist/molecules/effects/matrix-header-background/index.d.mts

@@ -0,0 +1,2 @@
+import { MatrixHeaderBackground } from "./matrix-header-background.mjs";
+export { MatrixHeaderBackground };

package/dist/molecules/effects/matrix-header-background/matrix-header-background.d.mts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+//#region src/molecules/effects/matrix-header-background/matrix-header-background.d.ts
+interface MatrixHeaderBackgroundProps {
+  big: boolean;
+}
+declare const MatrixHeaderBackground: FC<MatrixHeaderBackgroundProps>;
+//#endregion
+export { MatrixHeaderBackground };

package/dist/molecules/effects/matrix-header-background/matrix-header-background.mjs

@@ -0,0 +1,14 @@
+import { MatrixRain } from "../../../atoms/effects/matrix-rain/matrix-rain/matrix-rain.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/molecules/effects/matrix-header-background/matrix-header-background.tsx
+const MatrixHeaderBackground = ({ big }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: `absolute -z-10 ${big ? "h-[350px] sm:h-[400px] md:h-[500px]" : "h-[240px] sm:h-[250px] md:h-[270px]"} top-0 left-0 right-0 overflow-hidden border-b-2 border-solid border-accent shadow-lg`,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "absolute top-0 left-0 right-0 bottom-0 remove-scroll-width",
+			children: /* @__PURE__ */ jsx(MatrixRain, {})
+		})
+	});
+};
+//#endregion
+export { MatrixHeaderBackground };

package/dist/molecules/effects/matrix-terminal/index.d.mts

@@ -0,0 +1,2 @@
+import { MatrixTerminal } from "./matrix-terminal.mjs";
+export { MatrixTerminal };

package/dist/molecules/effects/matrix-terminal/matrix-terminal.d.mts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+//#region src/molecules/effects/matrix-terminal/matrix-terminal.d.ts
+interface TerminalLineData {
+  text: string;
+  type?: "normal" | "error" | "success" | "quote";
+  delay?: number;
+}
+interface MatrixTerminalProps {
+  lines: TerminalLineData[];
+  onComplete?: () => void;
+  widthClassName?: string;
+}
+declare const MatrixTerminal: FC<MatrixTerminalProps>;
+//#endregion
+export { MatrixTerminal };

package/dist/molecules/effects/matrix-terminal/matrix-terminal.mjs

@@ -0,0 +1,101 @@
+"use client";
+import { MotionDiv } from "../../../atoms/animation/motion-div/motion-div.mjs";
+import { useGlassmorphism } from "../../../hooks/use-glassmorphism.mjs";
+import { Cursor, ErrorText, QuoteText, SuccessText, TerminalLine, TerminalQuoteLine } from "../../../atoms/typography/terminal-blocks/terminal-blocks.mjs";
+import { useMatrixTerminalStore } from "./use-matrix-terminal-store.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/molecules/effects/matrix-terminal/matrix-terminal.tsx
+const renderLineContent = (text, type) => {
+	switch (type) {
+		case "error": return /* @__PURE__ */ jsx(ErrorText, { children: text });
+		case "success": return /* @__PURE__ */ jsx(SuccessText, { children: text });
+		case "quote": return /* @__PURE__ */ jsx(QuoteText, { children: text });
+		default: return text;
+	}
+};
+const renderLine = (line, text, showCursor, index) => {
+	if (line.type === "quote") return /* @__PURE__ */ jsx(TerminalQuoteLine, { children: renderLineContent(text, line.type) }, `line-${index}`);
+	return /* @__PURE__ */ jsxs(TerminalLine, { children: [
+		/* @__PURE__ */ jsxs("span", { children: [">", " "] }),
+		renderLineContent(text, line.type),
+		showCursor && /* @__PURE__ */ jsx(Cursor, {})
+	] }, `line-${index}`);
+};
+const MatrixTerminal = (t0) => {
+	const $ = c(16);
+	const { lines, onComplete, widthClassName: t1 } = t0;
+	const widthClassName = t1 === void 0 ? "w-[95%] sm:w-[600px]" : t1;
+	const { state } = useMatrixTerminalStore(lines, onComplete);
+	const { containerRef, completedLines, currentLine, currentText } = state;
+	const { glassmorphismClass } = useGlassmorphism();
+	const t2 = `${glassmorphismClass} ${widthClassName} p-4 min-h-[150px] sm:min-h-[200px]`;
+	let t3;
+	let t4;
+	let t5;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			opacity: 0,
+			scale: .9
+		};
+		t4 = {
+			opacity: 1,
+			scale: 1
+		};
+		t5 = {
+			duration: .2,
+			ease: "easeOut"
+		};
+		$[0] = t3;
+		$[1] = t4;
+		$[2] = t5;
+	} else {
+		t3 = $[0];
+		t4 = $[1];
+		t5 = $[2];
+	}
+	let t6;
+	if ($[3] !== completedLines) {
+		t6 = completedLines.map(_temp);
+		$[3] = completedLines;
+		$[4] = t6;
+	} else t6 = $[4];
+	let t7;
+	if ($[5] !== completedLines.length || $[6] !== currentLine || $[7] !== currentText) {
+		t7 = currentLine && renderLine(currentLine, currentText, true, completedLines.length);
+		$[5] = completedLines.length;
+		$[6] = currentLine;
+		$[7] = currentText;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] !== t2 || $[10] !== t6 || $[11] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(MotionDiv, {
+			className: t2,
+			initial: t3,
+			animate: t4,
+			transition: t5,
+			children: [t6, t7]
+		});
+		$[9] = t2;
+		$[10] = t6;
+		$[11] = t7;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== containerRef || $[14] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			ref: containerRef,
+			children: t8
+		});
+		$[13] = containerRef;
+		$[14] = t8;
+		$[15] = t9;
+	} else t9 = $[15];
+	return t9;
+};
+function _temp(line, index) {
+	return renderLine(line, line.text, false, index);
+}
+//#endregion
+export { MatrixTerminal };

package/dist/molecules/effects/matrix-terminal/use-matrix-terminal-store.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { useInView } from "../../../hooks/use-in-view.mjs";
+import { useTypewriter } from "../../../hooks/use-typewriter.mjs";
+import { c } from "react/compiler-runtime";
+import { useEffect } from "react";
+//#region src/molecules/effects/matrix-terminal/use-matrix-terminal-store.ts
+const useMatrixTerminalStore = (lines, onComplete) => {
+	const $ = c(12);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			threshold: .1,
+			triggerOnce: true
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const [containerRef, isInView] = useInView(t0);
+	const { completedLines, currentLine, currentText } = useTypewriter(lines, 50, isInView);
+	let t1;
+	let t2;
+	if ($[1] !== completedLines.length || $[2] !== currentLine || $[3] !== lines.length || $[4] !== onComplete) {
+		t1 = () => {
+			if (completedLines.length === lines.length && !currentLine && onComplete) onComplete();
+		};
+		t2 = [
+			completedLines.length,
+			currentLine,
+			lines.length,
+			onComplete
+		];
+		$[1] = completedLines.length;
+		$[2] = currentLine;
+		$[3] = lines.length;
+		$[4] = onComplete;
+		$[5] = t1;
+		$[6] = t2;
+	} else {
+		t1 = $[5];
+		t2 = $[6];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[7] !== completedLines || $[8] !== containerRef || $[9] !== currentLine || $[10] !== currentText) {
+		t3 = { state: {
+			containerRef,
+			completedLines,
+			currentLine,
+			currentText
+		} };
+		$[7] = completedLines;
+		$[8] = containerRef;
+		$[9] = currentLine;
+		$[10] = currentText;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+};
+//#endregion
+export { useMatrixTerminalStore };

package/dist/molecules/form/filter-input/filter-input.d.mts

@@ -0,0 +1,10 @@
+import { ChangeEvent, FC } from "react";
+//#region src/molecules/form/filter-input/filter-input.d.ts
+interface FilterInputProps {
+  value: string;
+  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+  placeholder?: string;
+}
+declare const FilterInput: FC<FilterInputProps>;
+//#endregion
+export { FilterInput, FilterInputProps };

package/dist/molecules/form/filter-input/filter-input.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BiSearchAlt } from "react-icons/bi";
+//#region src/molecules/form/filter-input/filter-input.tsx
+const FilterInput = (t0) => {
+	const $ = c(5);
+	const { value, onChange, placeholder: t1 } = t0;
+	const placeholder = t1 === void 0 ? "Filter..." : t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(BiSearchAlt, { className: "text-accent size-5 shrink-0" });
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== onChange || $[2] !== placeholder || $[3] !== value) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: "glow-container flex items-center gap-3 px-3 py-3",
+			children: [t2, /* @__PURE__ */ jsx("input", {
+				className: "text-accent w-full bg-transparent outline-none",
+				placeholder,
+				value,
+				onChange,
+				"aria-label": placeholder
+			})]
+		});
+		$[1] = onChange;
+		$[2] = placeholder;
+		$[3] = value;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
+};
+//#endregion
+export { FilterInput };

package/dist/molecules/form/filter-input/index.d.mts

@@ -0,0 +1,2 @@
+import { FilterInput, FilterInputProps } from "./filter-input.mjs";
+export { FilterInput, type FilterInputProps };

package/dist/molecules/form/form-error-summary/form-error-summary.d.mts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+//#region src/molecules/form/form-error-summary/form-error-summary.d.ts
+interface FormErrorSummaryProps {
+  errorsList?: Record<string, string>;
+  errorName?: string;
+  show: boolean;
+}
+declare const FormErrorSummary: FC<FormErrorSummaryProps>;
+//#endregion
+export { FormErrorSummary, FormErrorSummaryProps };

package/dist/molecules/form/form-error-summary/form-error-summary.mjs

@@ -0,0 +1,71 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BiErrorCircle } from "react-icons/bi";
+//#region src/molecules/form/form-error-summary/form-error-summary.tsx
+const FormErrorSummary = (t0) => {
+	const $ = c(10);
+	const { errorsList, errorName, show } = t0;
+	let t1;
+	if ($[0] !== errorsList) {
+		t1 = errorsList ? Object.values(errorsList) : [];
+		$[0] = errorsList;
+		$[1] = t1;
+	} else t1 = $[1];
+	const errorMessages = t1;
+	if (!show) return null;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(BiErrorCircle, {
+			size: 20,
+			className: "mt-0.5 shrink-0 text-red-500"
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== errorName) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-row items-center justify-center gap-1 align-middle",
+			children: [t2, /* @__PURE__ */ jsx("p", {
+				className: "font-medium text-red-500",
+				children: errorName
+			})]
+		});
+		$[3] = errorName;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== errorMessages) {
+		t4 = errorMessages.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "flex-1",
+			children: /* @__PURE__ */ jsx("ul", {
+				className: "list-inside list-disc space-y-1 text-sm text-red-500",
+				children: errorMessages.map(_temp)
+			})
+		});
+		$[5] = errorMessages;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t3 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: "rounded-lg border border-red-500 bg-red-500/10 p-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-start",
+				children: [t3, t4]
+			})
+		});
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
+};
+function _temp(error, index) {
+	return /* @__PURE__ */ jsx("li", {
+		className: "before:content-none",
+		children: error
+	}, index);
+}
+//#endregion
+export { FormErrorSummary };

package/dist/molecules/form/form-error-summary/index.d.mts

@@ -0,0 +1,2 @@
+import { FormErrorSummary, FormErrorSummaryProps } from "./form-error-summary.mjs";
+export { FormErrorSummary, type FormErrorSummaryProps };

package/dist/molecules/form/form-field/form-field.d.mts

@@ -0,0 +1,10 @@
+import { FC, InputHTMLAttributes, ReactElement } from "react";
+//#region src/molecules/form/form-field/form-field.d.ts
+interface FormFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "className"> {
+  label: string;
+  icon: ReactElement;
+  hasError?: boolean;
+}
+declare const FormField: FC<FormFieldProps>;
+//#endregion
+export { FormField, FormFieldProps };