@contractspec/lib.design-system 1.44.0

package/dist/components/forms/FormOneByOneLayout.js

@@ -0,0 +1,57 @@
+import { Button } from "../atoms/Button.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+
+//#region src/components/forms/FormOneByOneLayout.tsx
+function FormOneByOneLayout({ fields, initialKey, onComplete, className }) {
+	const indexByKey = React.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
+	const [idx, setIdx] = React.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":[],"sources":["../../../src/components/forms/FormOneByOneLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../atoms/Button';\nimport { cn } from '@contractspec/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,aAAa,MAAM,cACjB,OAAO,YAAY,OAAO,KAAK,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAC1D,CAAC,OAAO,CACT;CACD,MAAM,CAAC,KAAK,UAAU,MAAM,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 from "react";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
+
+//#region src/components/forms/FormStepsLayout.d.ts
+interface StepDef {
+  key: string;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  content: React.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_runtime102.JSX.Element | null;
+//#endregion
+export { FormStepsLayout };
+//# 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,KAAA,CAAM;EAFE,WAAO,CAAA,EAGR,KAAA,CAAM,SAHE;EAEf,OAAM,EAEJ,KAAA,CAAM,SAFF;;AAEE,UAGA,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,oBAAA,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 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Separator } from "@contractspec/lib.ui-kit-web/ui/separator";
+
+//#region src/components/forms/FormStepsLayout.tsx
+function FormStepsLayout({ steps, initialStepKey, onFinish, canNext, className }) {
+	const indexByKey = React.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
+	const [idx, setIdx] = React.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":[],"sources":["../../../src/components/forms/FormStepsLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../atoms/Button';\nimport { Separator } from '@contractspec/lib.ui-kit-web/ui/separator';\nimport { cn } from '@contractspec/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,aAAa,MAAM,cACjB,OAAO,YAAY,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EACzD,CAAC,MAAM,CACR;CACD,MAAM,CAAC,KAAK,UAAU,MAAM,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 from "react";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
+import { UseFormReturn } from "@contractspec/lib.ui-kit-web/ui/form";
+import * as z from "zod";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/forms/ZodForm.d.ts
+interface ZodFormProps<TSchema extends z.ZodType<any, any, any>, 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.ReactNode;
+}
+declare function ZodForm<TSchema extends z.ZodType<any, any, any>, 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 };
+//# 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,6BAEC,CAAA,CAAE,6CACG,cAAc,CAAA,CAAE,MAAM,oBACjC,CAAA,CAAE,OAAO;UAEX;kBACQ,QAAQ,gBAAgB,QAAQ,QAAQ;EAPzC,QAAA,EAAA,CAAA,IAAY,EAQV,OARU,EAAA,GAQE,OARF,CAAA,IAAA,CAAA,GAAA,IAAA;EAET,QAAA,EAAA,CAAA,CAAA,EAQJ,aARI,CAQU,YARV,EAAA,GAAA,EAQ6B,OAR7B,CAAA,EAAA,GAQ0C,KAAA,CAAM,SARhD;;AACyB,iBAU7B,OAV6B,CAAA,gBAY3B,CAAA,CAAE,OAZyB,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,CAAA,EAAA,qBAatB,WAbsB,GAaR,CAAA,CAAE,KAbM,CAaA,OAbA,CAAA,EAAA,UAcjC,CAAA,CAAE,MAd+B,CAcxB,OAdwB,CAAA,CAAA,CAAA;EAAA,MAAA;EAAA,aAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAoB1C,YApB0C,CAoB7B,OApB6B,EAoBpB,YApBoB,EAoBN,OApBM,CAAA,CAAA,EAoBE,mBAAA,CAAA,GAAA,CAAA,OApBF"}

package/dist/components/forms/ZodForm.js

@@ -0,0 +1,25 @@
+'use client';
+
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Form, useForm, zodResolver } from "@contractspec/lib.ui-kit-web/ui/form";
+import "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 '@contractspec/lib.ui-kit-web/ui/form';\nimport type { FieldValues } from 'react-hook-form';\nimport * as z from 'zod';\n\n// import { useForm, type UseFormReturn } from 'react-hook-form';\n\nexport interface ZodFormProps<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TSchema extends z.ZodType<any, any, any>,\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  children: (f: UseFormReturn<TFieldValues, any, TOutput>) => React.ReactNode;\n}\n\nexport function ZodForm<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TSchema extends z.ZodType<any, any, any>,\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const form = useForm<TFieldValues, any, TOutput>({\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    resolver: zodResolver(schema as any),\n    // eslint-disable-next-line @typescript-eslint/no-explicit-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":";;;;;;;;AA2BA,SAAgB,QAKd,EACA,QACA,eACA,UACA,YAC+C;CAE/C,MAAM,OAAO,QAAoC;EAE/C,UAAU,YAAY,OAAc;EAErB;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 from "react";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
+
+//#region src/components/legal/atoms/DefinitionList.d.ts
+declare function DefinitionList({
+  items,
+  className
+}: {
+  items: {
+    term: React.ReactNode;
+    description: React.ReactNode;
+  }[];
+  className?: string;
+}): react_jsx_runtime78.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,KAAA,CAAM;IAJP,WAAA,EAI+B,KAAA,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 "@contractspec/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 '@contractspec/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 from "react";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
+
+//#region src/components/legal/atoms/KeyValueList.d.ts
+declare function KeyValueList({
+  items,
+  className
+}: {
+  items: {
+    key: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  className?: string;
+}): react_jsx_runtime79.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,KAAA,CAAM;IAJN,KAAA,EAIwB,KAAA,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 "@contractspec/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 '@contractspec/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 from "react";
+import * as react_jsx_runtime81 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types19 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalCallout.d.ts
+declare const calloutVariants: (props?: ({
+  tone?: "danger" | "info" | "warning" | null | undefined;
+} & class_variance_authority_types19.ClassProp) | undefined) => string;
+type LegalCalloutProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof calloutVariants>;
+declare function LegalCallout({
+  tone,
+  className,
+  ...props
+}: LegalCalloutProps): react_jsx_runtime81.JSX.Element;
+//#endregion
+export { LegalCallout };
+//# 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,gCAAA,CAAA;KAEU,iBAAA,GAAoB,KAAA,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 "@contractspec/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 };
+//# 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 '@contractspec/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,WAAW,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 from "react";
+import * as react_jsx_runtime75 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types15 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_types15.ClassProp) | undefined) => string;
+type LegalHeadingProps = React.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof headingVariants> & {
+  as?: 'h1' | 'h2' | 'h3' | 'h4';
+};
+declare function LegalHeading({
+  as,
+  level,
+  tone,
+  spacing,
+  className,
+  ...props
+}: LegalHeadingProps): react_jsx_runtime75.JSX.Element;
+//#endregion
+export { LegalHeading };
+//# 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,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEU,KAAA,iBAAA,GAAoB,KAAA,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 "@contractspec/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 };
+//# 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 '@contractspec/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 'h1' | 'h2' | 'h3' | 'h4';\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,WACA,GAAG,SACiB;AAEpB,QACE,oBAFY,MAAM,SAAS;EAGzB,WAAW,GAAG,gBAAgB;GAAE;GAAO;GAAM;GAAS,CAAC,EAAE,UAAU;EACnE,GAAI;GACJ"}

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types18 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalList.d.ts
+declare const listVariants: (props?: ({
+  type?: "none" | "unordered" | "ordered" | null | undefined;
+  spacing?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types18.ClassProp) | undefined) => string;
+type LegalListProps = React.HTMLAttributes<HTMLUListElement | HTMLOListElement> & VariantProps<typeof listVariants>;
+declare function LegalList({
+  type,
+  spacing,
+  className,
+  children,
+  ...props
+}: LegalListProps): react_jsx_runtime80.JSX.Element;
+//#endregion
+export { LegalList };
+//# sourceMappingURL=LegalList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegalList.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/LegalList.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIM;;;IAiBJ,gCAAA,CAAA;AAjBI,KAmBM,cAAA,GAAiB,KAAA,CAAM,cAFjC,CAGA,gBAHA,GAGmB,gBAHnB,CAAA,GAKA,YALA,CAAA,OAKoB,YALpB,CAAA;AAEU,iBAKI,SAAA,CALU;EAAA,IAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAWvB,cAXuB,CAAA,EAWT,mBAAA,CAAA,GAAA,CAAA,OAXS"}

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

@@ -0,0 +1,38 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+
+//#region src/components/legal/atoms/LegalList.tsx
+const listVariants = cva("", {
+	variants: {
+		type: {
+			unordered: "list-disc pl-6",
+			ordered: "list-decimal pl-6",
+			none: "pl-0"
+		},
+		spacing: {
+			sm: "space-y-1",
+			md: "space-y-2",
+			lg: "space-y-3"
+		}
+	},
+	defaultVariants: {
+		type: "unordered",
+		spacing: "md"
+	}
+});
+function LegalList({ type, spacing, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(type === "ordered" ? "ol" : "ul", {
+		className: cn(listVariants({
+			type,
+			spacing
+		}), className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { LegalList };
+//# sourceMappingURL=LegalList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegalList.js","names":[],"sources":["../../../../src/components/legal/atoms/LegalList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\n\nconst listVariants = cva('', {\n  variants: {\n    type: {\n      unordered: 'list-disc pl-6',\n      ordered: 'list-decimal pl-6',\n      none: 'pl-0',\n    },\n    spacing: {\n      sm: 'space-y-1',\n      md: 'space-y-2',\n      lg: 'space-y-3',\n    },\n  },\n  defaultVariants: {\n    type: 'unordered',\n    spacing: 'md',\n  },\n});\n\nexport type LegalListProps = React.HTMLAttributes<\n  HTMLUListElement | HTMLOListElement\n> &\n  VariantProps<typeof listVariants>;\n\nexport function LegalList({\n  type,\n  spacing,\n  className,\n  children,\n  ...props\n}: LegalListProps) {\n  const Comp = (type === 'ordered' ? 'ol' : 'ul') as React.ElementType;\n  return (\n    <Comp className={cn(listVariants({ type, spacing }), className)} {...props}>\n      {children}\n    </Comp>\n  );\n}\n\nexport { listVariants };\n"],"mappings":";;;;;;AAIA,MAAM,eAAe,IAAI,IAAI;CAC3B,UAAU;EACR,MAAM;GACJ,WAAW;GACX,SAAS;GACT,MAAM;GACP;EACD,SAAS;GACP,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAOF,SAAgB,UAAU,EACxB,MACA,SACA,WACA,UACA,GAAG,SACc;AAEjB,QACE,oBAFY,SAAS,YAAY,OAAO;EAElC,WAAW,GAAG,aAAa;GAAE;GAAM;GAAS,CAAC,EAAE,UAAU;EAAE,GAAI;EAClE;GACI"}

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types17 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalSection.d.ts
+declare const sectionVariants: (props?: ({
+  spacing?: "sm" | "md" | "lg" | null | undefined;
+  border?: "none" | "top" | "bottom" | "both" | null | undefined;
+  tone?: "subtle" | "plain" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+type LegalSectionProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof sectionVariants>;
+declare function LegalSection({
+  spacing,
+  border,
+  tone,
+  className,
+  ...props
+}: LegalSectionProps): react_jsx_runtime77.JSX.Element;
+//#endregion
+export { LegalSection };
+//# sourceMappingURL=LegalSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegalSection.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/LegalSection.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIM,uBAuBJ;;;;AA1BgE,CAAA,GA0BhE,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEU,KAAA,iBAAA,GAAoB,KAAA,CAAM,cAAT,CAAwB,cAAxB,CAAA,GAC3B,YAD2B,CAAA,OACP,eADO,CAAA;AAAwB,iBAGrC,YAAA,CAHqC;EAAA,OAAA;EAAA,MAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EASlD,iBATkD,CAAA,EASjC,mBAAA,CAAA,GAAA,CAAA,OATiC"}

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

@@ -0,0 +1,44 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+
+//#region src/components/legal/atoms/LegalSection.tsx
+const sectionVariants = cva("space-y-3", {
+	variants: {
+		spacing: {
+			sm: "py-3",
+			md: "py-4",
+			lg: "py-6"
+		},
+		border: {
+			none: "",
+			top: "border-t",
+			bottom: "border-b",
+			both: "border-y"
+		},
+		tone: {
+			plain: "",
+			subtle: "bg-muted/30"
+		}
+	},
+	defaultVariants: {
+		spacing: "md",
+		border: "none",
+		tone: "plain"
+	}
+});
+function LegalSection({ spacing, border, tone, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(sectionVariants({
+			spacing,
+			border,
+			tone
+		}), className),
+		...props
+	});
+}
+
+//#endregion
+export { LegalSection };
+//# sourceMappingURL=LegalSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegalSection.js","names":[],"sources":["../../../../src/components/legal/atoms/LegalSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\n\nconst sectionVariants = cva('space-y-3', {\n  variants: {\n    spacing: {\n      sm: 'py-3',\n      md: 'py-4',\n      lg: 'py-6',\n    },\n    border: {\n      none: '',\n      top: 'border-t',\n      bottom: 'border-b',\n      both: 'border-y',\n    },\n    tone: {\n      plain: '',\n      subtle: 'bg-muted/30',\n    },\n  },\n  defaultVariants: {\n    spacing: 'md',\n    border: 'none',\n    tone: 'plain',\n  },\n});\n\nexport type LegalSectionProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof sectionVariants>;\n\nexport function LegalSection({\n  spacing,\n  border,\n  tone,\n  className,\n  ...props\n}: LegalSectionProps) {\n  return (\n    <div\n      className={cn(sectionVariants({ spacing, border, tone }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { sectionVariants };\n"],"mappings":";;;;;;AAIA,MAAM,kBAAkB,IAAI,aAAa;CACvC,UAAU;EACR,SAAS;GACP,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,QAAQ;GACN,MAAM;GACN,KAAK;GACL,QAAQ;GACR,MAAM;GACP;EACD,MAAM;GACJ,OAAO;GACP,QAAQ;GACT;EACF;CACD,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;EACP;CACF,CAAC;AAKF,SAAgB,aAAa,EAC3B,SACA,QACA,MACA,WACA,GAAG,SACiB;AACpB,QACE,oBAAC;EACC,WAAW,GAAG,gBAAgB;GAAE;GAAS;GAAQ;GAAM,CAAC,EAAE,UAAU;EACpE,GAAI;GACJ"}