@loopstack/loopstack-studio 0.20.3 → 0.21.0-rc.0

package/dist/components/dynamic-form/fields/SwitchField.js

@@ -0,0 +1,66 @@
+import { Label } from "../../ui/label.js";
+import { useFieldConfig } from "../hooks/useFieldConfig.js";
+import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
+import { Switch } from "../../ui/switch.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+const SwitchField = (l) => {
+	let d = c(15), { name: p, schema: m, ui: h, required: g, form: _, disabled: v } = l, y = useFieldConfig(p, m, h, v), b;
+	if (d[0] !== m.const || d[1] !== m.enum) {
+		if (b = {}, m.const === !0) {
+			let e;
+			d[3] === Symbol.for("react.memo_cache_sentinel") ? (e = { mustBeTrue: _temp }, d[3] = e) : e = d[3], b.validate = e;
+		}
+		if (m.enum?.length === 1 && m.enum[0] === !0) {
+			let e;
+			d[4] === Symbol.for("react.memo_cache_sentinel") ? (e = { mustBeTrue: _temp2 }, d[4] = e) : e = d[4], b.validate = e;
+		}
+		d[0] = m.const, d[1] = m.enum, d[2] = b;
+	} else b = d[2];
+	let x = b, S = y.defaultValue ?? !1, C;
+	d[5] !== y || d[6] !== p || d[7] !== g ? (C = (o) => {
+		let { field: s } = o, { onChange: l, value: u, ref: d, ...f } = s;
+		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
+			name: p,
+			label: y.fieldLabel,
+			required: g,
+			error: y.error,
+			helpText: y.helpText,
+			description: y.description,
+			showLabel: !1,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center space-x-2",
+				children: [/* @__PURE__ */ jsx(Switch, {
+					id: p,
+					checked: !!u,
+					onCheckedChange: y.isReadOnly ? void 0 : l,
+					disabled: y.isDisabled,
+					ref: d,
+					...f,
+					...y.getAriaProps()
+				}), /* @__PURE__ */ jsx(Label, {
+					htmlFor: p,
+					className: `text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${g ? "after:ml-0.5 after:text-red-500 after:content-['*']" : ""}`,
+					children: y.fieldLabel
+				})]
+			})
+		});
+	}, d[5] = y, d[6] = p, d[7] = g, d[8] = C) : C = d[8];
+	let w;
+	return d[9] !== _.control || d[10] !== p || d[11] !== S || d[12] !== C || d[13] !== x ? (w = /* @__PURE__ */ jsx(Controller, {
+		name: p,
+		control: _.control,
+		defaultValue: S,
+		rules: x,
+		render: C
+	}), d[9] = _.control, d[10] = p, d[11] = S, d[12] = C, d[13] = x, d[14] = w) : w = d[14], w;
+};
+function _temp(e) {
+	return e === !0 || "This field must be accepted";
+}
+function _temp2(e) {
+	return e === !0 || "This field must be accepted";
+}
+export { SwitchField };

package/dist/components/dynamic-form/fields/TextareaField.js

@@ -0,0 +1,77 @@
+import { Label } from "../../ui/label.js";
+import { buildTextValidationRules } from "./utils/text-validation-utils.js";
+import { useFieldConfig } from "../hooks/useFieldConfig.js";
+import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
+import { Textarea } from "../../ui/textarea.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+const TextareaField = (d) => {
+	let f = c(25), { name: p, schema: m, ui: h, required: g, form: _, disabled: v, viewOnly: y } = d, b = useFieldConfig(p, m, h, v), x = m.placeholder || m.examples?.[0] || "", S = m.rows || 4, C;
+	f[0] !== g || f[1] !== m ? (C = buildTextValidationRules(m, g), f[0] = g, f[1] = m, f[2] = C) : C = f[2];
+	let w = C;
+	if (y) {
+		let o;
+		f[3] === b.fieldLabel ? o = f[4] : (o = /* @__PURE__ */ jsx(Label, {
+			className: "text-muted-foreground mb-1 block text-sm",
+			children: b.fieldLabel
+		}), f[3] = b.fieldLabel, f[4] = o);
+		let s = b.defaultValue || "", l;
+		f[5] !== _.control || f[6] !== p || f[7] !== s ? (l = /* @__PURE__ */ jsx(Controller, {
+			name: p,
+			control: _.control,
+			defaultValue: s,
+			render: _temp
+		}), f[5] = _.control, f[6] = p, f[7] = s, f[8] = l) : l = f[8];
+		let u;
+		return f[9] !== o || f[10] !== l ? (u = /* @__PURE__ */ jsxs("div", {
+			className: "mt-4 mb-8 block",
+			children: [o, l]
+		}), f[9] = o, f[10] = l, f[11] = u) : u = f[11], u;
+	}
+	let T = b.defaultValue || "", E;
+	f[12] !== b || f[13] !== p || f[14] !== x || f[15] !== g || f[16] !== S || f[17] !== m.maxLength ? (E = (r) => {
+		let { field: o } = r;
+		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
+			name: p,
+			label: b.fieldLabel,
+			required: g,
+			error: b.error,
+			helpText: b.helpText,
+			description: b.description,
+			children: /* @__PURE__ */ jsx(Textarea, {
+				...o,
+				id: p,
+				onChange: b.isReadOnly ? void 0 : o.onChange,
+				rows: S,
+				placeholder: x,
+				disabled: b.isDisabled,
+				readOnly: b.isReadOnly,
+				maxLength: m.maxLength,
+				className: b.error ? "border-destructive focus-visible:ring-destructive" : "",
+				style: {
+					minHeight: S ? `${S * 1.5}em` : void 0,
+					resize: S ? "vertical" : "none"
+				},
+				...b.getAriaProps()
+			})
+		});
+	}, f[12] = b, f[13] = p, f[14] = x, f[15] = g, f[16] = S, f[17] = m.maxLength, f[18] = E) : E = f[18];
+	let D;
+	return f[19] !== _.control || f[20] !== p || f[21] !== T || f[22] !== E || f[23] !== w ? (D = /* @__PURE__ */ jsx(Controller, {
+		name: p,
+		control: _.control,
+		defaultValue: T,
+		rules: w,
+		render: E
+	}), f[19] = _.control, f[20] = p, f[21] = T, f[22] = E, f[23] = w, f[24] = D) : D = f[24], D;
+};
+function _temp(r) {
+	let { field: o } = r;
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-sm whitespace-pre-wrap",
+		children: o.value || "—"
+	});
+}
+export { TextareaField };

package/dist/components/dynamic-form/fields/utils/text-validation-utils.js

@@ -0,0 +1,33 @@
+const buildTextValidationRules = (e, t) => {
+	let n = {};
+	t && (n.required = "This field is required"), e.minLength !== void 0 && (n.minLength = {
+		value: e.minLength,
+		message: `Minimum length is ${e.minLength} characters`
+	}), e.maxLength !== void 0 && (n.maxLength = {
+		value: e.maxLength,
+		message: `Maximum length is ${e.maxLength} characters`
+	});
+	let r = e.min ?? e.minimum;
+	r !== void 0 && (n.min = {
+		value: r,
+		message: `Minimum value is ${r}`
+	});
+	let i = e.max ?? e.maximum;
+	return i !== void 0 && (n.max = {
+		value: i,
+		message: `Maximum value is ${i}`
+	}), e.pattern && (n.pattern = {
+		value: new RegExp(e.pattern),
+		message: "Invalid format"
+	}), e.format === "email" && (n.pattern = {
+		value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+		message: "Invalid email address"
+	}), e.format === "url" && (n.pattern = {
+		value: /^https?:\/\/.+/,
+		message: "Invalid URL"
+	}), e.format === "phone" && (n.pattern = {
+		value: /^[+]?[(]?[0-9]{1,4}[)]?[-\s.]?[(]?[0-9]{1,4}[)]?[-\s.]?[0-9]{1,9}$/,
+		message: "Invalid phone number"
+	}), e.multipleOf !== void 0 && (n.validate = { multipleOf: (t) => t % e.multipleOf === 0 || `Value must be a multiple of ${e.multipleOf}` }), n;
+};
+export { buildTextValidationRules };

package/dist/components/dynamic-form/hooks/useArrayDefaultValue.js

@@ -0,0 +1,42 @@
+var getPrimaryType = (e) => Array.isArray(e) ? e[0] : e;
+const useArrayDefaultValue = (t) => {
+	if (!t) return "";
+	let n = getPrimaryType(t.type);
+	if (n === "object") {
+		let n = {};
+		return t.properties && Object.entries(t.properties).forEach(([t, r]) => {
+			if (r.default !== void 0) n[t] = r.default;
+			else switch (getPrimaryType(r.type)) {
+				case "string":
+					n[t] = "";
+					break;
+				case "number":
+				case "integer":
+					n[t] = 0;
+					break;
+				case "boolean":
+					n[t] = !1;
+					break;
+				case "array":
+					n[t] = [];
+					break;
+				case "object":
+					n[t] = {};
+					break;
+				default: n[t] = "";
+			}
+		}), n;
+	}
+	if (n === "array") return [];
+	if (t.default !== void 0) return t.default;
+	switch (n) {
+		case "string": return "";
+		case "number":
+		case "integer": return 0;
+		case "boolean": return !1;
+		case "array": return [];
+		case "object": return {};
+		default: return "";
+	}
+};
+export { useArrayDefaultValue };

package/dist/components/dynamic-form/hooks/useFieldConfig.js

@@ -0,0 +1,21 @@
+import { c } from "react/compiler-runtime";
+import { useFormContext } from "react-hook-form";
+const useFieldConfig = (n, r, i, a) => {
+	let o = c(14), s = useFormContext()?.formState.errors[n], l = i, u = l?.title ?? r.title ?? n, d = l?.help ?? r.help, f = l?.description ?? r.description, p = l?.readonly ?? r.readonly, m = l?.disabled ?? r.disabled ?? a, h;
+	o[0] !== s || o[1] !== n || o[2] !== r.description || o[3] !== l?.description ? (h = () => ({
+		"aria-describedby": l?.description ?? r.description ? `${n}-description` : void 0,
+		"aria-invalid": !!s
+	}), o[0] = s, o[1] = n, o[2] = r.description, o[3] = l?.description, o[4] = h) : h = o[4];
+	let g;
+	return o[5] !== s || o[6] !== r.default || o[7] !== u || o[8] !== d || o[9] !== f || o[10] !== p || o[11] !== m || o[12] !== h ? (g = {
+		fieldLabel: u,
+		helpText: d,
+		description: f,
+		isReadOnly: p,
+		isDisabled: m,
+		defaultValue: r.default,
+		error: s,
+		getAriaProps: h
+	}, o[5] = s, o[6] = r.default, o[7] = u, o[8] = d, o[9] = f, o[10] = p, o[11] = m, o[12] = h, o[13] = g) : g = o[13], g;
+};
+export { useFieldConfig };

package/dist/components/dynamic-form/hooks/useMergeParentKey.js

@@ -0,0 +1,5 @@
+const useMergeParentKey = (e, t) => {
+	let n = e === null ? "" : `${e}.`;
+	return t === null ? null : n + t;
+};
+export { useMergeParentKey };

package/dist/components/dynamic-form/hooks/useSortPropertyNames.js

@@ -0,0 +1,5 @@
+const useSortedPropertyNames = (e, t) => {
+	let n = e ? Object.keys(e) : [];
+	return t?.length && (n = [...t.filter((e) => n.includes(e)), ...n.filter((e) => !t.includes(e))]), n;
+};
+export { useSortedPropertyNames };

package/dist/components/layout/MainLayout.js

@@ -0,0 +1,24 @@
+import PageBreadcrumbs_default from "../page/PageBreadcrumbs.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MainLayout_default = (i) => {
+	let a = c(10), { children: o, breadcrumbsData: s, headerMenu: l } = i, u;
+	a[0] === s ? u = a[1] : (u = /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: s }), a[0] = s, a[1] = u);
+	let d;
+	a[2] !== l || a[3] !== u ? (d = /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-[60px] items-center justify-between",
+		children: [u, l]
+	}), a[2] = l, a[3] = u, a[4] = d) : d = a[4];
+	let f;
+	a[5] === o ? f = a[6] : (f = /* @__PURE__ */ jsx("div", {
+		className: "space-y-6",
+		children: o
+	}), a[5] = o, a[6] = f);
+	let p;
+	return a[7] !== d || a[8] !== f ? (p = /* @__PURE__ */ jsxs("div", {
+		className: "px-4",
+		children: [d, f]
+	}), a[7] = d, a[8] = f, a[9] = p) : p = a[9], p;
+};
+export { MainLayout_default as default };

package/dist/components/lists/CustomListView.js

@@ -0,0 +1,87 @@
+import { DataList } from "../data-table/DataList.js";
+import { c } from "react/compiler-runtime";
+import React, { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+var CustomListView_default = (a) => {
+	let o = c(45), { loading: s, error: l, items: u, totalItems: d, filterConfig: f, onClick: p, handleNew: m, setPage: h, setRowsPerPage: g, setSearchTerm: _, setFilters: v, searchTerm: y, filters: b, page: x, rowsPerPage: S, batchActions: C, batchDelete: w, enableBatchActions: T, rowActions: E, itemRenderer: D, newButtonLabel: O } = a, k = y === void 0 ? "" : y, A;
+	o[0] === C ? A = o[1] : (A = C === void 0 ? [] : C, o[0] = C, o[1] = A);
+	let j = A, M = T === void 0 ? !0 : T, N;
+	o[2] === E ? N = o[3] : (N = E === void 0 ? [] : E, o[2] = E, o[3] = N);
+	let P = N, F;
+	o[4] === j ? F = o[5] : (F = j.map(_temp), o[4] = j, o[5] = F);
+	let I = F, L;
+	o[6] === P ? L = o[7] : (L = P.map(_temp2), o[6] = P, o[7] = L);
+	let R = L, z;
+	o[8] === h ? z = o[9] : (z = (e) => {
+		h(e);
+	}, o[8] = h, o[9] = z);
+	let B = z, V;
+	o[10] !== h || o[11] !== g ? (V = (e) => {
+		g(e), h(0);
+	}, o[10] = h, o[11] = g, o[12] = V) : V = o[12];
+	let H = V, U;
+	o[13] !== h || o[14] !== _ ? (U = (e) => {
+		_?.(e), h(0);
+	}, o[13] = h, o[14] = _, o[15] = U) : U = o[15];
+	let W = U, G;
+	o[16] !== v || o[17] !== h ? (G = (e) => {
+		v?.(e), h(0);
+	}, o[16] = v, o[17] = h, o[18] = G) : G = o[18];
+	let K = G, q;
+	o[19] === p ? q = o[20] : (q = (e) => {
+		p(e.id);
+	}, o[19] = p, o[20] = q);
+	let J = q, Y;
+	o[21] === w ? Y = o[22] : (Y = async (e) => {
+		w && await w(e);
+	}, o[21] = w, o[22] = Y);
+	let X = Y, Z = _ ? W : void 0, Q = v ? K : void 0, $;
+	return o[23] !== M || o[24] !== l || o[25] !== f || o[26] !== b || o[27] !== X || o[28] !== m || o[29] !== B || o[30] !== H || o[31] !== J || o[32] !== D || o[33] !== u || o[34] !== s || o[35] !== O || o[36] !== x || o[37] !== S || o[38] !== k || o[39] !== Z || o[40] !== Q || o[41] !== d || o[42] !== I || o[43] !== R ? ($ = /* @__PURE__ */ jsx("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ jsx(DataList, {
+			data: u,
+			totalItems: d,
+			loading: s,
+			error: l,
+			page: x,
+			pageSize: S,
+			onPageChange: B,
+			onPageSizeChange: H,
+			searchTerm: k,
+			onSearchChange: Z,
+			filters: b,
+			filterConfig: f,
+			onFiltersChange: Q,
+			onRowClick: J,
+			onNew: m,
+			enableBatchActions: M,
+			batchActions: I,
+			onBatchDelete: X,
+			rowActions: R,
+			itemRenderer: D,
+			newButtonLabel: O
+		})
+	}), o[23] = M, o[24] = l, o[25] = f, o[26] = b, o[27] = X, o[28] = m, o[29] = B, o[30] = H, o[31] = J, o[32] = D, o[33] = u, o[34] = s, o[35] = O, o[36] = x, o[37] = S, o[38] = k, o[39] = Z, o[40] = Q, o[41] = d, o[42] = I, o[43] = R, o[44] = $) : $ = o[44], $;
+};
+function _temp(e) {
+	return {
+		id: e.id,
+		label: e.label,
+		icon: e.icon,
+		variant: e.variant,
+		action: e.action
+	};
+}
+function _temp2(e) {
+	return {
+		id: e.id,
+		label: e.label,
+		icon: e.icon,
+		variant: e.variant,
+		action: e.action,
+		condition: e.condition,
+		disabled: e.disabled,
+		className: e.className
+	};
+}
+export { CustomListView_default as default };

package/dist/components/lists/ListView.js

@@ -0,0 +1,118 @@
+import { DataTable } from "../data-table/DataTable.js";
+import { c } from "react/compiler-runtime";
+import React, { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+var ListView_default = (t) => {
+	let n = c(58), { loading: r, error: i, items: a, totalItems: o, columns: s, filterConfig: l, deleteItem: u, onClick: d, handleNew: f, handleEdit: p, setPage: m, setRowsPerPage: h, setOrderBy: g, setOrder: _, setSearchTerm: ae, setFilters: oe, orderBy: v, order: y, searchTerm: se, filters: b, page: x, rowsPerPage: S, batchActions: C, batchDelete: w, enableBatchActions: ce, rowActions: T } = t, E = se === void 0 ? "" : se, D;
+	n[0] === C ? D = n[1] : (D = C === void 0 ? [] : C, n[0] = C, n[1] = D);
+	let O = D, k = ce === void 0 ? !0 : ce, A;
+	n[2] === T ? A = n[3] : (A = T === void 0 ? [] : T, n[2] = T, n[3] = A);
+	let j = A, M;
+	n[4] === s ? M = n[5] : (M = s.map(_temp), n[4] = s, n[5] = M);
+	let N = M, P;
+	n[6] === O ? P = n[7] : (P = O.map(_temp2), n[6] = O, n[7] = P);
+	let le = P, F;
+	n[8] === j ? F = n[9] : (F = j.map(_temp3), n[8] = j, n[9] = F);
+	let I = F, L;
+	n[10] === m ? L = n[11] : (L = (e) => {
+		m(e);
+	}, n[10] = m, n[11] = L);
+	let R = L, z;
+	n[12] !== m || n[13] !== h ? (z = (e) => {
+		h(e), m(0);
+	}, n[12] = m, n[13] = h, n[14] = z) : z = n[14];
+	let B = z, V;
+	n[15] !== _ || n[16] !== g ? (V = (e, ie) => {
+		g(e), _(ie);
+	}, n[15] = _, n[16] = g, n[17] = V) : V = n[17];
+	let H = V, U;
+	n[18] !== m || n[19] !== ae ? (U = (e) => {
+		ae(e), m(0);
+	}, n[18] = m, n[19] = ae, n[20] = U) : U = n[20];
+	let W = U, G;
+	n[21] !== oe || n[22] !== m ? (G = (e) => {
+		oe(e), m(0);
+	}, n[21] = oe, n[22] = m, n[23] = G) : G = n[23];
+	let K = G, q;
+	n[24] === d ? q = n[25] : (q = (e) => {
+		d(e.id);
+	}, n[24] = d, n[25] = q);
+	let J = q, Y;
+	n[26] === p ? Y = n[27] : (Y = (e) => {
+		p(e);
+	}, n[26] = p, n[27] = Y);
+	let X = Y, Z;
+	n[28] === u ? Z = n[29] : (Z = (e) => {
+		u(e);
+	}, n[28] = u, n[29] = Z);
+	let ue = Z, Q;
+	n[30] === w ? Q = n[31] : (Q = async (e) => {
+		w && await w(e);
+	}, n[30] = w, n[31] = Q);
+	let de = Q, $;
+	return n[32] !== k || n[33] !== i || n[34] !== l || n[35] !== b || n[36] !== de || n[37] !== ue || n[38] !== X || n[39] !== K || n[40] !== f || n[41] !== R || n[42] !== B || n[43] !== J || n[44] !== W || n[45] !== H || n[46] !== a || n[47] !== r || n[48] !== y || n[49] !== v || n[50] !== x || n[51] !== S || n[52] !== E || n[53] !== o || n[54] !== le || n[55] !== N || n[56] !== I ? ($ = /* @__PURE__ */ jsx("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ jsx(DataTable, {
+			data: a,
+			columns: N,
+			totalItems: o,
+			loading: r,
+			error: i,
+			page: x,
+			pageSize: S,
+			onPageChange: R,
+			onPageSizeChange: B,
+			sortBy: v,
+			sortOrder: y,
+			onSortChange: H,
+			searchTerm: E,
+			onSearchChange: W,
+			filters: b,
+			filterConfig: l,
+			onFiltersChange: K,
+			onRowClick: J,
+			onEdit: X,
+			onDelete: ue,
+			onNew: f,
+			enableBatchActions: k,
+			batchActions: le,
+			onBatchDelete: de,
+			rowActions: I
+		})
+	}), n[32] = k, n[33] = i, n[34] = l, n[35] = b, n[36] = de, n[37] = ue, n[38] = X, n[39] = K, n[40] = f, n[41] = R, n[42] = B, n[43] = J, n[44] = W, n[45] = H, n[46] = a, n[47] = r, n[48] = y, n[49] = v, n[50] = x, n[51] = S, n[52] = E, n[53] = o, n[54] = le, n[55] = N, n[56] = I, n[57] = $) : $ = n[57], $;
+};
+function _temp(e) {
+	return {
+		id: e.id,
+		label: e.label,
+		minWidth: e.minWidth,
+		align: e.align,
+		sortable: !0,
+		format: e.format ? (ie) => {
+			let t = e.format(ie);
+			return typeof t == "string" && t.includes("<") ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: t } }) : t;
+		} : void 0
+	};
+}
+function _temp2(e) {
+	return {
+		id: e.id,
+		label: e.label,
+		icon: e.icon,
+		variant: e.variant,
+		action: e.action
+	};
+}
+function _temp3(e) {
+	return {
+		id: e.id,
+		label: e.label,
+		icon: e.icon,
+		variant: e.variant,
+		action: e.action,
+		condition: e.condition,
+		disabled: e.disabled,
+		className: e.className
+	};
+}
+export { ListView_default as default };

package/dist/components/page/PageBreadcrumbs.js

@@ -0,0 +1,41 @@
+import { cn } from "../../lib/utils.js";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useNavigate } from "react-router-dom";
+import { ChevronRight } from "lucide-react";
+var PageBreadcrumbs_default = (p) => {
+	let m = c(15), { breadcrumbData: h, className: g } = p, _ = useNavigate(), v;
+	m[0] === _ ? v = m[1] : (v = (e, d) => {
+		e.preventDefault(), _(d);
+	}, m[0] = _, m[1] = v);
+	let y = v, b;
+	m[2] === g ? b = m[3] : (b = cn("ml-3 mb-2", g), m[2] = g, m[3] = b);
+	let x;
+	if (m[4] !== h || m[5] !== y) {
+		let e;
+		m[7] !== h.length || m[8] !== y ? (e = (e, d) => {
+			let f = d === h.length - 1;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "contents",
+				children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: f || e.current ? /* @__PURE__ */ jsxs(BreadcrumbPage, {
+					className: "flex items-center gap-2",
+					children: [e.icon, e.label]
+				}) : /* @__PURE__ */ jsxs(BreadcrumbLink, {
+					href: e.href,
+					onClick: (d) => e.href && y(d, e.href),
+					className: "flex items-center gap-2",
+					children: [e.icon, e.label]
+				}) }), !f && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })]
+			}, d);
+		}, m[7] = h.length, m[8] = y, m[9] = e) : e = m[9], x = h.map(e), m[4] = h, m[5] = y, m[6] = x;
+	} else x = m[6];
+	let S;
+	m[10] === x ? S = m[11] : (S = /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: x }) }), m[10] = x, m[11] = S);
+	let C;
+	return m[12] !== b || m[13] !== S ? (C = /* @__PURE__ */ jsx("div", {
+		className: b,
+		children: S
+	}), m[12] = b, m[13] = S, m[14] = C) : C = m[14], C;
+};
+export { PageBreadcrumbs_default as default };

package/dist/components/snackbars/ErrorSnackbar.js

@@ -0,0 +1,30 @@
+import Snackbar_default from "./Snackbar.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ErrorSnackbar_default = (r) => {
+	let i = c(3), { error: a } = r, o;
+	bb0: {
+		if (!a) {
+			o = null;
+			break bb0;
+		}
+		if (typeof a == "string") {
+			o = a;
+			break bb0;
+		} else if (a instanceof Error) {
+			o = a.message;
+			break bb0;
+		}
+		o = "An unexpected error occurred.";
+	}
+	let s = o, l = !!a, u;
+	return i[0] !== s || i[1] !== l ? (u = /* @__PURE__ */ jsx(Snackbar_default, {
+		message: s,
+		variant: "error",
+		duration: 4e3,
+		position: "bottom-center",
+		show: l
+	}), i[0] = s, i[1] = l, i[2] = u) : u = i[2], u;
+};
+export { ErrorSnackbar_default as default };

package/dist/components/snackbars/Snackbar.js

@@ -0,0 +1,44 @@
+import { c } from "react/compiler-runtime";
+import React, { useEffect } from "react";
+import { toast } from "sonner";
+var Snackbar_default = (r) => {
+	let i = c(10), { message: a, variant: o, show: s, icon: l, duration: u, position: d, id: f, onDismiss: p } = r, m = o === void 0 ? "info" : o, h = s === void 0 ? !0 : s, g = u === void 0 ? 4e3 : u, _ = d === void 0 ? "bottom-center" : d, v, y;
+	return i[0] !== g || i[1] !== l || i[2] !== f || i[3] !== a || i[4] !== p || i[5] !== _ || i[6] !== h || i[7] !== m ? (v = () => {
+		if (!a || !h) {
+			f && !h && (toast.dismiss(f), p?.());
+			return;
+		}
+		let e = {
+			duration: g,
+			position: _,
+			id: f,
+			...l && { icon: l }
+		};
+		bb39: switch (m) {
+			case "success":
+				toast.success(a, e);
+				break bb39;
+			case "error":
+				toast.error(a, e);
+				break bb39;
+			case "warning":
+				toast.warning(a, e);
+				break bb39;
+			case "loading":
+				toast.loading(a, e);
+				break bb39;
+			case "info":
+			default: toast(a, e);
+		}
+	}, y = [
+		a,
+		h,
+		m,
+		l,
+		g,
+		_,
+		f,
+		p
+	], i[0] = g, i[1] = l, i[2] = f, i[3] = a, i[4] = p, i[5] = _, i[6] = h, i[7] = m, i[8] = v, i[9] = y) : (v = i[8], y = i[9]), useEffect(v, y), null;
+};
+export { Snackbar_default as default };