@tomny-dev/uzi 0.2.12 → 0.3.0

package/dist/index51.cjs

@@ -1,443 +1,36 @@
-const require_runtime = require("./index2.cjs");
 const require_cx = require("./index4.cjs");
-const require_auth_pages_module = require("./index50.cjs");
-let react = require("react");
-react = require_runtime.__toESM(react, 1);
+const require_layout_primitives_module = require("./index50.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/auth-pages/AuthPages.tsx
-function EyeIcon({ open }) {
-	if (open) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		"aria-hidden": "true",
-		className: require_auth_pages_module.default.eyeIcon,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z",
-			stroke: "currentColor",
-			strokeWidth: "2"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-			cx: "12",
-			cy: "12",
-			r: "3",
-			stroke: "currentColor",
-			strokeWidth: "2"
-		})]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		"aria-hidden": "true",
-		className: require_auth_pages_module.default.eyeIcon,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
-				x1: "1",
-				y1: "1",
-				x2: "23",
-				y2: "23",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			})
-		]
-	});
-}
-function Field({ label, id, children, error }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_auth_pages_module.default.field,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				htmlFor: id,
-				className: require_auth_pages_module.default.label,
-				children: label
-			}),
-			children,
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_auth_pages_module.default.error,
-				children: error
-			})
-		]
-	});
-}
-function PasswordField({ id, label, placeholder, value, onChange, error }) {
-	const [show, setShow] = react.useState(false);
-	const toggleRef = react.useRef(null);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-		label: label ?? "Password",
-		id,
-		error,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_auth_pages_module.default.passwordWrapper,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				id,
-				type: show ? "text" : "password",
-				placeholder,
-				value,
-				onChange,
-				className: require_auth_pages_module.default.input
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				ref: toggleRef,
-				type: "button",
-				onClick: () => setShow((s) => !s),
-				className: require_auth_pages_module.default.toggle,
-				"aria-label": show ? "Hide password" : "Show password",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EyeIcon, { open: show })
-			})]
-		})
-	});
-}
-function CheckboxRow({ label, linkText, linkHref, checked, onChange }) {
-	if (!label) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_auth_pages_module.default.checkboxRow,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-			className: require_auth_pages_module.default.checkboxLabel,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				type: "checkbox",
-				className: require_auth_pages_module.default.checkbox,
-				checked,
-				onChange: (e) => onChange?.(e.target.checked)
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
-		}), linkHref && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-			href: linkHref,
-			className: require_auth_pages_module.default.forgotLink,
-			children: linkText
-		})]
-	});
-}
-function SignInPage({ title = "Sign in", subtitle, footer, onSubmit, loading = false, brand, className, emailPlaceholder = "Email address", passwordPlaceholder = "Password", rememberLabel = "Remember me", forgotLinkText = "Forgot password?", forgotLinkHref }) {
-	const id = react.useId();
-	const [email, setEmail] = react.useState("");
-	const [password, setPassword] = react.useState("");
-	const [rememberMe, setRememberMe] = react.useState(false);
-	const [errors, setErrors] = react.useState({});
-	const [submitted, setSubmitted] = react.useState(false);
-	const validate = () => {
-		const newErrors = {};
-		if (!email.trim()) newErrors.email = "Email is required";
-		else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) newErrors.email = "Enter a valid email";
-		if (!password) newErrors.password = "Password is required";
-		setErrors(newErrors);
-		return Object.keys(newErrors).length === 0;
-	};
-	const handleSubmit = (e) => {
-		e.preventDefault();
-		setSubmitted(true);
-		if (!validate()) return;
-		onSubmit?.({
-			email,
-			password,
-			rememberMe
-		});
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_auth_pages_module.default.authLayout, className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_auth_pages_module.default.authCard,
-			children: [
-				brand && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_auth_pages_module.default.authBrand,
-					children: brand
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_auth_pages_module.default.authHeader,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-						className: require_auth_pages_module.default.authTitle,
-						children: title
-					}), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: require_auth_pages_module.default.authSubtitle,
-						children: subtitle
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-					onSubmit: handleSubmit,
-					className: require_auth_pages_module.default.authForm,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-							label: emailPlaceholder,
-							id: id + "-email",
-							error: submitted ? errors.email : void 0,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								id: id + "-email",
-								type: "email",
-								placeholder: "you@example.com",
-								value: email,
-								onChange: (e) => setEmail(e.target.value),
-								className: require_auth_pages_module.default.input,
-								autoComplete: "email",
-								autoFocus: true
-							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
-							label: passwordPlaceholder,
-							id: id + "-password",
-							placeholder: passwordPlaceholder,
-							value: password,
-							onChange: (e) => {
-								setPassword(e.target.value);
-								if (submitted) setSubmitted(false);
-							},
-							error: submitted ? errors.password : void 0
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxRow, {
-							label: rememberLabel,
-							linkText: forgotLinkText,
-							linkHref: forgotLinkHref,
-							checked: rememberMe,
-							onChange: (c) => {
-								setRememberMe(c);
-								if (submitted) setSubmitted(false);
-							}
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "submit",
-							disabled: loading,
-							className: require_auth_pages_module.default.submitButton,
-							children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_auth_pages_module.default.spinner }), "Signing in..."] }) : "Sign in"
-						})
-					]
-				}),
-				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: require_auth_pages_module.default.divider }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: require_auth_pages_module.default.authFooter,
-					children: footer
-				})] })
-			]
-		})
-	});
-}
-function SignUpPage({ title = "Create an account", subtitle, footer, onSubmit, loading = false, brand, className, emailPlaceholder = "Email address", passwordPlaceholder = "Password", confirmPasswordPlaceholder = "Confirm password", checkboxLabel, checkboxLinkText, checkboxLinkHref }) {
-	const id = react.useId();
-	const [email, setEmail] = react.useState("");
-	const [password, setPassword] = react.useState("");
-	const [confirmPassword, setConfirmPassword] = react.useState("");
-	const [agreed, setAgreed] = react.useState(false);
-	const [errors, setErrors] = react.useState({});
-	const [submitted, setSubmitted] = react.useState(false);
-	const validate = () => {
-		const newErrors = {};
-		if (!email.trim()) newErrors.email = "Email is required";
-		else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) newErrors.email = "Enter a valid email";
-		if (!password) newErrors.password = "Password is required";
-		else if (password.length < 8) newErrors.password = "At least 8 characters";
-		if (password !== confirmPassword) newErrors.confirmPassword = "Passwords do not match";
-		if (!agreed) newErrors.agreed = "You must agree to continue";
-		setErrors(newErrors);
-		return Object.keys(newErrors).length === 0;
-	};
-	const handleSubmit = (e) => {
-		e.preventDefault();
-		setSubmitted(true);
-		if (!validate()) return;
-		onSubmit?.({
-			email,
-			password,
-			agreed
-		});
-	};
+//#region src/components/layout-primitives/LayoutPrimitives.tsx
+var GAP_CLASS = {
+	xs: "gap-xs",
+	sm: "gap-sm",
+	md: "gap-md",
+	lg: "gap-lg",
+	xl: "gap-xl"
+};
+function Stack({ gap = "md", className, children, ...rest }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_auth_pages_module.default.authLayout, className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_auth_pages_module.default.authCard,
-			children: [
-				brand && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_auth_pages_module.default.authBrand,
-					children: brand
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_auth_pages_module.default.authHeader,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-						className: require_auth_pages_module.default.authTitle,
-						children: title
-					}), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: require_auth_pages_module.default.authSubtitle,
-						children: subtitle
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-					onSubmit: handleSubmit,
-					className: require_auth_pages_module.default.authForm,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-							label: emailPlaceholder,
-							id: id + "-email",
-							error: submitted ? errors.email : void 0,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								id: id + "-email",
-								type: "email",
-								placeholder: "you@example.com",
-								value: email,
-								onChange: (e) => {
-									setEmail(e.target.value);
-									if (submitted) setSubmitted(false);
-								},
-								className: require_auth_pages_module.default.input,
-								autoComplete: "email",
-								autoFocus: true
-							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
-							label: passwordPlaceholder,
-							id: id + "-password",
-							placeholder: passwordPlaceholder,
-							value: password,
-							onChange: (e) => {
-								setPassword(e.target.value);
-								if (submitted) setSubmitted(false);
-							},
-							error: submitted ? errors.password : void 0
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
-							label: confirmPasswordPlaceholder,
-							id: id + "-confirm",
-							placeholder: confirmPasswordPlaceholder,
-							value: confirmPassword,
-							onChange: (e) => {
-								setConfirmPassword(e.target.value);
-								if (submitted) setSubmitted(false);
-							},
-							error: submitted ? errors.confirmPassword : void 0
-						}),
-						checkboxLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: require_auth_pages_module.default.checkboxRow,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: require_auth_pages_module.default.checkboxLabel,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									id: id + "-agreed",
-									type: "checkbox",
-									checked: agreed,
-									onChange: (e) => {
-										setAgreed(e.target.checked);
-										if (submitted) setSubmitted(false);
-									},
-									className: require_auth_pages_module.default.checkbox
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: checkboxLinkText ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									"I agree to the",
-									" ",
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-										href: checkboxLinkHref,
-										className: require_auth_pages_module.default.checkboxLink,
-										children: checkboxLinkText
-									})
-								] }) : checkboxLabel })]
-							})
-						}),
-						submitted && errors.agreed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: require_auth_pages_module.default.error,
-							children: errors.agreed
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "submit",
-							disabled: loading,
-							className: require_auth_pages_module.default.submitButton,
-							children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_auth_pages_module.default.spinner }), "Creating account..."] }) : "Create account"
-						})
-					]
-				}),
-				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: require_auth_pages_module.default.divider }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: require_auth_pages_module.default.authFooter,
-					children: footer
-				})] })
-			]
-		})
+		className: require_cx.cx(require_layout_primitives_module.default.stack, require_layout_primitives_module.default[GAP_CLASS[gap]], className),
+		...rest,
+		children
 	});
 }
-function ForgotPasswordPage({ title = "Reset password", subtitle = "Enter your email and we'll send a reset link", footer, onSubmit, loading = false, brand, className, emailPlaceholder = "Email address", buttonText = "Send reset link", backLinkText = "Back to sign in", backLinkHref = "/signin" }) {
-	const id = react.useId();
-	const [email, setEmail] = react.useState("");
-	const [error, setError] = react.useState("");
-	const [sent, setSent] = react.useState(false);
-	const handleSubmit = (e) => {
-		e.preventDefault();
-		if (!email.trim()) {
-			setError("Email is required");
-			return;
-		}
-		if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-			setError("Enter a valid email");
-			return;
-		}
-		onSubmit?.({ email });
-		setSent(true);
+function Inline({ gap = "md", align = "center", justify = "start", wrap = true, className, children, style, ...rest }) {
+	const inlineStyle = {
+		...style,
+		alignItems: align === "start" ? "flex-start" : align === "end" ? "flex-end" : align,
+		justifyContent: justify === "between" ? "space-between" : justify === "start" ? "flex-start" : justify === "end" ? "flex-end" : justify
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_auth_pages_module.default.authLayout, className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_auth_pages_module.default.authCard,
-			children: [
-				brand && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_auth_pages_module.default.authBrand,
-					children: brand
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_auth_pages_module.default.authHeader,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-						className: require_auth_pages_module.default.authTitle,
-						children: title
-					}), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: require_auth_pages_module.default.authSubtitle,
-						children: subtitle
-					})]
-				}),
-				sent ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_auth_pages_module.default.sentMessage,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-						className: require_auth_pages_module.default.sentText,
-						children: [
-							"If an account exists for ",
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: email }),
-							", you'll receive a reset link shortly."
-						]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-						href: backLinkHref,
-						className: require_auth_pages_module.default.backLink,
-						children: backLinkText
-					})]
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-					onSubmit: handleSubmit,
-					className: require_auth_pages_module.default.authForm,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-						label: emailPlaceholder,
-						id: id + "-email",
-						error,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							id: id + "-email",
-							type: "email",
-							placeholder: "you@example.com",
-							value: email,
-							onChange: (e) => {
-								setEmail(e.target.value);
-								setError("");
-							},
-							className: require_auth_pages_module.default.input,
-							autoComplete: "email",
-							autoFocus: true
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "submit",
-						disabled: loading,
-						className: require_auth_pages_module.default.submitButton,
-						children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_auth_pages_module.default.spinner }), "Sending..."] }) : buttonText
-					})]
-				}),
-				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: require_auth_pages_module.default.divider }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: require_auth_pages_module.default.authFooter,
-					children: footer
-				})] })
-			]
-		})
+		className: require_cx.cx(require_layout_primitives_module.default.inline, require_layout_primitives_module.default[GAP_CLASS[gap]], !wrap && require_layout_primitives_module.default.nowrap, className),
+		style: inlineStyle,
+		...rest,
+		children
 	});
 }
 //#endregion
-exports.ForgotPasswordPage = ForgotPasswordPage;
-exports.SignInPage = SignInPage;
-exports.SignUpPage = SignUpPage;
+exports.Inline = Inline;
+exports.Stack = Stack;
 
 //# sourceMappingURL=index51.cjs.map

package/dist/index51.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index51.cjs","names":[],"sources":["../src/components/auth-pages/AuthPages.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./auth-pages.module.css\";\n\n// ── Eye icon (show/hide password) ──\nfunction EyeIcon({ open }: { open: boolean }) {\n  if (open) {\n    return (\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className={styles.eyeIcon}>\n        <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      </svg>\n    );\n  }\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className={styles.eyeIcon}>\n      <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </svg>\n  );\n}\n\n// ── Internal reusable field ──\ninterface FieldProps {\n  label: string;\n  id: string;\n  children: React.ReactNode;\n  error?: string;\n}\n\nfunction Field({ label, id, children, error }: FieldProps) {\n  return (\n    <div className={styles.field}>\n      <label htmlFor={id} className={styles.label}>\n        {label}\n      </label>\n      {children}\n      {error && <span className={styles.error}>{error}</span>}\n    </div>\n  );\n}\n\n// ── Password input with visibility toggle ──\ninterface PasswordFieldProps {\n  id: string;\n  label?: string;\n  placeholder?: string;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  error?: string;\n}\n\nfunction PasswordField({ id, label, placeholder, value, onChange, error }: PasswordFieldProps) {\n  const [show, setShow] = React.useState(false);\n  const toggleRef = React.useRef<HTMLButtonElement>(null);\n\n  return (\n    <Field label={label ?? \"Password\"} id={id} error={error}>\n      <div className={styles.passwordWrapper}>\n        <input\n          id={id}\n          type={show ? \"text\" : \"password\"}\n          placeholder={placeholder}\n          value={value}\n          onChange={onChange}\n          className={styles.input}\n        />\n        <button\n          ref={toggleRef}\n          type=\"button\"\n          onClick={() => setShow((s) => !s)}\n          className={styles.toggle}\n          aria-label={show ? \"Hide password\" : \"Show password\"}\n        >\n          <EyeIcon open={show} />\n        </button>\n      </div>\n    </Field>\n  );\n}\n\n// ── Checkbox row ──\ninterface CheckboxRowProps {\n  label?: string;\n  linkText: string;\n  linkHref?: string;\n}\n\ninterface CheckboxRowPropsExtended extends CheckboxRowProps {\n  checked?: boolean;\n  onChange?: (checked: boolean) => void;\n}\n\nfunction CheckboxRow({ label, linkText, linkHref, checked, onChange }: CheckboxRowPropsExtended) {\n  if (!label) return null;\n  return (\n    <div className={styles.checkboxRow}>\n      <label className={styles.checkboxLabel}>\n        <input\n          type=\"checkbox\"\n          className={styles.checkbox}\n          checked={checked}\n          onChange={(e) => onChange?.(e.target.checked)}\n        />\n        <span>{label}</span>\n      </label>\n      {linkHref && (\n        <a href={linkHref} className={styles.forgotLink}>\n          {linkText}\n        </a>\n      )}\n    </div>\n  );\n}\n\n// ── Shared props ──\ninterface BaseAuthPageProps {\n  /** Page title */\n  title: string;\n  /** Page subtitle */\n  subtitle?: string;\n  /** Footer content (e.g., \"No account? Sign up\") */\n  footer?: React.ReactNode;\n  /** Called with form data on valid submit */\n  onSubmit?: (data: Record<string, string | boolean>) => void;\n  /** Loading state for the submit button */\n  loading?: boolean;\n  /** Optional brand/logo element */\n  brand?: React.ReactNode;\n  /** Extra class for the outer wrapper */\n  className?: string;\n}\n\n// ── Sign In Page ──\nexport interface SignInPageProps extends BaseAuthPageProps {\n  /** Email placeholder (default \"Email address\") */\n  emailPlaceholder?: string;\n  /** Password placeholder (default \"Password\") */\n  passwordPlaceholder?: string;\n  /** \"Remember me\" checkbox label */\n  rememberLabel?: string;\n  /** \"Forgot password\" link text */\n  forgotLinkText?: string;\n  /** \"Forgot password\" link href */\n  forgotLinkHref?: string;\n}\n\nexport function SignInPage({\n  title = \"Sign in\",\n  subtitle,\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  passwordPlaceholder = \"Password\",\n  rememberLabel = \"Remember me\",\n  forgotLinkText = \"Forgot password?\",\n  forgotLinkHref,\n}: SignInPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [password, setPassword] = React.useState(\"\");\n  const [rememberMe, setRememberMe] = React.useState(false);\n  const [errors, setErrors] = React.useState<Record<string, string>>({});\n  const [submitted, setSubmitted] = React.useState(false);\n\n  const validate = (): boolean => {\n    const newErrors: Record<string, string> = {};\n    if (!email.trim()) newErrors.email = \"Email is required\";\n    else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) newErrors.email = \"Enter a valid email\";\n    if (!password) newErrors.password = \"Password is required\";\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSubmitted(true);\n    if (!validate()) return;\n    onSubmit?.({ email, password, rememberMe });\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        <form onSubmit={handleSubmit} className={styles.authForm}>\n          <Field label={emailPlaceholder} id={id + \"-email\"} error={submitted ? errors.email : undefined}>\n            <input\n              id={id + \"-email\"}\n              type=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              className={styles.input}\n              autoComplete=\"email\"\n              autoFocus\n            />\n          </Field>\n          <PasswordField\n            label={passwordPlaceholder}\n            id={id + \"-password\"}\n            placeholder={passwordPlaceholder}\n            value={password}\n            onChange={(e) => { setPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.password : undefined}\n          />\n          <CheckboxRow\n            label={rememberLabel}\n            linkText={forgotLinkText}\n            linkHref={forgotLinkHref}\n            checked={rememberMe}\n            onChange={(c) => { setRememberMe(c); if (submitted) setSubmitted(false); }}\n          />\n          <button\n            type=\"submit\"\n            disabled={loading}\n            className={styles.submitButton}\n          >\n            {loading ? (\n              <>\n                <span className={styles.spinner} />\n                Signing in...\n              </>\n            ) : (\n              \"Sign in\"\n            )}\n          </button>\n        </form>\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ── Sign Up Page ──\nexport interface SignUpPageProps extends BaseAuthPageProps {\n  /** Email placeholder */\n  emailPlaceholder?: string;\n  /** Password placeholder */\n  passwordPlaceholder?: string;\n  /** Confirm password placeholder */\n  confirmPasswordPlaceholder?: string;\n  /** Checkbox label (e.g., \"I agree to the Terms of Service\") */\n  checkboxLabel?: string;\n  /** Checkbox href */\n  checkboxLinkText?: string;\n  /** Checkbox href */\n  checkboxLinkHref?: string;\n}\n\nexport function SignUpPage({\n  title = \"Create an account\",\n  subtitle,\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  passwordPlaceholder = \"Password\",\n  confirmPasswordPlaceholder = \"Confirm password\",\n  checkboxLabel,\n  checkboxLinkText,\n  checkboxLinkHref,\n}: SignUpPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [password, setPassword] = React.useState(\"\");\n  const [confirmPassword, setConfirmPassword] = React.useState(\"\");\n  const [agreed, setAgreed] = React.useState(false);\n  const [errors, setErrors] = React.useState<Record<string, string>>({});\n  const [submitted, setSubmitted] = React.useState(false);\n\n  const validate = (): boolean => {\n    const newErrors: Record<string, string> = {};\n    if (!email.trim()) newErrors.email = \"Email is required\";\n    else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) newErrors.email = \"Enter a valid email\";\n    if (!password) newErrors.password = \"Password is required\";\n    else if (password.length < 8) newErrors.password = \"At least 8 characters\";\n    if (password !== confirmPassword) newErrors.confirmPassword = \"Passwords do not match\";\n    if (!agreed) newErrors.agreed = \"You must agree to continue\";\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSubmitted(true);\n    if (!validate()) return;\n    onSubmit?.({ email, password, agreed });\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        <form onSubmit={handleSubmit} className={styles.authForm}>\n          <Field label={emailPlaceholder} id={id + \"-email\"} error={submitted ? errors.email : undefined}>\n            <input\n              id={id + \"-email\"}\n              type=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={(e) => { setEmail(e.target.value); if (submitted) setSubmitted(false); }}\n              className={styles.input}\n              autoComplete=\"email\"\n              autoFocus\n            />\n          </Field>\n          <PasswordField\n            label={passwordPlaceholder}\n            id={id + \"-password\"}\n            placeholder={passwordPlaceholder}\n            value={password}\n            onChange={(e) => { setPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.password : undefined}\n          />\n          <PasswordField\n            label={confirmPasswordPlaceholder}\n            id={id + \"-confirm\"}\n            placeholder={confirmPasswordPlaceholder}\n            value={confirmPassword}\n            onChange={(e) => { setConfirmPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.confirmPassword : undefined}\n          />\n          {checkboxLabel && (\n            <div className={styles.checkboxRow}>\n              <label className={styles.checkboxLabel}>\n                <input\n                  id={id + \"-agreed\"}\n                  type=\"checkbox\"\n                  checked={agreed}\n                  onChange={(e) => { setAgreed(e.target.checked); if (submitted) setSubmitted(false); }}\n                  className={styles.checkbox}\n                />\n                <span>\n                  {checkboxLinkText ? (\n                    <>\n                      I agree to the{\" \"}\n                      <a href={checkboxLinkHref} className={styles.checkboxLink}>\n                        {checkboxLinkText}\n                      </a>\n                    </>\n                  ) : (\n                    checkboxLabel\n                  )}\n                </span>\n              </label>\n            </div>\n          )}\n          {submitted && errors.agreed && <span className={styles.error}>{errors.agreed}</span>}\n          <button\n            type=\"submit\"\n            disabled={loading}\n            className={styles.submitButton}\n          >\n            {loading ? (\n              <>\n                <span className={styles.spinner} />\n                Creating account...\n              </>\n            ) : (\n              \"Create account\"\n            )}\n          </button>\n        </form>\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ── Forgot Password Page ──\nexport interface ForgotPasswordPageProps extends BaseAuthPageProps {\n  /** Email placeholder */\n  emailPlaceholder?: string;\n  /** Button text */\n  buttonText?: string;\n  /** Back to sign in link text */\n  backLinkText?: string;\n  /** Back to sign in link href */\n  backLinkHref?: string;\n}\n\nexport function ForgotPasswordPage({\n  title = \"Reset password\",\n  subtitle = \"Enter your email and we'll send a reset link\",\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  buttonText = \"Send reset link\",\n  backLinkText = \"Back to sign in\",\n  backLinkHref = \"/signin\",\n}: ForgotPasswordPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [error, setError] = React.useState(\"\");\n  const [sent, setSent] = React.useState(false);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!email.trim()) { setError(\"Email is required\"); return; }\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) { setError(\"Enter a valid email\"); return; }\n    onSubmit?.({ email });\n    setSent(true);\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        {sent ? (\n          <div className={styles.sentMessage}>\n            <p className={styles.sentText}>\n              If an account exists for <strong>{email}</strong>, you'll receive a reset link shortly.\n            </p>\n            <a href={backLinkHref} className={styles.backLink}>\n              {backLinkText}\n            </a>\n          </div>\n        ) : (\n          <form onSubmit={handleSubmit} className={styles.authForm}>\n            <Field label={emailPlaceholder} id={id + \"-email\"} error={error}>\n              <input\n                id={id + \"-email\"}\n                type=\"email\"\n                placeholder=\"you@example.com\"\n                value={email}\n                onChange={(e) => { setEmail(e.target.value); setError(\"\"); }}\n                className={styles.input}\n                autoComplete=\"email\"\n                autoFocus\n              />\n            </Field>\n            <button\n              type=\"submit\"\n              disabled={loading}\n              className={styles.submitButton}\n            >\n              {loading ? (\n                <>\n                  <span className={styles.spinner} />\n                  Sending...\n                </>\n              ) : (\n                buttonText\n              )}\n            </button>\n          </form>\n        )}\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index51.cjs","names":[],"sources":["../src/components/layout-primitives/LayoutPrimitives.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./layout-primitives.module.css\";\n\nexport type LayoutGap = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type InlineAlign = \"start\" | \"center\" | \"end\" | \"baseline\";\nexport type InlineJustify = \"start\" | \"center\" | \"end\" | \"between\";\n\nconst GAP_CLASS: Record<LayoutGap, string> = {\n  xs: \"gap-xs\",\n  sm: \"gap-sm\",\n  md: \"gap-md\",\n  lg: \"gap-lg\",\n  xl: \"gap-xl\",\n};\n\nexport type StackProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n};\n\nexport function Stack({ gap = \"md\", className, children, ...rest }: StackProps) {\n  return (\n    <div className={cx(styles.stack, styles[GAP_CLASS[gap]], className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport type InlineProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n  align?: InlineAlign;\n  justify?: InlineJustify;\n  wrap?: boolean;\n};\n\nexport function Inline({\n  gap = \"md\",\n  align = \"center\",\n  justify = \"start\",\n  wrap = true,\n  className,\n  children,\n  style,\n  ...rest\n}: InlineProps) {\n  const inlineStyle: CSSProperties = {\n    ...style,\n    alignItems: align === \"start\" ? \"flex-start\" : align === \"end\" ? \"flex-end\" : align,\n    justifyContent:\n      justify === \"between\" ? \"space-between\" : justify === \"start\" ? \"flex-start\" : justify === \"end\" ? \"flex-end\" : justify,\n  };\n\n  return (\n    <div\n      className={cx(styles.inline, styles[GAP_CLASS[gap]], !wrap && styles.nowrap, className)}\n      style={inlineStyle}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,IAAM,YAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAMA,SAAgB,MAAM,EAAE,MAAM,MAAM,WAAW,UAAU,GAAG,QAAoB;CAC9E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,iCAAA,QAAO,OAAO,iCAAA,QAAO,UAAU,OAAO,SAAS;EAAG,GAAI;EACtE;CACE,CAAA;AAET;AASA,SAAgB,OAAO,EACrB,MAAM,MACN,QAAQ,UACR,UAAU,SACV,OAAO,MACP,WACA,UACA,OACA,GAAG,QACW;CACd,MAAM,cAA6B;EACjC,GAAG;EACH,YAAY,UAAU,UAAU,eAAe,UAAU,QAAQ,aAAa;EAC9E,gBACE,YAAY,YAAY,kBAAkB,YAAY,UAAU,eAAe,YAAY,QAAQ,aAAa;CACpH;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,iCAAA,QAAO,QAAQ,iCAAA,QAAO,UAAU,OAAO,CAAC,QAAQ,iCAAA,QAAO,QAAQ,SAAS;EACtF,OAAO;EACP,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/index51.js

@@ -0,0 +1,21 @@
+//#region src/components/stat/stat.module.css
+var stat = "uzi-stat-module__stat__R4Ke6";
+var label = "uzi-stat-module__label__MSJ0Q";
+var value = "uzi-stat-module__value__nSd-e";
+var detail = "uzi-stat-module__detail__eB2As";
+var group = "uzi-stat-module__group__Hb6Bh";
+var stat_module_default = {
+	stat,
+	label,
+	value,
+	detail,
+	group,
+	"columns-1": "uzi-stat-module__columns-1__HYln2",
+	"columns-2": "uzi-stat-module__columns-2__SMKHs",
+	"columns-3": "uzi-stat-module__columns-3__97hX7",
+	"columns-4": "uzi-stat-module__columns-4__0eN97"
+};
+//#endregion
+export { stat_module_default as default, detail, group, label, stat, value };
+
+//# sourceMappingURL=index51.js.map

package/dist/index51.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index51.js","names":[],"sources":["../src/components/stat/stat.module.css"],"sourcesContent":[".stat {\n  min-width: 0;\n  display: grid;\n  gap: 0.25rem;\n}\n\n.label {\n  color: var(--muted-foreground);\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n  text-transform: uppercase;\n}\n\n.value {\n  color: var(--foreground);\n  font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n.detail {\n  color: var(--muted-foreground);\n  font-size: 0.8125rem;\n  line-height: 1.5;\n}\n\n.group {\n  display: grid;\n  gap: 1rem;\n}\n\n.columns-1 { grid-template-columns: 1fr; }\n.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n@media (max-width: 48rem) {\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 32rem) {\n  .columns-2,\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: 1fr;\n  }\n}\n"],"mappings":""}

package/dist/index52.cjs

@@ -0,0 +1,26 @@
+//#region src/components/stat/stat.module.css
+var stat = "uzi-stat-module__stat__R4Ke6";
+var label = "uzi-stat-module__label__MSJ0Q";
+var value = "uzi-stat-module__value__nSd-e";
+var detail = "uzi-stat-module__detail__eB2As";
+var group = "uzi-stat-module__group__Hb6Bh";
+var stat_module_default = {
+	stat,
+	label,
+	value,
+	detail,
+	group,
+	"columns-1": "uzi-stat-module__columns-1__HYln2",
+	"columns-2": "uzi-stat-module__columns-2__SMKHs",
+	"columns-3": "uzi-stat-module__columns-3__97hX7",
+	"columns-4": "uzi-stat-module__columns-4__0eN97"
+};
+//#endregion
+exports.default = stat_module_default;
+exports.detail = detail;
+exports.group = group;
+exports.label = label;
+exports.stat = stat;
+exports.value = value;
+
+//# sourceMappingURL=index52.cjs.map

package/dist/index52.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index52.cjs","names":[],"sources":["../src/components/stat/stat.module.css"],"sourcesContent":[".stat {\n  min-width: 0;\n  display: grid;\n  gap: 0.25rem;\n}\n\n.label {\n  color: var(--muted-foreground);\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n  text-transform: uppercase;\n}\n\n.value {\n  color: var(--foreground);\n  font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n.detail {\n  color: var(--muted-foreground);\n  font-size: 0.8125rem;\n  line-height: 1.5;\n}\n\n.group {\n  display: grid;\n  gap: 1rem;\n}\n\n.columns-1 { grid-template-columns: 1fr; }\n.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n@media (max-width: 48rem) {\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 32rem) {\n  .columns-2,\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: 1fr;\n  }\n}\n"],"mappings":""}

package/dist/index52.js

@@ -0,0 +1,35 @@
+import { cx } from "./index3.js";
+import stat_module_default from "./index51.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/stat/Stat.tsx
+function Stat({ label, value, detail, className, ...rest }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(stat_module_default.stat, className),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: stat_module_default.label,
+				children: label
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: stat_module_default.value,
+				children: value
+			}),
+			detail && /* @__PURE__ */ jsx("div", {
+				className: stat_module_default.detail,
+				children: detail
+			})
+		]
+	});
+}
+function StatGroup({ columns = 3, className, children, ...rest }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(stat_module_default.group, stat_module_default[`columns-${columns}`], className),
+		...rest,
+		children
+	});
+}
+//#endregion
+export { Stat, StatGroup };
+
+//# sourceMappingURL=index52.js.map

package/dist/index52.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index52.js","names":[],"sources":["../src/components/stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./stat.module.css\";\n\nexport type StatProps = HTMLAttributes<HTMLDivElement> & {\n  label: ReactNode;\n  value: ReactNode;\n  detail?: ReactNode;\n};\n\nexport function Stat({ label, value, detail, className, ...rest }: StatProps) {\n  return (\n    <div className={cx(styles.stat, className)} {...rest}>\n      <div className={styles.label}>{label}</div>\n      <div className={styles.value}>{value}</div>\n      {detail && <div className={styles.detail}>{detail}</div>}\n    </div>\n  );\n}\n\nexport type StatGroupProps = HTMLAttributes<HTMLDivElement> & {\n  columns?: 1 | 2 | 3 | 4;\n};\n\nexport function StatGroup({ columns = 3, className, children, ...rest }: StatGroupProps) {\n  return (\n    <div\n      className={cx(styles.group, styles[`columns-${columns}`], className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,KAAK,EAAE,OAAO,OAAO,QAAQ,WAAW,GAAG,QAAmB;CAC5E,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,oBAAO,MAAM,SAAS;EAAG,GAAI;YAAhD;GACE,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAQ;GAAW,CAAA;GAC1C,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAQ;GAAW,CAAA;GACzC,UAAU,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAS;GAAY,CAAA;EACpD;;AAET;AAMA,SAAgB,UAAU,EAAE,UAAU,GAAG,WAAW,UAAU,GAAG,QAAwB;CACvF,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,oBAAO,OAAO,oBAAO,WAAW,YAAY,SAAS;EACnE,GAAI;EAEH;CACE,CAAA;AAET"}