@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/s-tool-bar-CM-cxOkI.js

@@ -0,0 +1,404 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./createSvgIcon-Bs2KOQvq.js";
+import { t as n } from "./Close-DD2G0QfM.js";
+import { t as r } from "./Download-DDt8mUQX.js";
+import { t as i } from "./s-select-CmsTrYmx.js";
+import a, { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { createPortal as u } from "react-dom";
+import { Box as d, Checkbox as f, Dialog as p, DialogContent as m, DialogTitle as h, Divider as g, IconButton as _, Slider as v, TextField as y, Tooltip as b, Typography as x } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/AddPhotoAlternate.js
+var S = e(), C = t(/* @__PURE__ */ (0, S.jsx)("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z" }), "AddPhotoAlternate"), w = t(/* @__PURE__ */ (0, S.jsx)("path", { d: "m19 9 1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25z" }), "AutoAwesome"), T = t(/* @__PURE__ */ (0, S.jsx)("path", { d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6m6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26" }), "Autorenew"), E = t(/* @__PURE__ */ (0, S.jsx)("path", { d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }), "InfoOutlined"), D = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ (0, S.jsx)(y, {
+	value: t,
+	onChange: (e) => n(e.target.value),
+	onFocus: r,
+	onBlur: i,
+	placeholder: e.placeholder ?? e.label,
+	disabled: a,
+	multiline: !0,
+	minRows: e.minRows ?? 2,
+	maxRows: e.maxRows ?? 5,
+	fullWidth: !0,
+	...e.componentProps?.textarea ?? {}
+})), O = a.memo((e) => /* @__PURE__ */ (0, S.jsx)(x, {
+	variant: "caption",
+	sx: {
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		width: "100% !important",
+		textAlign: "center"
+	},
+	children: e.label
+})), k = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ (0, S.jsxs)(d, {
+	sx: {
+		width: 120,
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: [/* @__PURE__ */ (0, S.jsx)(O, { label: e.label }), /* @__PURE__ */ (0, S.jsx)(y, {
+		type: "number",
+		value: t ?? e.defaultValue ?? 0,
+		onChange: (e) => n(Number(e.target.value)),
+		onFocus: r,
+		onBlur: i,
+		disabled: a,
+		slotProps: { htmlInput: {
+			min: e.min,
+			max: e.max,
+			step: e.step
+		} },
+		sx: { "& input": { textAlign: "center" } },
+		...e.componentProps?.number ?? {}
+	})]
+})), A = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabled: o }) => /* @__PURE__ */ (0, S.jsxs)(d, {
+	sx: {
+		width: 180,
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: [/* @__PURE__ */ (0, S.jsx)(O, { label: e.label }), /* @__PURE__ */ (0, S.jsx)(i, {
+		value: t ?? e.defaultValue ?? "",
+		onChange: (e) => n(e.target.value),
+		onFocus: r,
+		onBlur: a,
+		disabled: o,
+		placeholder: e.placeholder,
+		options: e.options ?? [],
+		optionLabel: e.optionLabel,
+		optionValue: e.optionValue,
+		searchable: e.searchable,
+		searchPlaceholder: e.searchPlaceholder,
+		...e.componentProps?.select ?? {}
+	})]
+})), j = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ (0, S.jsxs)(d, {
+	sx: {
+		width: 160,
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: [/* @__PURE__ */ (0, S.jsx)(O, { label: e.label }), /* @__PURE__ */ (0, S.jsxs)(d, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			height: 36
+		},
+		children: [/* @__PURE__ */ (0, S.jsx)(v, {
+			value: t ?? e.defaultValue ?? e.min ?? 0,
+			onChange: (e, t) => n(t),
+			onMouseDown: r,
+			onMouseUp: i,
+			disabled: a,
+			min: e.min ?? 0,
+			max: e.max ?? 100,
+			step: e.step ?? 1,
+			sx: { flex: 1 },
+			...e.componentProps?.slider ?? {}
+		}), /* @__PURE__ */ (0, S.jsx)(d, {
+			sx: {
+				minWidth: 60,
+				textAlign: "center",
+				fontWeight: 500,
+				fontSize: "0.875rem"
+			},
+			children: t ?? e.defaultValue ?? e.min ?? 0
+		})]
+	})]
+})), M = a.memo(({ input: e, value: t, onChange: r, disabled: i }) => {
+	let o = a.useRef(null), [c, l] = a.useState([]), [u, f] = a.useState(null), p = e.multiple ?? !1, m = e.maxImages ?? 5;
+	s(() => {
+		let e = [];
+		return l(((t) => {
+			if (!t) return [];
+			let n = Array.isArray(t) ? t : [t], r = [];
+			return n.forEach((t) => {
+				if (t instanceof File) {
+					let n = URL.createObjectURL(t);
+					r.push(n), e.push(n);
+				} else typeof t == "string" && r.push(t);
+			}), r;
+		})(t)), () => {
+			e.forEach((e) => URL.revokeObjectURL(e));
+		};
+	}, [t]);
+	let h = (e) => {
+		let n = e.target.files;
+		if (!(!n || n.length === 0)) {
+			if (p) {
+				let e = Array.isArray(t) ? t : t instanceof File || typeof t == "string" ? [t] : [], i = Array.from(n).slice(0, m - e.length);
+				r([...e, ...i]);
+			} else r(n[0]);
+			e.target.value = "";
+		}
+	}, g = (e, n) => {
+		if (e.stopPropagation(), p && Array.isArray(t)) {
+			let e = t.filter((e, t) => t !== n);
+			r(e.length > 0 ? e : null);
+		} else r(null);
+	}, v = () => {
+		i || p && c.length >= m || o.current?.click();
+	}, y = p && c.length < m;
+	return /* @__PURE__ */ (0, S.jsxs)(d, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .75
+		},
+		children: [
+			/* @__PURE__ */ (0, S.jsx)("input", {
+				ref: o,
+				type: "file",
+				accept: "image/*",
+				multiple: p,
+				onChange: h,
+				disabled: i,
+				style: { display: "none" },
+				...e.componentProps?.image ?? {}
+			}),
+			c.map((e, t) => /* @__PURE__ */ (0, S.jsxs)(d, {
+				onMouseEnter: () => f(t),
+				onMouseLeave: () => f(null),
+				sx: {
+					width: 50,
+					height: 50,
+					border: 1,
+					borderColor: i ? "action.disabled" : "divider",
+					borderRadius: 1,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					cursor: i ? "not-allowed" : "default",
+					position: "relative",
+					overflow: "hidden",
+					transition: "all 0.2s"
+				},
+				children: [/* @__PURE__ */ (0, S.jsx)(d, {
+					component: "img",
+					src: e,
+					alt: `Preview ${t + 1}`,
+					sx: {
+						width: "100%",
+						height: "100%",
+						objectFit: "cover"
+					}
+				}), !i && u === t && /* @__PURE__ */ (0, S.jsx)(d, {
+					onClick: (e) => g(e, t),
+					sx: {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						right: 0,
+						bottom: 0,
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center"
+					},
+					children: /* @__PURE__ */ (0, S.jsx)(_, {
+						onClick: (e) => g(e, t),
+						children: /* @__PURE__ */ (0, S.jsx)(n, {})
+					})
+				})]
+			}, t)),
+			(c.length === 0 || y) && /* @__PURE__ */ (0, S.jsx)(d, {
+				onClick: v,
+				sx: {
+					width: 50,
+					height: 50,
+					border: 1,
+					borderColor: i ? "action.disabled" : "divider",
+					borderRadius: 1,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					cursor: i ? "not-allowed" : "pointer",
+					transition: "all 0.2s",
+					"&:hover": { bgcolor: "action.hover" }
+				},
+				children: /* @__PURE__ */ (0, S.jsx)(C, { sx: {
+					fontSize: 20,
+					color: i ? "action.disabled" : "divider"
+				} })
+			})
+		]
+	});
+}), N = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ (0, S.jsxs)(d, {
+	sx: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		minWidth: 60
+	},
+	children: [/* @__PURE__ */ (0, S.jsx)(O, { label: e.label }), /* @__PURE__ */ (0, S.jsx)(f, {
+		checked: t ?? e.defaultValue ?? !1,
+		onChange: (e) => n(e.target.checked),
+		onFocus: r,
+		onBlur: i,
+		disabled: a,
+		...e.componentProps?.checkbox ?? {}
+	})]
+})), P = (e) => {
+	switch (e.input.type) {
+		case "textarea": return /* @__PURE__ */ (0, S.jsx)(D, { ...e });
+		case "number": return /* @__PURE__ */ (0, S.jsx)(k, { ...e });
+		case "slider": return /* @__PURE__ */ (0, S.jsx)(j, { ...e });
+		case "select": return /* @__PURE__ */ (0, S.jsx)(A, { ...e });
+		case "image": return /* @__PURE__ */ (0, S.jsx)(M, {
+			input: e.input,
+			value: e.value,
+			onChange: e.onChange,
+			disabled: e.disabled
+		});
+		case "checkbox": return /* @__PURE__ */ (0, S.jsx)(N, { ...e });
+		default: return null;
+	}
+}, F = ({ inputs: e = [], onProcess: t, onReset: n, onDownload: i, processing: a = !1, uploading: s = !1, inputValues: f = {}, onInputChange: v, customActionButtons: y, hideProcessButton: x = !1, processButtonDisabled: C = !1, getInputDisabled: D, processTooltip: O = "Process", downloadTooltip: k = "Download", resetTooltip: A = "Reset", infoTooltip: j = "Information", infoTitle: M = "Tool Information", infoContent: N, position: F = "bottom", relative: I = !1, containerSx: L, sx: R }) => {
+	let [z, B] = l(!1), V = c(() => e.length === 0 ? !0 : e.every((e) => {
+		if (!e.required) return !0;
+		let t = f[e.key];
+		return e.type === "textarea" ? typeof t == "string" && t.trim() !== "" : e.type === "number" || e.type === "slider" ? t != null : e.type === "select" ? t != null && t !== "" : !0;
+	}), [e, f]), { imageInputs: H, textareaInputs: U, paramInputs: W } = c(() => e.reduce((e, t) => (t.type === "image" ? e.imageInputs.push(t) : t.type === "textarea" ? e.textareaInputs.push(t) : e.paramInputs.push(t), e), {
+		imageInputs: [],
+		textareaInputs: [],
+		paramInputs: []
+	}), [e]), G = o(() => {}, []), K = o(() => {}, []), q = o((e, t, n) => {
+		v?.(e, t, n);
+	}, [v]), J = o(() => B(!0), []), Y = o(() => B(!1), []), X = o((e) => {
+		let t = f[e.key], n = D?.(e.key) ?? !1;
+		return e.renderInput ? /* @__PURE__ */ (0, S.jsx)(d, { children: e.renderInput({
+			value: t,
+			onChange: (t) => q(e.key, t),
+			onFocus: G,
+			onBlur: K,
+			disabled: n
+		}) }, e.key) : /* @__PURE__ */ (0, S.jsx)(P, {
+			input: e,
+			value: t,
+			onChange: (t) => q(e.key, t),
+			onFocus: G,
+			onBlur: K,
+			disabled: n
+		}, e.key);
+	}, [
+		f,
+		D,
+		q,
+		G,
+		K
+	]), Z = /* @__PURE__ */ (0, S.jsxs)(d, {
+		sx: {
+			position: I ? "relative" : "fixed",
+			[F]: I ? "auto" : 20,
+			left: I ? "auto" : "50%",
+			transform: I ? "none" : "translateX(-50%)",
+			zIndex: I ? "auto" : 1300,
+			display: I ? "flex" : "block",
+			justifyContent: I ? "center" : "initial",
+			mt: I && F === "top" ? 2 : 0,
+			mb: I && F === "bottom" ? 2 : 0,
+			...L
+		},
+		children: [/* @__PURE__ */ (0, S.jsxs)(d, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 2,
+				p: 2,
+				borderRadius: 2,
+				border: 1,
+				borderColor: "divider",
+				bgcolor: "background.default",
+				...R
+			},
+			children: [U.length > 0 && /* @__PURE__ */ (0, S.jsx)(d, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				},
+				children: U.map(X)
+			}), /* @__PURE__ */ (0, S.jsxs)(d, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: .5
+				},
+				children: [
+					/* @__PURE__ */ (0, S.jsx)(d, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: 2,
+							flex: 1
+						},
+						children: (H.length > 0 || W.length > 0) && /* @__PURE__ */ (0, S.jsxs)(d, {
+							sx: {
+								display: "flex",
+								alignItems: "flex-end",
+								gap: 1.5
+							},
+							children: [H.map(X), W.map(X)]
+						})
+					}),
+					(H.length > 0 || W.length > 0) && /* @__PURE__ */ (0, S.jsx)(g, {
+						orientation: "vertical",
+						flexItem: !0,
+						sx: {
+							mx: .5,
+							flexShrink: 0
+						}
+					}),
+					/* @__PURE__ */ (0, S.jsxs)(d, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: .75,
+							ml: "auto"
+						},
+						children: [
+							y,
+							N && /* @__PURE__ */ (0, S.jsx)(b, {
+								title: j,
+								children: /* @__PURE__ */ (0, S.jsx)(_, {
+									onClick: J,
+									children: /* @__PURE__ */ (0, S.jsx)(E, {})
+								})
+							}),
+							/* @__PURE__ */ (0, S.jsx)(b, {
+								title: k,
+								children: /* @__PURE__ */ (0, S.jsx)(_, {
+									onClick: i,
+									children: /* @__PURE__ */ (0, S.jsx)(r, {})
+								})
+							}),
+							/* @__PURE__ */ (0, S.jsx)(b, {
+								title: A,
+								children: /* @__PURE__ */ (0, S.jsx)(_, {
+									onClick: n,
+									children: /* @__PURE__ */ (0, S.jsx)(T, {})
+								})
+							}),
+							!x && /* @__PURE__ */ (0, S.jsx)(b, {
+								title: O,
+								children: /* @__PURE__ */ (0, S.jsx)("span", { children: /* @__PURE__ */ (0, S.jsx)(_, {
+									onClick: t,
+									disabled: C || !V || s || a,
+									size: "large",
+									children: /* @__PURE__ */ (0, S.jsx)(w, { color: C || !V || s || a ? "disabled" : "primary" })
+								}) })
+							})
+						]
+					})
+				]
+			})]
+		}), N && /* @__PURE__ */ (0, S.jsxs)(p, {
+			open: z,
+			onClose: Y,
+			maxWidth: "sm",
+			fullWidth: !0,
+			children: [/* @__PURE__ */ (0, S.jsx)(h, { children: M }), /* @__PURE__ */ (0, S.jsx)(m, { children: N })]
+		})]
+	});
+	return !I && typeof window < "u" ? u(Z, document.body) : Z;
+};
+F.displayName = "SToolBar";
+//#endregion
+export { F as t };

package/dist/s-two-pane-layout/index.js

@@ -1,4 +1,4 @@
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
 import { STwoPaneLayout as e } from "./s-two-pane-layout.js";
-export {
-  e as default
-};
+export { e as default };

package/dist/s-two-pane-layout/s-two-pane-layout.d.ts

@@ -49,8 +49,5 @@ export interface STwoPaneLayoutProps {
     /** Height of header sections to ensure consistent sizing between panes. Default: '40px' */
     headerHeight?: number | string;
 }
-/**
- * A flexible two-pane layout component with customizable sidebar and content areas.
- */
 export declare const STwoPaneLayout: FC<STwoPaneLayoutProps>;
 export default STwoPaneLayout;

package/dist/s-two-pane-layout/s-two-pane-layout.js

@@ -1,102 +1,103 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { SFlexBox as t } from "../s-flex-box/s-flex-box.js";
+import { SOverlayScrollbar as n } from "../s-overlay-scrollbar/s-overlay-scrollbar.js";
 import { Box as r } from "@mui/material";
-import { SFlexBox as I } from "../s-flex-box/s-flex-box.js";
-import { SOverlayScrollbar as a } from "../s-overlay-scrollbar/s-overlay-scrollbar.js";
-const R = ({
-  sidebar: x,
-  content: i,
-  sidebarWidth: g = 280,
-  height: u = "calc(100vh - 65px)",
-  containerSx: v,
-  sidebarSx: w,
-  contentSx: y,
-  sidebarHeaderSx: B,
-  contentHeaderSx: D,
-  sidebarScrollSx: o,
-  contentScrollSx: s,
-  disableBorder: h = !1,
-  sidebarHeader: t,
-  contentHeader: d,
-  enableSidebarScroll: F = !0,
-  enableContentScroll: n = !1,
-  sidebarPosition: l = "left",
-  sidebarPadding: f = 1,
-  contentPadding: c = 1,
-  sidebarHeaderPadding: L = 2,
-  contentHeaderPadding: C = 2,
-  headerHeight: m = "40px"
-}) => {
-  const p = /* @__PURE__ */ e.jsxs(
-    r,
-    {
-      sx: {
-        width: g,
-        borderRight: !h && l === "left" ? 1 : 0,
-        borderLeft: !h && l === "right" ? 1 : 0,
-        borderColor: "divider",
-        display: "flex",
-        flexDirection: "column",
-        ...w
-      },
-      children: [
-        t && /* @__PURE__ */ e.jsx(
-          r,
-          {
-            sx: {
-              p: L,
-              height: m,
-              borderBottom: 1,
-              borderColor: "divider",
-              display: "flex",
-              alignItems: "center",
-              ...B
-            },
-            children: t
-          }
-        ),
-        /* @__PURE__ */ e.jsx(r, { sx: { flex: 1, minHeight: 0 }, children: F ? /* @__PURE__ */ e.jsx(a, { children: /* @__PURE__ */ e.jsx(r, { sx: { p: f, ...o }, children: x }) }) : /* @__PURE__ */ e.jsx(r, { sx: { p: f, height: "100%", overflow: "hidden", ...o }, children: x }) })
-      ]
-    }
-  ), j = /* @__PURE__ */ e.jsxs(r, { sx: { flex: 1, display: "flex", flexDirection: "column", ...y }, height: "100%", children: [
-    d && /* @__PURE__ */ e.jsx(
-      r,
-      {
-        sx: {
-          p: C,
-          height: m,
-          borderBottom: 1,
-          borderColor: "divider",
-          display: "flex",
-          alignItems: "center",
-          ...D
-        },
-        children: d
-      }
-    ),
-    /* @__PURE__ */ e.jsx(r, { sx: { flex: 1, overflow: n ? "auto" : "hidden" }, children: n ? /* @__PURE__ */ e.jsx(a, { children: /* @__PURE__ */ e.jsx(r, { sx: { p: c, ...s }, children: i }) }) : /* @__PURE__ */ e.jsx(r, { sx: { p: c, height: "100%", ...s }, children: i }) })
-  ] });
-  return /* @__PURE__ */ e.jsx(
-    I,
-    {
-      sx: {
-        height: u,
-        flexDirection: "row",
-        width: "100%",
-        overflow: "hidden",
-        ...v
-      },
-      children: l === "left" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        p,
-        j
-      ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        j,
-        p
-      ] })
-    }
-  );
-};
-R.displayName = "STwoPaneLayout";
-export {
-  R as STwoPaneLayout,
-  R as default
+//#region lib/s-two-pane-layout/s-two-pane-layout.tsx
+var i = e(), a = ({ sidebar: e, content: a, sidebarWidth: o = 280, height: s = "calc(100vh - 65px)", containerSx: c, sidebarSx: l, contentSx: u, sidebarHeaderSx: d, contentHeaderSx: f, sidebarScrollSx: p, contentScrollSx: m, disableBorder: h = !1, sidebarHeader: g, contentHeader: _, enableSidebarScroll: v = !0, enableContentScroll: y = !1, sidebarPosition: b = "left", sidebarPadding: x = 1, contentPadding: S = 1, sidebarHeaderPadding: C = 2, contentHeaderPadding: w = 2, headerHeight: T = "40px" }) => {
+	let E = /* @__PURE__ */ (0, i.jsxs)(r, {
+		sx: {
+			width: o,
+			borderRight: !h && b === "left" ? 1 : 0,
+			borderLeft: !h && b === "right" ? 1 : 0,
+			borderColor: "divider",
+			display: "flex",
+			flexDirection: "column",
+			...l
+		},
+		children: [g && /* @__PURE__ */ (0, i.jsx)(r, {
+			sx: {
+				p: C,
+				height: T,
+				borderBottom: 1,
+				borderColor: "divider",
+				display: "flex",
+				alignItems: "center",
+				...d
+			},
+			children: g
+		}), /* @__PURE__ */ (0, i.jsx)(r, {
+			sx: {
+				flex: 1,
+				minHeight: 0
+			},
+			children: v ? /* @__PURE__ */ (0, i.jsx)(n, { children: /* @__PURE__ */ (0, i.jsx)(r, {
+				sx: {
+					p: x,
+					...p
+				},
+				children: e
+			}) }) : /* @__PURE__ */ (0, i.jsx)(r, {
+				sx: {
+					p: x,
+					height: "100%",
+					overflow: "hidden",
+					...p
+				},
+				children: e
+			})
+		})]
+	}), D = /* @__PURE__ */ (0, i.jsxs)(r, {
+		sx: {
+			flex: 1,
+			display: "flex",
+			flexDirection: "column",
+			...u
+		},
+		height: "100%",
+		children: [_ && /* @__PURE__ */ (0, i.jsx)(r, {
+			sx: {
+				p: w,
+				height: T,
+				borderBottom: 1,
+				borderColor: "divider",
+				display: "flex",
+				alignItems: "center",
+				...f
+			},
+			children: _
+		}), /* @__PURE__ */ (0, i.jsx)(r, {
+			sx: {
+				flex: 1,
+				overflow: y ? "auto" : "hidden"
+			},
+			children: y ? /* @__PURE__ */ (0, i.jsx)(n, { children: /* @__PURE__ */ (0, i.jsx)(r, {
+				sx: {
+					p: S,
+					...m
+				},
+				children: a
+			}) }) : /* @__PURE__ */ (0, i.jsx)(r, {
+				sx: {
+					p: S,
+					height: "100%",
+					...m
+				},
+				children: a
+			})
+		})]
+	});
+	return /* @__PURE__ */ (0, i.jsx)(t, {
+		sx: {
+			height: s,
+			flexDirection: "row",
+			width: "100%",
+			overflow: "hidden",
+			...c
+		},
+		children: b === "left" ? /* @__PURE__ */ (0, i.jsxs)(i.Fragment, { children: [E, D] }) : /* @__PURE__ */ (0, i.jsxs)(i.Fragment, { children: [D, E] })
+	});
 };
+a.displayName = "STwoPaneLayout";
+//#endregion
+export { a as STwoPaneLayout, a as default };

package/dist/s-typewriter-text/index.js

@@ -1,4 +1,3 @@
-import { STypewriterText as t } from "./s-typewriter-text.js";
-export {
-  t as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { STypewriterText as e } from "./s-typewriter-text.js";
+export { e as default };

package/dist/s-typewriter-text/s-typewriter-text.d.ts

@@ -18,9 +18,6 @@ export interface STypewriterTextProps extends Omit<TypographyProps, 'children'>
     /** Delay in milliseconds before deleting text (when looping) */
     delay?: number;
 }
-/**
- * An animated text component that creates a typewriter effect with customizable speed and looping.
- */
 export declare const STypewriterText: {
     ({ text, speed, cursor, cursorBlinking, loop, deleteSpeed, delay, ...typographyProps }: STypewriterTextProps): React.JSX.Element;
     displayName: string;