@lssm/lib.design-system 0.0.0-canary-20251120170226

package/dist/components/forms/FormDialog.js

@@ -0,0 +1,26 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@lssm/lib.ui-kit-web/ui/dialog";
+
+//#region src/components/forms/FormDialog.tsx
+function FormDialog({ open, onOpenChange, title, description, children, footer, maxWidth = "sm:max-w-[480px]" }) {
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: maxWidth,
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), description && /* @__PURE__ */ jsx(DialogDescription, { children: description })] }),
+				children,
+				footer && /* @__PURE__ */ jsx(DialogFooter, { children: footer })
+			]
+		})
+	});
+}
+
+//#endregion
+export { FormDialog };
+//# sourceMappingURL=FormDialog.js.map

package/dist/components/forms/FormDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialog.js","names":[],"sources":["../../../src/components/forms/FormDialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@lssm/lib.ui-kit-web/ui/dialog';\n\nexport interface FormDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  children: React.ReactNode; // form body\n  footer?: React.ReactNode; // actions\n  maxWidth?: string; // e.g., 'sm:max-w-[480px]'\n}\n\nexport function FormDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  footer,\n  maxWidth = 'sm:max-w-[480px]',\n}: FormDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className={maxWidth}>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && <DialogDescription>{description}</DialogDescription>}\n        </DialogHeader>\n        {children}\n        {footer && <DialogFooter>{footer}</DialogFooter>}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;AAsBA,SAAgB,WAAW,EACzB,MACA,cACA,OACA,aACA,UACA,QACA,WAAW,sBACO;AAClB,QACE,oBAAC;EAAa;EAAoB;YAChC,qBAAC;GAAc,WAAW;;IACxB,qBAAC,2BACC,oBAAC,yBAAa,QAAoB,EACjC,eAAe,oBAAC,+BAAmB,cAAgC,IACvD;IACd;IACA,UAAU,oBAAC,0BAAc,SAAsB;;IAClC;GACT"}

package/dist/components/forms/FormLayout.d.ts

@@ -0,0 +1,30 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
+
+//#region src/components/forms/FormLayout.d.ts
+declare function FormSection({
+  children,
+  className
+}: {
+  children: React$1.ReactNode;
+  className?: string;
+}): react_jsx_runtime91.JSX.Element;
+declare function FormRow({
+  children,
+  className
+}: {
+  children: React$1.ReactNode;
+  className?: string;
+}): react_jsx_runtime91.JSX.Element;
+declare function FormGrid({
+  children,
+  cols,
+  className
+}: {
+  children: React$1.ReactNode;
+  cols?: 1 | 2 | 3 | 4;
+  className?: string;
+}): react_jsx_runtime91.JSX.Element;
+//#endregion
+export { FormGrid, FormRow, FormSection };
+//# sourceMappingURL=FormLayout.d.ts.map

package/dist/components/forms/FormLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.d.ts","names":[],"sources":["../../../src/components/forms/FormLayout.tsx"],"sourcesContent":[],"mappings":";;;;iBAKgB,WAAA;;;AAAhB;YAIY,OAAA,CAAM;;AAJlB,CAAA,CAAA,EAMC,mBAAA,CAAA,GAAA,CAAA,OAN0B;AACzB,iBASc,OAAA,CATd;EAAA,QAAA;EAAA;CAAA,EAAA;EACA,QAAA,EAYU,OAAA,CAAM,SAZhB;EAEU,SAAM,CAAA,EAAA,MAAA;CAEjB,CAAA,EAUA,mBAAA,CAAA,GAAA,CAAA,OAVA;AAAA,iBAkBe,QAAA,CAlBf;EAAA,QAAA;EAAA,IAAA;EAAA;CAAA,EAAA;EAIe,QAAA,EAmBJ,OAAA,CAAM,SAnBK;EACrB,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA;EACA,SAAA,CAAA,EAAA,MAAA;CAEU,CAAA,EAkBX,mBAAA,CAAA,GAAA,CAAA,OAlBiB"}

package/dist/components/forms/FormLayout.js

@@ -0,0 +1,30 @@
+'use client';
+
+
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/forms/FormLayout.tsx
+function FormSection({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("space-y-4", className),
+		children
+	});
+}
+function FormRow({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid grid-cols-1 gap-4 md:grid-cols-2", className),
+		children
+	});
+}
+function FormGrid({ children, cols = 2, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid gap-4", cols === 1 ? "grid-cols-1" : cols === 2 ? "grid-cols-2" : cols === 3 ? "grid-cols-3" : "grid-cols-4", className),
+		children
+	});
+}
+
+//#endregion
+export { FormGrid, FormRow, FormSection };
+//# sourceMappingURL=FormLayout.js.map

package/dist/components/forms/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","names":[],"sources":["../../../src/components/forms/FormLayout.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport function FormSection({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return <div className={cn('space-y-4', className)}>{children}</div>;\n}\n\nexport function FormRow({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={cn('grid grid-cols-1 gap-4 md:grid-cols-2', className)}>\n      {children}\n    </div>\n  );\n}\n\nexport function FormGrid({\n  children,\n  cols = 2,\n  className,\n}: {\n  children: React.ReactNode;\n  cols?: 1 | 2 | 3 | 4;\n  className?: string;\n}) {\n  const preset =\n    cols === 1\n      ? 'grid-cols-1'\n      : cols === 2\n        ? 'grid-cols-2'\n        : cols === 3\n          ? 'grid-cols-3'\n          : 'grid-cols-4';\n  return <div className={cn('grid gap-4', preset, className)}>{children}</div>;\n}\n"],"mappings":";;;;;;;;AAKA,SAAgB,YAAY,EAC1B,UACA,aAIC;AACD,QAAO,oBAAC;EAAI,WAAW,GAAG,aAAa,UAAU;EAAG;GAAe;;AAGrE,SAAgB,QAAQ,EACtB,UACA,aAIC;AACD,QACE,oBAAC;EAAI,WAAW,GAAG,yCAAyC,UAAU;EACnE;GACG;;AAIV,SAAgB,SAAS,EACvB,UACA,OAAO,GACP,aAKC;AASD,QAAO,oBAAC;EAAI,WAAW,GAAG,cAPxB,SAAS,IACL,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA,eACsC,UAAU;EAAG;GAAe"}

package/dist/components/forms/FormOneByOneLayout.d.ts

@@ -0,0 +1,26 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
+
+//#region src/components/forms/FormOneByOneLayout.d.ts
+interface OneByOneFieldDef {
+  key: string;
+  title: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  input: React$1.ReactNode;
+  validate?: () => boolean;
+}
+interface FormOneByOneLayoutProps {
+  fields: OneByOneFieldDef[];
+  initialKey?: string;
+  onComplete?: () => void | Promise<void>;
+  className?: string;
+}
+declare function FormOneByOneLayout({
+  fields,
+  initialKey,
+  onComplete,
+  className
+}: FormOneByOneLayoutProps): react_jsx_runtime95.JSX.Element | null;
+//#endregion
+export { FormOneByOneLayout, FormOneByOneLayoutProps, OneByOneFieldDef };
+//# sourceMappingURL=FormOneByOneLayout.d.ts.map

package/dist/components/forms/FormOneByOneLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormOneByOneLayout.d.ts","names":[],"sources":["../../../src/components/forms/FormOneByOneLayout.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,gBAAA;;SAER,OAAA,CAAM;EAFE,WAAA,CAAA,EAGD,OAAA,CAAM,SAHW;EAExB,KAAM,EAEN,OAAA,CAAM,SAFA;EACC,QAAM,CAAA,EAAA,GAAA,GAAA,OAAA;;AACE,UAIP,uBAAA,CAJO;EAIP,MAAA,EACP,gBADO,EAAuB;EAOxB,UAAA,CAAA,EAAA,MAAA;EACd,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA,GAL0B,OAK1B,CAAA,IAAA,CAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,kBAAA,CAId;EAAA,MAAA;EAAA,UAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EACC,uBADD,CAAA,EACwB,mBAAA,CAAA,GAAA,CAAA,OAAA,GADxB,IAAA"}

package/dist/components/forms/FormOneByOneLayout.js

@@ -0,0 +1,57 @@
+import { Button } from "../atoms/Button.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/forms/FormOneByOneLayout.tsx
+function FormOneByOneLayout({ fields, initialKey, onComplete, className }) {
+	const indexByKey = React$1.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
+	const [idx, setIdx] = React$1.useState(() => {
+		if (initialKey && initialKey in indexByKey) return indexByKey[initialKey] || 0;
+		return 0;
+	});
+	const atLast = idx === fields.length - 1;
+	const field = fields[idx];
+	if (!field) return null;
+	const next = async () => {
+		if (field.validate && !field.validate()) return;
+		if (atLast) await onComplete?.();
+		else setIdx((i) => Math.min(i + 1, fields.length - 1));
+	};
+	const prev = () => setIdx((i) => Math.max(0, i - 1));
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-h-[320px] flex-col items-stretch justify-between", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-lg font-medium",
+					children: field.title
+				}),
+				field.description && /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground text-base",
+					children: field.description
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "pt-2",
+					children: field.input
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "mt-6 flex items-center justify-between",
+			children: [/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				onPress: prev,
+				disabled: idx === 0,
+				children: "Back"
+			}), /* @__PURE__ */ jsx(Button, {
+				onPress: next,
+				children: atLast ? "Done" : "Continue"
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { FormOneByOneLayout };
+//# sourceMappingURL=FormOneByOneLayout.js.map

package/dist/components/forms/FormOneByOneLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormOneByOneLayout.js","names":["React"],"sources":["../../../src/components/forms/FormOneByOneLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../atoms/Button';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface OneByOneFieldDef {\n  key: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  input: React.ReactNode;\n  validate?: () => boolean; // called before advancing\n}\n\nexport interface FormOneByOneLayoutProps {\n  fields: OneByOneFieldDef[];\n  initialKey?: string;\n  onComplete?: () => void | Promise<void>;\n  className?: string;\n}\n\nexport function FormOneByOneLayout({\n  fields,\n  initialKey,\n  onComplete,\n  className,\n}: FormOneByOneLayoutProps) {\n  const indexByKey = React.useMemo(\n    () => Object.fromEntries(fields.map((f, i) => [f.key, i])),\n    [fields]\n  );\n  const [idx, setIdx] = React.useState<number>(() => {\n    if (initialKey && initialKey in indexByKey) {\n      return indexByKey[initialKey] || 0;\n    }\n    return 0;\n  });\n  const atLast = idx === fields.length - 1;\n  const field = fields[idx];\n\n  if (!field) {\n    return null;\n  }\n\n  const next = async () => {\n    if (field.validate && !field.validate()) return;\n    if (atLast) {\n      await onComplete?.();\n    } else {\n      setIdx((i) => Math.min(i + 1, fields.length - 1));\n    }\n  };\n  const prev = () => setIdx((i) => Math.max(0, i - 1));\n\n  return (\n    <div\n      className={cn(\n        'flex min-h-[320px] flex-col items-stretch justify-between',\n        className\n      )}\n    >\n      <div className=\"space-y-2\">\n        <div className=\"text-lg font-medium\">{field.title}</div>\n        {field.description && (\n          <div className=\"text-muted-foreground text-base\">\n            {field.description}\n          </div>\n        )}\n        <div className=\"pt-2\">{field.input}</div>\n      </div>\n      <div className=\"mt-6 flex items-center justify-between\">\n        <Button variant=\"ghost\" onPress={prev} disabled={idx === 0}>\n          Back\n        </Button>\n        <Button onPress={next}>{atLast ? 'Done' : 'Continue'}</Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAmBA,SAAgB,mBAAmB,EACjC,QACA,YACA,YACA,aAC0B;CAC1B,MAAM,aAAaA,QAAM,cACjB,OAAO,YAAY,OAAO,KAAK,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAC1D,CAAC,OAAO,CACT;CACD,MAAM,CAAC,KAAK,UAAUA,QAAM,eAAuB;AACjD,MAAI,cAAc,cAAc,WAC9B,QAAO,WAAW,eAAe;AAEnC,SAAO;GACP;CACF,MAAM,SAAS,QAAQ,OAAO,SAAS;CACvC,MAAM,QAAQ,OAAO;AAErB,KAAI,CAAC,MACH,QAAO;CAGT,MAAM,OAAO,YAAY;AACvB,MAAI,MAAM,YAAY,CAAC,MAAM,UAAU,CAAE;AACzC,MAAI,OACF,OAAM,cAAc;MAEpB,SAAQ,MAAM,KAAK,IAAI,IAAI,GAAG,OAAO,SAAS,EAAE,CAAC;;CAGrD,MAAM,aAAa,QAAQ,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;AAEpD,QACE,qBAAC;EACC,WAAW,GACT,6DACA,UACD;aAED,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eAAuB,MAAM;MAAY;IACvD,MAAM,eACL,oBAAC;KAAI,WAAU;eACZ,MAAM;MACH;IAER,oBAAC;KAAI,WAAU;eAAQ,MAAM;MAAY;;IACrC,EACN,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAO,SAAQ;IAAQ,SAAS;IAAM,UAAU,QAAQ;cAAG;KAEnD,EACT,oBAAC;IAAO,SAAS;cAAO,SAAS,SAAS;KAAoB;IAC1D;GACF"}

package/dist/components/forms/FormStepsLayout.d.ts

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
+
+//#region src/components/forms/FormStepsLayout.d.ts
+interface StepDef {
+  key: string;
+  title: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  content: React$1.ReactNode;
+}
+interface FormStepsLayoutProps {
+  steps: StepDef[];
+  initialStepKey?: string;
+  onFinish?: () => void | Promise<void>;
+  canNext?: (stepKey: string) => boolean;
+  className?: string;
+}
+declare function FormStepsLayout({
+  steps,
+  initialStepKey,
+  onFinish,
+  canNext,
+  className
+}: FormStepsLayoutProps): react_jsx_runtime96.JSX.Element | null;
+//#endregion
+export { FormStepsLayout, FormStepsLayoutProps, StepDef };
+//# sourceMappingURL=FormStepsLayout.d.ts.map

package/dist/components/forms/FormStepsLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStepsLayout.d.ts","names":[],"sources":["../../../src/components/forms/FormStepsLayout.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,OAAA;;SAER,OAAA,CAAM;EAFE,WAAO,CAAA,EAGR,OAAA,CAAM,SAHE;EAEf,OAAM,EAEJ,OAAA,CAAM,SAFF;;AAEJ,UAGM,oBAAA,CAHA;EAAS,KAAA,EAIjB,OAJiB,EAAA;EAGT,cAAA,CAAA,EAAA,MAAoB;EAQrB,QAAA,CAAA,EAAA,GAAA,GAAA,IAAe,GALL,OAKK,CAAA,IAAA,CAAA;EAC7B,OAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,eAAA,CAId;EAAA,KAAA;EAAA,cAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAEC,oBAFD,CAAA,EAEqB,mBAAA,CAAA,GAAA,CAAA,OAAA,GAFrB,IAAA"}

package/dist/components/forms/FormStepsLayout.js

@@ -0,0 +1,66 @@
+import { Button } from "../atoms/Button.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Separator } from "@lssm/lib.ui-kit-web/ui/separator";
+
+//#region src/components/forms/FormStepsLayout.tsx
+function FormStepsLayout({ steps, initialStepKey, onFinish, canNext, className }) {
+	const indexByKey = React$1.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
+	const [idx, setIdx] = React$1.useState(() => {
+		if (initialStepKey && initialStepKey in indexByKey) return indexByKey[initialStepKey] || 0;
+		return 0;
+	});
+	const atFirst = idx === 0;
+	const atLast = idx === steps.length - 1;
+	const step = steps[idx];
+	if (!step) return null;
+	const handleNext = async () => {
+		if (!atLast) {
+			if (canNext && !canNext(step.key)) return;
+			setIdx((i) => Math.min(i + 1, steps.length - 1));
+		} else if (onFinish) await onFinish();
+	};
+	const handlePrev = () => setIdx((i) => Math.max(0, i - 1));
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-4", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "truncate text-lg font-medium",
+					children: step.title
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground text-base",
+					children: [
+						idx + 1,
+						" / ",
+						steps.length
+					]
+				})]
+			}),
+			step.description && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground text-base",
+				children: step.description
+			}),
+			/* @__PURE__ */ jsx(Separator, {}),
+			/* @__PURE__ */ jsx("div", { children: step.content }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onPress: handlePrev,
+					disabled: atFirst,
+					children: "Back"
+				}), /* @__PURE__ */ jsx(Button, {
+					onPress: handleNext,
+					children: atLast ? "Finish" : "Next"
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { FormStepsLayout };
+//# sourceMappingURL=FormStepsLayout.js.map

package/dist/components/forms/FormStepsLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStepsLayout.js","names":["React"],"sources":["../../../src/components/forms/FormStepsLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../atoms/Button';\nimport { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface StepDef {\n  key: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  content: React.ReactNode;\n}\n\nexport interface FormStepsLayoutProps {\n  steps: StepDef[];\n  initialStepKey?: string;\n  onFinish?: () => void | Promise<void>;\n  canNext?: (stepKey: string) => boolean;\n  className?: string;\n}\n\nexport function FormStepsLayout({\n  steps,\n  initialStepKey,\n  onFinish,\n  canNext,\n  className,\n}: FormStepsLayoutProps) {\n  const indexByKey = React.useMemo(\n    () => Object.fromEntries(steps.map((s, i) => [s.key, i])),\n    [steps]\n  );\n  const [idx, setIdx] = React.useState<number>(() => {\n    if (initialStepKey && initialStepKey in indexByKey)\n      return indexByKey[initialStepKey] || 0;\n    return 0;\n  });\n  const atFirst = idx === 0;\n  const atLast = idx === steps.length - 1;\n  const step = steps[idx];\n\n  if (!step) {\n    return null;\n  }\n\n  const handleNext = async () => {\n    if (!atLast) {\n      if (canNext && !canNext(step.key)) return;\n      setIdx((i) => Math.min(i + 1, steps.length - 1));\n    } else if (onFinish) {\n      await onFinish();\n    }\n  };\n  const handlePrev = () => setIdx((i) => Math.max(0, i - 1));\n\n  return (\n    <div className={cn('space-y-4', className)}>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"truncate text-lg font-medium\">{step.title}</div>\n        <div className=\"text-muted-foreground text-base\">\n          {idx + 1} / {steps.length}\n        </div>\n      </div>\n      {step.description && (\n        <div className=\"text-muted-foreground text-base\">\n          {step.description}\n        </div>\n      )}\n      <Separator />\n      <div>{step.content}</div>\n      <div className=\"flex items-center justify-between\">\n        <Button variant=\"ghost\" onPress={handlePrev} disabled={atFirst}>\n          Back\n        </Button>\n        <Button onPress={handleNext}>{atLast ? 'Finish' : 'Next'}</Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,gBAAgB,EAC9B,OACA,gBACA,UACA,SACA,aACuB;CACvB,MAAM,aAAaA,QAAM,cACjB,OAAO,YAAY,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EACzD,CAAC,MAAM,CACR;CACD,MAAM,CAAC,KAAK,UAAUA,QAAM,eAAuB;AACjD,MAAI,kBAAkB,kBAAkB,WACtC,QAAO,WAAW,mBAAmB;AACvC,SAAO;GACP;CACF,MAAM,UAAU,QAAQ;CACxB,MAAM,SAAS,QAAQ,MAAM,SAAS;CACtC,MAAM,OAAO,MAAM;AAEnB,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,aAAa,YAAY;AAC7B,MAAI,CAAC,QAAQ;AACX,OAAI,WAAW,CAAC,QAAQ,KAAK,IAAI,CAAE;AACnC,WAAQ,MAAM,KAAK,IAAI,IAAI,GAAG,MAAM,SAAS,EAAE,CAAC;aACvC,SACT,OAAM,UAAU;;CAGpB,MAAM,mBAAmB,QAAQ,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;AAE1D,QACE,qBAAC;EAAI,WAAW,GAAG,aAAa,UAAU;;GACxC,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eAAgC,KAAK;MAAY,EAChE,qBAAC;KAAI,WAAU;;MACZ,MAAM;MAAE;MAAI,MAAM;;MACf;KACF;GACL,KAAK,eACJ,oBAAC;IAAI,WAAU;cACZ,KAAK;KACF;GAER,oBAAC,cAAY;GACb,oBAAC,mBAAK,KAAK,UAAc;GACzB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAO,SAAQ;KAAQ,SAAS;KAAY,UAAU;eAAS;MAEvD,EACT,oBAAC;KAAO,SAAS;eAAa,SAAS,WAAW;MAAgB;KAC9D;;GACF"}

package/dist/components/forms/ZodForm.d.ts

@@ -0,0 +1,22 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
+import { UseFormReturn } from "@lssm/lib.ui-kit-web/ui/form";
+import { z } from "zod";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/forms/ZodForm.d.ts
+interface ZodFormProps<TSchema extends z.ZodType<any, FieldValues>, TFieldValues extends FieldValues = z.input<TSchema>, TOutput = z.output<TSchema>> {
+  schema: TSchema;
+  defaultValues?: Partial<TFieldValues> | Promise<Partial<TFieldValues>>;
+  onSubmit: (data: TOutput) => Promise<void> | void;
+  children: (f: UseFormReturn<TFieldValues, any, TOutput>) => React$1.ReactNode;
+}
+declare function ZodForm<TSchema extends z.ZodType<any, FieldValues>, TFieldValues extends FieldValues = z.input<TSchema>, TOutput = z.output<TSchema>>({
+  schema,
+  defaultValues,
+  onSubmit,
+  children
+}: ZodFormProps<TSchema, TFieldValues, TOutput>): react_jsx_runtime97.JSX.Element;
+//#endregion
+export { ZodForm, ZodFormProps };
+//# sourceMappingURL=ZodForm.d.ts.map

package/dist/components/forms/ZodForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZodForm.d.ts","names":[],"sources":["../../../src/components/forms/ZodForm.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAciB,6BACC,CAAA,CAAE,aAAa,mCACV,cAAc,CAAA,CAAE,MAAM,oBACjC,CAAA,CAAE,OAAO;UAEX;kBACQ,QAAQ,gBAAgB,QAAQ,QAAQ;EANzC,QAAA,EAAA,CAAA,IAAY,EAOV,OAPU,EAAA,GAOE,OAPF,CAAA,IAAA,CAAA,GAAA,IAAA;EACI,QAAA,EAAA,CAAA,CAAA,EAOjB,aAPiB,CAOH,YAPG,EAAA,GAAA,EAOgB,OAPhB,CAAA,EAAA,GAO6B,OAAA,CAAM,SAPnC;;AACV,iBASP,OATO,CAAA,gBAUL,CAAA,CAAE,OAVG,CAAA,GAAA,EAUU,WAVV,CAAA,EAAA,qBAWA,WAXA,GAWc,CAAA,CAAE,KAXhB,CAWsB,OAXtB,CAAA,EAAA,UAYX,CAAA,CAAE,MAZS,CAYF,OAZE,CAAA,CAAA,CAAA;EAAA,MAAA;EAAA,aAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAkBpB,YAlBoB,CAkBP,OAlBO,EAkBE,YAlBF,EAkBgB,OAlBhB,CAAA,CAAA,EAkBwB,mBAAA,CAAA,GAAA,CAAA,OAlBxB"}

package/dist/components/forms/ZodForm.js

@@ -0,0 +1,26 @@
+'use client';
+
+
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Form, useForm, zodResolver } from "@lssm/lib.ui-kit-web/ui/form";
+import { z } from "zod";
+
+//#region src/components/forms/ZodForm.tsx
+function ZodForm({ schema, defaultValues, onSubmit, children }) {
+	const form = useForm({
+		resolver: zodResolver(schema),
+		defaultValues
+	});
+	return /* @__PURE__ */ jsx(Form, {
+		...form,
+		children: /* @__PURE__ */ jsx("form", {
+			onSubmit: form.handleSubmit(onSubmit),
+			children: children(form)
+		})
+	});
+}
+
+//#endregion
+export { ZodForm };
+//# sourceMappingURL=ZodForm.js.map

package/dist/components/forms/ZodForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZodForm.js","names":[],"sources":["../../../src/components/forms/ZodForm.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Form,\n  useForm,\n  type UseFormReturn,\n  zodResolver,\n} from '@lssm/lib.ui-kit-web/ui/form';\nimport type { FieldValues } from 'react-hook-form';\nimport { z } from 'zod';\n\n// import { useForm, type UseFormReturn } from 'react-hook-form';\n\nexport interface ZodFormProps<\n  TSchema extends z.ZodType<any, FieldValues>,\n  TFieldValues extends FieldValues = z.input<TSchema>,\n  TOutput = z.output<TSchema>,\n> {\n  schema: TSchema;\n  defaultValues?: Partial<TFieldValues> | Promise<Partial<TFieldValues>>;\n  onSubmit: (data: TOutput) => Promise<void> | void;\n  children: (f: UseFormReturn<TFieldValues, any, TOutput>) => React.ReactNode;\n}\n\nexport function ZodForm<\n  TSchema extends z.ZodType<any, FieldValues>,\n  TFieldValues extends FieldValues = z.input<TSchema>,\n  TOutput = z.output<TSchema>,\n>({\n  schema,\n  defaultValues,\n  onSubmit,\n  children,\n}: ZodFormProps<TSchema, TFieldValues, TOutput>) {\n  const form = useForm<TFieldValues, any, TOutput>({\n    resolver: zodResolver<TFieldValues, any, TOutput>(schema as any),\n    defaultValues: defaultValues as any,\n  });\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)}>{children(form)}</form>\n    </Form>\n  );\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAgB,QAId,EACA,QACA,eACA,UACA,YAC+C;CAC/C,MAAM,OAAO,QAAoC;EAC/C,UAAU,YAAwC,OAAc;EACjD;EAChB,CAAC;AACF,QACE,oBAAC;EAAK,GAAI;YACR,oBAAC;GAAK,UAAU,KAAK,aAAa,SAAS;aAAG,SAAS,KAAK;IAAQ;GAC/D"}

package/dist/components/legal/atoms/DefinitionList.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+
+//#region src/components/legal/atoms/DefinitionList.d.ts
+declare function DefinitionList({
+  items,
+  className
+}: {
+  items: {
+    term: React$1.ReactNode;
+    description: React$1.ReactNode;
+  }[];
+  className?: string;
+}): react_jsx_runtime26.JSX.Element;
+//#endregion
+export { DefinitionList };
+//# sourceMappingURL=DefinitionList.d.ts.map

package/dist/components/legal/atoms/DefinitionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefinitionList.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/DefinitionList.tsx"],"sourcesContent":[],"mappings":";;;;iBAGgB,cAAA;;;;;UAIC,OAAA,CAAM;IAJP,WAAA,EAI+B,OAAA,CAAM,SAJvB;EAC5B,CAAA,EAAA;EACA,SAAA,CAAA,EAAA,MAAA;CAEe,CAAA,EAEhB,mBAAA,CAAA,GAAA,CAAA,OAFsB"}

package/dist/components/legal/atoms/DefinitionList.js

@@ -0,0 +1,24 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/legal/atoms/DefinitionList.tsx
+function DefinitionList({ items, className }) {
+	return /* @__PURE__ */ jsx("dl", {
+		className: cn("grid grid-cols-1 gap-3 md:grid-cols-3", className),
+		children: items.map((it, idx) => /* @__PURE__ */ jsxs("div", {
+			className: "col-span-1 grid grid-cols-3 gap-3 md:col-span-3",
+			children: [/* @__PURE__ */ jsx("dt", {
+				className: "text-foreground col-span-1 text-base font-medium",
+				children: it.term
+			}), /* @__PURE__ */ jsx("dd", {
+				className: "text-muted-foreground col-span-2 text-base",
+				children: it.description
+			})]
+		}, idx))
+	});
+}
+
+//#endregion
+export { DefinitionList };
+//# sourceMappingURL=DefinitionList.js.map

package/dist/components/legal/atoms/DefinitionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefinitionList.js","names":[],"sources":["../../../../src/components/legal/atoms/DefinitionList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport function DefinitionList({\n  items,\n  className,\n}: {\n  items: { term: React.ReactNode; description: React.ReactNode }[];\n  className?: string;\n}) {\n  return (\n    <dl className={cn('grid grid-cols-1 gap-3 md:grid-cols-3', className)}>\n      {items.map((it, idx) => (\n        <div\n          key={idx}\n          className=\"col-span-1 grid grid-cols-3 gap-3 md:col-span-3\"\n        >\n          <dt className=\"text-foreground col-span-1 text-base font-medium\">\n            {it.term}\n          </dt>\n          <dd className=\"text-muted-foreground col-span-2 text-base\">\n            {it.description}\n          </dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgB,eAAe,EAC7B,OACA,aAIC;AACD,QACE,oBAAC;EAAG,WAAW,GAAG,yCAAyC,UAAU;YAClE,MAAM,KAAK,IAAI,QACd,qBAAC;GAEC,WAAU;cAEV,oBAAC;IAAG,WAAU;cACX,GAAG;KACD,EACL,oBAAC;IAAG,WAAU;cACX,GAAG;KACD;KARA,IASD,CACN;GACC"}

package/dist/components/legal/atoms/KeyValueList.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
+
+//#region src/components/legal/atoms/KeyValueList.d.ts
+declare function KeyValueList({
+  items,
+  className
+}: {
+  items: {
+    key: React$1.ReactNode;
+    value: React$1.ReactNode;
+  }[];
+  className?: string;
+}): react_jsx_runtime25.JSX.Element;
+//#endregion
+export { KeyValueList };
+//# sourceMappingURL=KeyValueList.d.ts.map

package/dist/components/legal/atoms/KeyValueList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueList.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/KeyValueList.tsx"],"sourcesContent":[],"mappings":";;;;iBAGgB,YAAA;;;;;SAIA,OAAA,CAAM;IAJN,KAAA,EAIwB,OAAA,CAAM,SAJlB;EAC1B,CAAA,EAAA;EACA,SAAA,CAAA,EAAA,MAAA;CAEc,CAAA,EAEf,mBAAA,CAAA,GAAA,CAAA,OAFqB"}

package/dist/components/legal/atoms/KeyValueList.js

@@ -0,0 +1,24 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/legal/atoms/KeyValueList.tsx
+function KeyValueList({ items, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid grid-cols-1 gap-2", className),
+		children: items.map((it, idx) => /* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "text-foreground w-40 shrink-0 text-base font-medium",
+				children: it.key
+			}), /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground flex-1 text-base",
+				children: it.value
+			})]
+		}, idx))
+	});
+}
+
+//#endregion
+export { KeyValueList };
+//# sourceMappingURL=KeyValueList.js.map

package/dist/components/legal/atoms/KeyValueList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueList.js","names":[],"sources":["../../../../src/components/legal/atoms/KeyValueList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport function KeyValueList({\n  items,\n  className,\n}: {\n  items: { key: React.ReactNode; value: React.ReactNode }[];\n  className?: string;\n}) {\n  return (\n    <div className={cn('grid grid-cols-1 gap-2', className)}>\n      {items.map((it, idx) => (\n        <div key={idx} className=\"flex items-start gap-3\">\n          <div className=\"text-foreground w-40 shrink-0 text-base font-medium\">\n            {it.key}\n          </div>\n          <div className=\"text-muted-foreground flex-1 text-base\">\n            {it.value}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgB,aAAa,EAC3B,OACA,aAIC;AACD,QACE,oBAAC;EAAI,WAAW,GAAG,0BAA0B,UAAU;YACpD,MAAM,KAAK,IAAI,QACd,qBAAC;GAAc,WAAU;cACvB,oBAAC;IAAI,WAAU;cACZ,GAAG;KACA,EACN,oBAAC;IAAI,WAAU;cACZ,GAAG;KACA;KANE,IAOJ,CACN;GACE"}

package/dist/components/legal/atoms/LegalCallout.d.ts

@@ -0,0 +1,18 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalCallout.d.ts
+declare const calloutVariants: (props?: ({
+  tone?: "info" | "warning" | "danger" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+type LegalCalloutProps = React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof calloutVariants>;
+declare function LegalCallout({
+  tone,
+  className,
+  ...props
+}: LegalCalloutProps): react_jsx_runtime27.JSX.Element;
+//#endregion
+export { LegalCallout, LegalCalloutProps, calloutVariants };
+//# sourceMappingURL=LegalCallout.d.ts.map

package/dist/components/legal/atoms/LegalCallout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalCallout.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/LegalCallout.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIM;;IAWJ,+BAAA,CAAA;KAEU,iBAAA,GAAoB,OAAA,CAAM,eAAe,kBACnD,oBAAoB;AAdhB,iBAgBU,YAAA,CALd;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAK0D,iBAL1D,CAAA,EAK2E,mBAAA,CAAA,GAAA,CAAA,OAL3E"}

package/dist/components/legal/atoms/LegalCallout.js

@@ -0,0 +1,24 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/legal/atoms/LegalCallout.tsx
+const calloutVariants = cva("rounded-md border p-4", {
+	variants: { tone: {
+		info: "border-border bg-muted/30",
+		warning: "border-warning/50 bg-warning/10",
+		danger: "border-destructive/50 bg-destructive/10"
+	} },
+	defaultVariants: { tone: "info" }
+});
+function LegalCallout({ tone, className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(calloutVariants({ tone }), className),
+		...props
+	});
+}
+
+//#endregion
+export { LegalCallout, calloutVariants };
+//# sourceMappingURL=LegalCallout.js.map

package/dist/components/legal/atoms/LegalCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalCallout.js","names":[],"sources":["../../../../src/components/legal/atoms/LegalCallout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nconst calloutVariants = cva('rounded-md border p-4', {\n  variants: {\n    tone: {\n      info: 'border-border bg-muted/30',\n      warning: 'border-warning/50 bg-warning/10',\n      danger: 'border-destructive/50 bg-destructive/10',\n    },\n  },\n  defaultVariants: {\n    tone: 'info',\n  },\n});\n\nexport type LegalCalloutProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof calloutVariants>;\n\nexport function LegalCallout({ tone, className, ...props }: LegalCalloutProps) {\n  return (\n    <div className={cn(calloutVariants({ tone }), className)} {...props} />\n  );\n}\n\nexport { calloutVariants };\n"],"mappings":";;;;;;AAIA,MAAM,kBAAkB,IAAI,yBAAyB;CACnD,UAAU,EACR,MAAM;EACJ,MAAM;EACN,SAAS;EACT,QAAQ;EACT,EACF;CACD,iBAAiB,EACf,MAAM,QACP;CACF,CAAC;AAKF,SAAgB,aAAa,EAAE,MAAM,UAAW,GAAG,SAA4B;AAC7E,QACE,oBAAC;EAAI,WAAW,GAAG,gBAAgB,EAAE,MAAM,CAAC,EAAE,UAAU;EAAE,GAAI;GAAS"}

package/dist/components/legal/atoms/LegalHeading.d.ts

@@ -0,0 +1,25 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalHeading.d.ts
+declare const headingVariants: (props?: ({
+  level?: "h1" | "h2" | "h3" | "h4" | null | undefined;
+  tone?: "default" | "muted" | "accent" | null | undefined;
+  spacing?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
+type LegalHeadingProps = React$1.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof headingVariants> & {
+  as?: 'h1' | 'h2' | 'h3' | 'h4';
+};
+declare function LegalHeading({
+  as,
+  level,
+  tone,
+  spacing,
+  className,
+  ...props
+}: LegalHeadingProps): react_jsx_runtime28.JSX.Element;
+//#endregion
+export { LegalHeading, LegalHeadingProps, headingVariants };
+//# sourceMappingURL=LegalHeading.d.ts.map

package/dist/components/legal/atoms/LegalHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalHeading.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/LegalHeading.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIM,uBAyBJ;;;;AA5BgE,CAAA,GA4BhE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEU,KAAA,iBAAA,GAAoB,OAAA,CAAM,cAAT,CAAwB,kBAAxB,CAAA,GAC3B,YAD2B,CAAA,OACP,eADO,CAAA,GAAA;EAAwB,EAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA;CAArB;AACV,iBAIN,YAAA,CAJM;EAAA,EAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAWnB,iBAXmB,CAAA,EAWF,mBAAA,CAAA,GAAA,CAAA,OAXE"}

package/dist/components/legal/atoms/LegalHeading.js

@@ -0,0 +1,46 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/legal/atoms/LegalHeading.tsx
+const headingVariants = cva("text-foreground tracking-tight", {
+	variants: {
+		level: {
+			h1: "text-3xl font-semibold md:text-4xl",
+			h2: "text-2xl font-semibold md:text-3xl",
+			h3: "text-xl font-semibold md:text-2xl",
+			h4: "text-lg font-semibold md:text-xl"
+		},
+		tone: {
+			default: "",
+			muted: "text-muted-foreground",
+			accent: "text-primary"
+		},
+		spacing: {
+			none: "",
+			sm: "mt-4",
+			md: "mt-6",
+			lg: "mt-8"
+		}
+	},
+	defaultVariants: {
+		level: "h2",
+		tone: "default",
+		spacing: "md"
+	}
+});
+function LegalHeading({ as, level, tone, spacing, className,...props }) {
+	return /* @__PURE__ */ jsx(as ?? level ?? "h2", {
+		className: cn(headingVariants({
+			level,
+			tone,
+			spacing
+		}), className),
+		...props
+	});
+}
+
+//#endregion
+export { LegalHeading, headingVariants };
+//# sourceMappingURL=LegalHeading.js.map

package/dist/components/legal/atoms/LegalHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalHeading.js","names":[],"sources":["../../../../src/components/legal/atoms/LegalHeading.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nconst headingVariants = cva('text-foreground tracking-tight', {\n  variants: {\n    level: {\n      h1: 'text-3xl font-semibold md:text-4xl',\n      h2: 'text-2xl font-semibold md:text-3xl',\n      h3: 'text-xl font-semibold md:text-2xl',\n      h4: 'text-lg font-semibold md:text-xl',\n    },\n    tone: {\n      default: '',\n      muted: 'text-muted-foreground',\n      accent: 'text-primary',\n    },\n    spacing: {\n      none: '',\n      sm: 'mt-4',\n      md: 'mt-6',\n      lg: 'mt-8',\n    },\n  },\n  defaultVariants: {\n    level: 'h2',\n    tone: 'default',\n    spacing: 'md',\n  },\n});\n\nexport type LegalHeadingProps = React.HTMLAttributes<HTMLHeadingElement> &\n  VariantProps<typeof headingVariants> & {\n    as?: 'h1' | 'h2' | 'h3' | 'h4';\n  };\n\nexport function LegalHeading({\n  as,\n  level,\n  tone,\n  spacing,\n  className,\n  ...props\n}: LegalHeadingProps) {\n  const Comp = (as ?? level ?? 'h2') as any;\n  return (\n    <Comp\n      className={cn(headingVariants({ level, tone, spacing }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { headingVariants };\n"],"mappings":";;;;;;AAIA,MAAM,kBAAkB,IAAI,kCAAkC;CAC5D,UAAU;EACR,OAAO;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAOF,SAAgB,aAAa,EAC3B,IACA,OACA,MACA,SACA,UACA,GAAG,SACiB;AAEpB,QACE,oBAFY,MAAM,SAAS;EAGzB,WAAW,GAAG,gBAAgB;GAAE;GAAO;GAAM;GAAS,CAAC,EAAE,UAAU;EACnE,GAAI;GACJ"}