@lssm/lib.design-system 1.7.4 → 1.9.0

package/dist/components/data-view/DataViewTable.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { cn } from "../../lib/utils.js";
 import { formatValue, getAtPath } from "./utils.js";
 import "react";
@@ -24,11 +23,11 @@ function DataViewTable({ spec, items, className, onRowClick, emptyState, headerA
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ jsx("h3", {
-				className: "text-base font-semibold text-foreground",
+				className: "text-foreground text-base font-semibold",
 				children: spec.meta.title
 			}), headerActions]
 		}), emptyState ?? /* @__PURE__ */ jsx("div", {
-			className: "rounded-md border border-dashed border-muted-foreground/40 p-8 text-center text-sm text-muted-foreground",
+			className: "border-muted-foreground/40 text-muted-foreground rounded-md border border-dashed p-8 text-center text-sm",
 			children: "No records available."
 		})]
 	});
@@ -38,28 +37,28 @@ function DataViewTable({ spec, items, className, onRowClick, emptyState, headerA
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ jsx("h3", {
-					className: "text-base font-semibold text-foreground",
+					className: "text-foreground text-base font-semibold",
 					children: spec.meta.title
 				}), headerActions]
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "overflow-x-auto rounded-lg border border-border bg-card shadow-sm",
+				className: "border-border bg-card overflow-x-auto rounded-lg border shadow-sm",
 				children: /* @__PURE__ */ jsxs("table", {
-					className: cn("min-w-full divide-y divide-border text-sm", view.density === "compact" ? "text-sm" : "text-base"),
+					className: cn("divide-border min-w-full divide-y text-sm", view.density === "compact" ? "text-sm" : "text-base"),
 					children: [/* @__PURE__ */ jsx("thead", {
 						className: "bg-muted/50",
 						children: /* @__PURE__ */ jsx("tr", { children: columns.map((column, columnIdx) => /* @__PURE__ */ jsx("th", {
 							scope: "col",
-							className: cn("px-4 py-3 text-left font-semibold text-muted-foreground", alignmentClass(column.align)),
+							className: cn("text-muted-foreground px-4 py-3 text-left font-semibold", alignmentClass(column.align)),
 							children: column.label
 						}, `${column.field}.${columnIdx}`)) })
 					}), /* @__PURE__ */ jsx("tbody", {
-						className: "divide-y divide-border bg-background",
+						className: "divide-border bg-background divide-y",
 						children: items.map((item, rowIdx) => /* @__PURE__ */ jsx("tr", {
-							className: cn(onRowClick && "cursor-pointer hover:bg-muted/30 transition-colors"),
+							className: cn(onRowClick && "hover:bg-muted/30 cursor-pointer transition-colors"),
 							onClick: () => onRowClick?.(item),
 							children: columns.map((column) => /* @__PURE__ */ jsx("td", {
-								className: cn("px-4 py-3 text-foreground", alignmentClass(column.align)),
+								className: cn("text-foreground px-4 py-3", alignmentClass(column.align)),
 								children: displayValue(item, fields, column.field)
 							}, column.field))
 						}, rowIdx))

package/dist/components/data-view/DataViewTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataViewTable.js","names":[],"sources":["../../../src/components/data-view/DataViewTable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewSpec,\n  DataViewTableConfig,\n  DataViewField,\n} from '@lssm/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { getAtPath, formatValue } from './utils';\n\nexport interface DataViewTableProps {\n  spec: DataViewSpec;\n  items: Record<string, unknown>[];\n  className?: string;\n  onRowClick?: (item: Record<string, unknown>) => void;\n  emptyState?: React.ReactNode;\n  headerActions?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nexport function DataViewTable({\n  spec,\n  items,\n  className,\n  onRowClick,\n  emptyState,\n  headerActions,\n  footer,\n}: DataViewTableProps) {\n  if (spec.view.kind !== 'table') {\n    throw new Error(\n      `DataViewTable received view kind \"${spec.view.kind}\", expected \"table\".`\n    );\n  }\n\n  const view = spec.view as DataViewTableConfig;\n  const fields = view.fields;\n  const columns =\n    view.columns?.map((column) => ({\n      ...column,\n      label: column.label ?? fieldLabel(fields, column.field),\n    })) ??\n    fields.map((field) => ({\n      field: field.key,\n      label: field.label,\n      align: 'left' as const,\n    }));\n\n  if (!items.length) {\n    return (\n      <div className={cn('flex w-full flex-col gap-4', className)}>\n        <div className=\"flex items-center justify-between\">\n          <h3 className=\"text-base font-semibold text-foreground\">\n            {spec.meta.title}\n          </h3>\n          {headerActions}\n        </div>\n        {emptyState ?? (\n          <div className=\"rounded-md border border-dashed border-muted-foreground/40 p-8 text-center text-sm text-muted-foreground\">\n            No records available.\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('flex w-full flex-col gap-4', className)}>\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"text-base font-semibold text-foreground\">\n          {spec.meta.title}\n        </h3>\n        {headerActions}\n      </div>\n      <div className=\"overflow-x-auto rounded-lg border border-border bg-card shadow-sm\">\n        <table\n          className={cn(\n            'min-w-full divide-y divide-border text-sm',\n            view.density === 'compact' ? 'text-sm' : 'text-base'\n          )}\n        >\n          <thead className=\"bg-muted/50\">\n            <tr>\n              {columns.map((column, columnIdx) => (\n                <th\n                  key={`${column.field}.${columnIdx}`}\n                  scope=\"col\"\n                  className={cn(\n                    'px-4 py-3 text-left font-semibold text-muted-foreground',\n                    alignmentClass(column.align)\n                  )}\n                >\n                  {column.label}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody className=\"divide-y divide-border bg-background\">\n            {items.map((item, rowIdx) => (\n              <tr\n                key={rowIdx}\n                className={cn(\n                  onRowClick &&\n                    'cursor-pointer hover:bg-muted/30 transition-colors'\n                )}\n                onClick={() => onRowClick?.(item)}\n              >\n                {columns.map((column) => (\n                  <td\n                    key={column.field}\n                    className={cn(\n                      'px-4 py-3 text-foreground',\n                      alignmentClass(column.align)\n                    )}\n                  >\n                    {displayValue(item, fields, column.field)}\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n      {footer}\n    </div>\n  );\n}\n\nfunction fieldLabel(fields: DataViewField[], key: string) {\n  return fields.find((field) => field.key === key)?.label ?? key;\n}\n\nfunction fieldByKey(fields: DataViewField[], key: string) {\n  return fields.find((field) => field.key === key);\n}\n\nfunction displayValue(\n  item: Record<string, unknown>,\n  fields: DataViewField[],\n  key: string\n) {\n  const field = fieldByKey(fields, key);\n  if (!field) return '';\n  const value = getAtPath(item, field.dataPath);\n  return formatValue(value, field.format);\n}\n\nfunction alignmentClass(\n  align: 'left' | 'center' | 'right' | undefined\n): string | undefined {\n  switch (align) {\n    case 'center':\n      return 'text-center';\n    case 'right':\n      return 'text-right';\n    default:\n      return 'text-left';\n  }\n}\n\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,cAAc,EAC5B,MACA,OACA,WACA,YACA,YACA,eACA,UACqB;AACrB,KAAI,KAAK,KAAK,SAAS,QACrB,OAAM,IAAI,MACR,qCAAqC,KAAK,KAAK,KAAK,sBACrD;CAGH,MAAM,OAAO,KAAK;CAClB,MAAM,SAAS,KAAK;CACpB,MAAM,UACJ,KAAK,SAAS,KAAK,YAAY;EAC7B,GAAG;EACH,OAAO,OAAO,SAAS,WAAW,QAAQ,OAAO,MAAM;EACxD,EAAE,IACH,OAAO,KAAK,WAAW;EACrB,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO;EACR,EAAE;AAEL,KAAI,CAAC,MAAM,OACT,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;aACzD,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cACX,KAAK,KAAK;KACR,EACJ;IACG,EACL,cACC,oBAAC;GAAI,WAAU;aAA2G;IAEpH;GAEJ;AAIV,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;;GACzD,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eACX,KAAK,KAAK;MACR,EACJ;KACG;GACN,oBAAC;IAAI,WAAU;cACb,qBAAC;KACC,WAAW,GACT,6CACA,KAAK,YAAY,YAAY,YAAY,YAC1C;gBAED,oBAAC;MAAM,WAAU;gBACf,oBAAC,kBACE,QAAQ,KAAK,QAAQ,cACpB,oBAAC;OAEC,OAAM;OACN,WAAW,GACT,2DACA,eAAe,OAAO,MAAM,CAC7B;iBAEA,OAAO;SAPH,GAAG,OAAO,MAAM,GAAG,YAQrB,CACL,GACC;OACC,EACR,oBAAC;MAAM,WAAU;gBACd,MAAM,KAAK,MAAM,WAChB,oBAAC;OAEC,WAAW,GACT,cACE,qDACH;OACD,eAAe,aAAa,KAAK;iBAEhC,QAAQ,KAAK,WACZ,oBAAC;QAEC,WAAW,GACT,6BACA,eAAe,OAAO,MAAM,CAC7B;kBAEA,aAAa,MAAM,QAAQ,OAAO,MAAM;UANpC,OAAO,MAOT,CACL;SAjBG,OAkBF,CACL;OACI;MACF;KACJ;GACL;;GACG;;AAIV,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI,EAAE,SAAS;;AAG7D,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI;;AAGlD,SAAS,aACP,MACA,QACA,KACA;CACA,MAAM,QAAQ,WAAW,QAAQ,IAAI;AACrC,KAAI,CAAC,MAAO,QAAO;AAEnB,QAAO,YADO,UAAU,MAAM,MAAM,SAAS,EACnB,MAAM,OAAO;;AAGzC,SAAS,eACP,OACoB;AACpB,SAAQ,OAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO"}
+{"version":3,"file":"DataViewTable.js","names":[],"sources":["../../../src/components/data-view/DataViewTable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewSpec,\n  DataViewTableConfig,\n  DataViewField,\n} from '@lssm/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { getAtPath, formatValue } from './utils';\n\nexport interface DataViewTableProps {\n  spec: DataViewSpec;\n  items: Record<string, unknown>[];\n  className?: string;\n  onRowClick?: (item: Record<string, unknown>) => void;\n  emptyState?: React.ReactNode;\n  headerActions?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nexport function DataViewTable({\n  spec,\n  items,\n  className,\n  onRowClick,\n  emptyState,\n  headerActions,\n  footer,\n}: DataViewTableProps) {\n  if (spec.view.kind !== 'table') {\n    throw new Error(\n      `DataViewTable received view kind \"${spec.view.kind}\", expected \"table\".`\n    );\n  }\n\n  const view = spec.view as DataViewTableConfig;\n  const fields = view.fields;\n  const columns =\n    view.columns?.map((column) => ({\n      ...column,\n      label: column.label ?? fieldLabel(fields, column.field),\n    })) ??\n    fields.map((field) => ({\n      field: field.key,\n      label: field.label,\n      align: 'left' as const,\n    }));\n\n  if (!items.length) {\n    return (\n      <div className={cn('flex w-full flex-col gap-4', className)}>\n        <div className=\"flex items-center justify-between\">\n          <h3 className=\"text-foreground text-base font-semibold\">\n            {spec.meta.title}\n          </h3>\n          {headerActions}\n        </div>\n        {emptyState ?? (\n          <div className=\"border-muted-foreground/40 text-muted-foreground rounded-md border border-dashed p-8 text-center text-sm\">\n            No records available.\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('flex w-full flex-col gap-4', className)}>\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"text-foreground text-base font-semibold\">\n          {spec.meta.title}\n        </h3>\n        {headerActions}\n      </div>\n      <div className=\"border-border bg-card overflow-x-auto rounded-lg border shadow-sm\">\n        <table\n          className={cn(\n            'divide-border min-w-full divide-y text-sm',\n            view.density === 'compact' ? 'text-sm' : 'text-base'\n          )}\n        >\n          <thead className=\"bg-muted/50\">\n            <tr>\n              {columns.map((column, columnIdx) => (\n                <th\n                  key={`${column.field}.${columnIdx}`}\n                  scope=\"col\"\n                  className={cn(\n                    'text-muted-foreground px-4 py-3 text-left font-semibold',\n                    alignmentClass(column.align)\n                  )}\n                >\n                  {column.label}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody className=\"divide-border bg-background divide-y\">\n            {items.map((item, rowIdx) => (\n              <tr\n                key={rowIdx}\n                className={cn(\n                  onRowClick &&\n                    'hover:bg-muted/30 cursor-pointer transition-colors'\n                )}\n                onClick={() => onRowClick?.(item)}\n              >\n                {columns.map((column) => (\n                  <td\n                    key={column.field}\n                    className={cn(\n                      'text-foreground px-4 py-3',\n                      alignmentClass(column.align)\n                    )}\n                  >\n                    {displayValue(item, fields, column.field)}\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n      {footer}\n    </div>\n  );\n}\n\nfunction fieldLabel(fields: DataViewField[], key: string) {\n  return fields.find((field) => field.key === key)?.label ?? key;\n}\n\nfunction fieldByKey(fields: DataViewField[], key: string) {\n  return fields.find((field) => field.key === key);\n}\n\nfunction displayValue(\n  item: Record<string, unknown>,\n  fields: DataViewField[],\n  key: string\n) {\n  const field = fieldByKey(fields, key);\n  if (!field) return '';\n  const value = getAtPath(item, field.dataPath);\n  return formatValue(value, field.format);\n}\n\nfunction alignmentClass(\n  align: 'left' | 'center' | 'right' | undefined\n): string | undefined {\n  switch (align) {\n    case 'center':\n      return 'text-center';\n    case 'right':\n      return 'text-right';\n    default:\n      return 'text-left';\n  }\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,cAAc,EAC5B,MACA,OACA,WACA,YACA,YACA,eACA,UACqB;AACrB,KAAI,KAAK,KAAK,SAAS,QACrB,OAAM,IAAI,MACR,qCAAqC,KAAK,KAAK,KAAK,sBACrD;CAGH,MAAM,OAAO,KAAK;CAClB,MAAM,SAAS,KAAK;CACpB,MAAM,UACJ,KAAK,SAAS,KAAK,YAAY;EAC7B,GAAG;EACH,OAAO,OAAO,SAAS,WAAW,QAAQ,OAAO,MAAM;EACxD,EAAE,IACH,OAAO,KAAK,WAAW;EACrB,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO;EACR,EAAE;AAEL,KAAI,CAAC,MAAM,OACT,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;aACzD,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cACX,KAAK,KAAK;KACR,EACJ;IACG,EACL,cACC,oBAAC;GAAI,WAAU;aAA2G;IAEpH;GAEJ;AAIV,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;;GACzD,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eACX,KAAK,KAAK;MACR,EACJ;KACG;GACN,oBAAC;IAAI,WAAU;cACb,qBAAC;KACC,WAAW,GACT,6CACA,KAAK,YAAY,YAAY,YAAY,YAC1C;gBAED,oBAAC;MAAM,WAAU;gBACf,oBAAC,kBACE,QAAQ,KAAK,QAAQ,cACpB,oBAAC;OAEC,OAAM;OACN,WAAW,GACT,2DACA,eAAe,OAAO,MAAM,CAC7B;iBAEA,OAAO;SAPH,GAAG,OAAO,MAAM,GAAG,YAQrB,CACL,GACC;OACC,EACR,oBAAC;MAAM,WAAU;gBACd,MAAM,KAAK,MAAM,WAChB,oBAAC;OAEC,WAAW,GACT,cACE,qDACH;OACD,eAAe,aAAa,KAAK;iBAEhC,QAAQ,KAAK,WACZ,oBAAC;QAEC,WAAW,GACT,6BACA,eAAe,OAAO,MAAM,CAC7B;kBAEA,aAAa,MAAM,QAAQ,OAAO,MAAM;UANpC,OAAO,MAOT,CACL;SAjBG,OAkBF,CACL;OACI;MACF;KACJ;GACL;;GACG;;AAIV,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI,EAAE,SAAS;;AAG7D,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI;;AAGlD,SAAS,aACP,MACA,QACA,KACA;CACA,MAAM,QAAQ,WAAW,QAAQ,IAAI;AACrC,KAAI,CAAC,MAAO,QAAO;AAEnB,QAAO,YADO,UAAU,MAAM,MAAM,SAAS,EACnB,MAAM,OAAO;;AAGzC,SAAS,eACP,OACoB;AACpB,SAAQ,OAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO"}

package/dist/components/data-view/utils.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 //#region src/components/data-view/utils.ts
 function getAtPath(source, path) {
 	if (!source) return void 0;

package/dist/components/data-view/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["current: unknown"],"sources":["../../../src/components/data-view/utils.ts"],"sourcesContent":["'use client';\n\nexport function getAtPath(\n  source: Record<string, unknown> | undefined,\n  path: string\n): unknown {\n  if (!source) return undefined;\n  if (!path) return source;\n  const segments = path\n    .replace(/\\[(\\d+)\\]/g, '.$1')\n    .split('.')\n    .filter(Boolean);\n\n  let current: unknown = source;\n  for (const segment of segments) {\n    if (\n      current == null ||\n      (typeof current !== 'object' && !Array.isArray(current))\n    )\n      return undefined;\n    current = (current as Record<string, unknown>)[segment];\n  }\n  return current;\n}\n\nexport function formatValue(value: unknown, format?: string): string {\n  if (value == null) return '';\n  switch (format) {\n    case 'boolean':\n      return value ? 'Yes' : 'No';\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat(undefined, {\n            style: 'currency',\n            currency: 'USD',\n          }).format(value)\n        : String(value);\n    case 'percentage':\n      return typeof value === 'number'\n        ? `${(value * 100).toFixed(1)}%`\n        : String(value);\n    case 'date':\n      return formatDate(value, {\n        dateStyle: 'medium',\n      });\n    case 'dateTime':\n      return formatDate(value, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      });\n    default:\n      return String(value);\n  }\n}\n\nfunction formatDate(\n  value: unknown,\n  options: Intl.DateTimeFormatOptions\n): string {\n  if (value instanceof Date) {\n    return new Intl.DateTimeFormat(undefined, options).format(value);\n  }\n  if (typeof value === 'string' || typeof value === 'number') {\n    const date = new Date(value);\n    if (!Number.isNaN(date.getTime())) {\n      return new Intl.DateTimeFormat(undefined, options).format(date);\n    }\n  }\n  return String(value ?? '');\n}\n\n"],"mappings":";;;;AAEA,SAAgB,UACd,QACA,MACS;AACT,KAAI,CAAC,OAAQ,QAAO;AACpB,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,WAAW,KACd,QAAQ,cAAc,MAAM,CAC5B,MAAM,IAAI,CACV,OAAO,QAAQ;CAElB,IAAIA,UAAmB;AACvB,MAAK,MAAM,WAAW,UAAU;AAC9B,MACE,WAAW,QACV,OAAO,YAAY,YAAY,CAAC,MAAM,QAAQ,QAAQ,CAEvD,QAAO;AACT,YAAW,QAAoC;;AAEjD,QAAO;;AAGT,SAAgB,YAAY,OAAgB,QAAyB;AACnE,KAAI,SAAS,KAAM,QAAO;AAC1B,SAAQ,QAAR;EACE,KAAK,UACH,QAAO,QAAQ,QAAQ;EACzB,KAAK,WACH,QAAO,OAAO,UAAU,WACpB,IAAI,KAAK,aAAa,QAAW;GAC/B,OAAO;GACP,UAAU;GACX,CAAC,CAAC,OAAO,MAAM,GAChB,OAAO,MAAM;EACnB,KAAK,aACH,QAAO,OAAO,UAAU,WACpB,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC,KAC5B,OAAO,MAAM;EACnB,KAAK,OACH,QAAO,WAAW,OAAO,EACvB,WAAW,UACZ,CAAC;EACJ,KAAK,WACH,QAAO,WAAW,OAAO;GACvB,WAAW;GACX,WAAW;GACZ,CAAC;EACJ,QACE,QAAO,OAAO,MAAM;;;AAI1B,SAAS,WACP,OACA,SACQ;AACR,KAAI,iBAAiB,KACnB,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,MAAM;AAElE,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;EAC1D,MAAM,OAAO,IAAI,KAAK,MAAM;AAC5B,MAAI,CAAC,OAAO,MAAM,KAAK,SAAS,CAAC,CAC/B,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,KAAK;;AAGnE,QAAO,OAAO,SAAS,GAAG"}
+{"version":3,"file":"utils.js","names":["current: unknown"],"sources":["../../../src/components/data-view/utils.ts"],"sourcesContent":["'use client';\n\nexport function getAtPath(\n  source: Record<string, unknown> | undefined,\n  path: string\n): unknown {\n  if (!source) return undefined;\n  if (!path) return source;\n  const segments = path\n    .replace(/\\[(\\d+)\\]/g, '.$1')\n    .split('.')\n    .filter(Boolean);\n\n  let current: unknown = source;\n  for (const segment of segments) {\n    if (\n      current == null ||\n      (typeof current !== 'object' && !Array.isArray(current))\n    )\n      return undefined;\n    current = (current as Record<string, unknown>)[segment];\n  }\n  return current;\n}\n\nexport function formatValue(value: unknown, format?: string): string {\n  if (value == null) return '';\n  switch (format) {\n    case 'boolean':\n      return value ? 'Yes' : 'No';\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat(undefined, {\n            style: 'currency',\n            currency: 'USD',\n          }).format(value)\n        : String(value);\n    case 'percentage':\n      return typeof value === 'number'\n        ? `${(value * 100).toFixed(1)}%`\n        : String(value);\n    case 'date':\n      return formatDate(value, {\n        dateStyle: 'medium',\n      });\n    case 'dateTime':\n      return formatDate(value, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      });\n    default:\n      return String(value);\n  }\n}\n\nfunction formatDate(\n  value: unknown,\n  options: Intl.DateTimeFormatOptions\n): string {\n  if (value instanceof Date) {\n    return new Intl.DateTimeFormat(undefined, options).format(value);\n  }\n  if (typeof value === 'string' || typeof value === 'number') {\n    const date = new Date(value);\n    if (!Number.isNaN(date.getTime())) {\n      return new Intl.DateTimeFormat(undefined, options).format(date);\n    }\n  }\n  return String(value ?? '');\n}\n"],"mappings":";;;AAEA,SAAgB,UACd,QACA,MACS;AACT,KAAI,CAAC,OAAQ,QAAO;AACpB,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,WAAW,KACd,QAAQ,cAAc,MAAM,CAC5B,MAAM,IAAI,CACV,OAAO,QAAQ;CAElB,IAAIA,UAAmB;AACvB,MAAK,MAAM,WAAW,UAAU;AAC9B,MACE,WAAW,QACV,OAAO,YAAY,YAAY,CAAC,MAAM,QAAQ,QAAQ,CAEvD,QAAO;AACT,YAAW,QAAoC;;AAEjD,QAAO;;AAGT,SAAgB,YAAY,OAAgB,QAAyB;AACnE,KAAI,SAAS,KAAM,QAAO;AAC1B,SAAQ,QAAR;EACE,KAAK,UACH,QAAO,QAAQ,QAAQ;EACzB,KAAK,WACH,QAAO,OAAO,UAAU,WACpB,IAAI,KAAK,aAAa,QAAW;GAC/B,OAAO;GACP,UAAU;GACX,CAAC,CAAC,OAAO,MAAM,GAChB,OAAO,MAAM;EACnB,KAAK,aACH,QAAO,OAAO,UAAU,WACpB,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC,KAC5B,OAAO,MAAM;EACnB,KAAK,OACH,QAAO,WAAW,OAAO,EACvB,WAAW,UACZ,CAAC;EACJ,KAAK,WACH,QAAO,WAAW,OAAO;GACvB,WAAW;GACX,WAAW;GACZ,CAAC;EACJ,QACE,QAAO,OAAO,MAAM;;;AAI1B,SAAS,WACP,OACA,SACQ;AACR,KAAI,iBAAiB,KACnB,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,MAAM;AAElE,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;EAC1D,MAAM,OAAO,IAAI,KAAK,MAAM;AAC5B,MAAI,CAAC,OAAO,MAAM,KAAK,SAAS,CAAC,CAC/B,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,KAAK;;AAGnE,QAAO,OAAO,SAAS,GAAG"}

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/components/forms/FormCardLayout.d.ts
 interface FormCardLayoutProps {
@@ -17,7 +17,7 @@ declare function FormCardLayout({
   children,
   className,
   contentClassName
-}: FormCardLayoutProps): react_jsx_runtime68.JSX.Element;
+}: FormCardLayoutProps): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { FormCardLayout, FormCardLayoutProps };
 //# sourceMappingURL=FormCardLayout.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 
 //#region src/components/forms/FormDialog.d.ts
 interface FormDialogProps {
@@ -19,7 +19,7 @@ declare function FormDialog({
   children,
   footer,
   maxWidth
-}: FormDialogProps): react_jsx_runtime44.JSX.Element;
+}: FormDialogProps): react_jsx_runtime60.JSX.Element;
 //#endregion
 export { FormDialog, FormDialogProps };
 //# sourceMappingURL=FormDialog.d.ts.map

package/dist/components/forms/FormDialog.js

@@ -1,6 +1,5 @@
 '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";

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

@@ -1 +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"}
+{"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

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

package/dist/components/forms/FormLayout.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";

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

@@ -1 +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"}
+{"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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/components/forms/FormOneByOneLayout.d.ts
 interface OneByOneFieldDef {
@@ -20,7 +20,7 @@ declare function FormOneByOneLayout({
   initialKey,
   onComplete,
   className
-}: FormOneByOneLayoutProps): react_jsx_runtime49.JSX.Element | null;
+}: FormOneByOneLayoutProps): react_jsx_runtime40.JSX.Element | null;
 //#endregion
 export { FormOneByOneLayout, FormOneByOneLayoutProps, OneByOneFieldDef };
 //# sourceMappingURL=FormOneByOneLayout.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime71 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#region src/components/forms/FormStepsLayout.d.ts
 interface StepDef {
@@ -21,7 +21,7 @@ declare function FormStepsLayout({
   onFinish,
   canNext,
   className
-}: FormStepsLayoutProps): react_jsx_runtime71.JSX.Element | null;
+}: FormStepsLayoutProps): react_jsx_runtime120.JSX.Element | null;
 //#endregion
 export { FormStepsLayout, FormStepsLayoutProps, StepDef };
 //# sourceMappingURL=FormStepsLayout.d.ts.map

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

@@ -1 +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"}
+{"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,oBAAA,CAAA,GAAA,CAAA,OAAA,GAFrB,IAAA"}

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime72 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
 import { UseFormReturn } from "@lssm/lib.ui-kit-web/ui/form";
 import { z } from "zod";
 import { FieldValues } from "react-hook-form";
@@ -16,7 +16,7 @@ declare function ZodForm<TSchema extends z.ZodType<any, FieldValues>, TFieldValu
   defaultValues,
   onSubmit,
   children
-}: ZodFormProps<TSchema, TFieldValues, TOutput>): react_jsx_runtime72.JSX.Element;
+}: ZodFormProps<TSchema, TFieldValues, TOutput>): react_jsx_runtime62.JSX.Element;
 //#endregion
 export { ZodForm, ZodFormProps };
 //# sourceMappingURL=ZodForm.d.ts.map

package/dist/components/forms/ZodForm.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Form, useForm, zodResolver } from "@lssm/lib.ui-kit-web/ui/form";

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

@@ -1 +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"}
+{"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

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

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

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

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

@@ -1,18 +1,18 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
+import * as class_variance_authority_types4 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_types11.ClassProp) | undefined) => string;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
 type LegalCalloutProps = React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof calloutVariants>;
 declare function LegalCallout({
   tone,
   className,
   ...props
-}: LegalCalloutProps): react_jsx_runtime99.JSX.Element;
+}: LegalCalloutProps): react_jsx_runtime45.JSX.Element;
 //#endregion
 export { LegalCallout, LegalCalloutProps, calloutVariants };
 //# sourceMappingURL=LegalCallout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegalCallout.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/LegalCallout.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIM;;IAWJ,gCAAA,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"}
+{"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

@@ -12,7 +12,7 @@ const calloutVariants = cva("rounded-md border p-4", {
 	} },
 	defaultVariants: { tone: "info" }
 });
-function LegalCallout({ tone, className,...props }) {
+function LegalCallout({ tone, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn(calloutVariants({ tone }), className),
 		...props

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

@@ -1 +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"}
+{"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,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

@@ -1,14 +1,14 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime98 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as class_variance_authority_types9 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_types10.ClassProp) | undefined) => string;
+  spacing?: "none" | "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
 type LegalHeadingProps = React$1.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof headingVariants> & {
   as?: 'h1' | 'h2' | 'h3' | 'h4';
 };
@@ -19,7 +19,7 @@ declare function LegalHeading({
   spacing,
   className,
   ...props
-}: LegalHeadingProps): react_jsx_runtime98.JSX.Element;
+}: LegalHeadingProps): react_jsx_runtime61.JSX.Element;
 //#endregion
 export { LegalHeading, LegalHeadingProps, headingVariants };
 //# sourceMappingURL=LegalHeading.d.ts.map

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

@@ -1 +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,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"}
+{"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

@@ -30,7 +30,7 @@ const headingVariants = cva("text-foreground tracking-tight", {
 		spacing: "md"
 	}
 });
-function LegalHeading({ as, level, tone, spacing, className,...props }) {
+function LegalHeading({ as, level, tone, spacing, className, ...props }) {
 	return /* @__PURE__ */ jsx(as ?? level ?? "h2", {
 		className: cn(headingVariants({
 			level,

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

@@ -1 +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"}
+{"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,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

@@ -1,13 +1,13 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime97 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as class_variance_authority_types8 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_types9.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 type LegalListProps = React$1.HTMLAttributes<HTMLUListElement | HTMLOListElement> & VariantProps<typeof listVariants>;
 declare function LegalList({
   type,
@@ -15,7 +15,7 @@ declare function LegalList({
   className,
   children,
   ...props
-}: LegalListProps): react_jsx_runtime97.JSX.Element;
+}: LegalListProps): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { LegalList, LegalListProps, listVariants };
 //# sourceMappingURL=LegalList.d.ts.map

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

@@ -22,7 +22,7 @@ const listVariants = cva("", {
 		spacing: "md"
 	}
 });
-function LegalList({ type, spacing, className, children,...props }) {
+function LegalList({ type, spacing, className, children, ...props }) {
 	return /* @__PURE__ */ jsx(type === "ordered" ? "ol" : "ul", {
 		className: cn(listVariants({
 			type,

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

@@ -1 +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 '@lssm/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: any = type === 'ordered' ? 'ol' : 'ul';\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,SACA,GAAG,SACc;AAEjB,QACE,oBAFgB,SAAS,YAAY,OAAO;EAEtC,WAAW,GAAG,aAAa;GAAE;GAAM;GAAS,CAAC,EAAE,UAAU;EAAE,GAAI;EAClE;GACI"}
+{"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 '@lssm/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: any = type === 'ordered' ? 'ol' : 'ul';\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,oBAFgB,SAAS,YAAY,OAAO;EAEtC,WAAW,GAAG,aAAa;GAAE;GAAM;GAAS,CAAC,EAAE,UAAU;EAAE,GAAI;EAClE;GACI"}

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

@@ -1,14 +1,14 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime125 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types19 from "class-variance-authority/types";
+import * as class_variance_authority_types7 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_types19.ClassProp) | undefined) => string;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 type LegalSectionProps = React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof sectionVariants>;
 declare function LegalSection({
   spacing,
@@ -16,7 +16,7 @@ declare function LegalSection({
   tone,
   className,
   ...props
-}: LegalSectionProps): react_jsx_runtime125.JSX.Element;
+}: LegalSectionProps): react_jsx_runtime50.JSX.Element;
 //#endregion
 export { LegalSection, LegalSectionProps, sectionVariants };
 //# sourceMappingURL=LegalSection.d.ts.map

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

@@ -1 +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,OAAA,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,oBAAA,CAAA,GAAA,CAAA,OATiC"}
+{"version":3,"file":"LegalSection.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/LegalSection.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIM,uBAuBJ;;;;AA1BgE,CAAA,GA0BhE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEU,KAAA,iBAAA,GAAoB,OAAA,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

@@ -28,7 +28,7 @@ const sectionVariants = cva("space-y-3", {
 		tone: "plain"
 	}
 });
-function LegalSection({ spacing, border, tone, className,...props }) {
+function LegalSection({ spacing, border, tone, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn(sectionVariants({
 			spacing,

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

@@ -1 +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 '@lssm/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,UACA,GAAG,SACiB;AACpB,QACE,oBAAC;EACC,WAAW,GAAG,gBAAgB;GAAE;GAAS;GAAQ;GAAM,CAAC,EAAE,UAAU;EACpE,GAAI;GACJ"}
+{"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 '@lssm/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"}

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

@@ -1,14 +1,14 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types12 from "class-variance-authority/types";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 
 //#region src/components/legal/atoms/LegalText.d.ts
 declare const textVariants: (props?: ({
   tone?: "default" | "danger" | "muted" | null | undefined;
-  size?: "sm" | "lg" | "base" | null | undefined;
-  spacing?: "sm" | "md" | "lg" | "none" | null | undefined;
-} & class_variance_authority_types12.ClassProp) | undefined) => string;
+  size?: "base" | "sm" | "lg" | null | undefined;
+  spacing?: "none" | "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 type LegalTextProps = React$1.HTMLAttributes<HTMLParagraphElement> & VariantProps<typeof textVariants> & {
   as?: 'p' | 'div' | 'span';
 };
@@ -19,7 +19,7 @@ declare function LegalText({
   spacing,
   className,
   ...props
-}: LegalTextProps): react_jsx_runtime104.JSX.Element;
+}: LegalTextProps): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { LegalText, LegalTextProps, textVariants };
 //# sourceMappingURL=LegalText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegalText.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/LegalText.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIM,oBAwBJ;;;;AA3BgE,CAAA,GA2BhE,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEU,KAAA,cAAA,GAAiB,OAAA,CAAM,cAAT,CAAwB,oBAAxB,CAAA,GACxB,YADwB,CAAA,OACJ,YADI,CAAA,GAAA;EAAwB,EAAA,CAAA,EAAA,GAAA,GAAA,KAAA,GAAA,MAAA;CAArB;AACP,iBAEN,SAAA,CAFM;EAAA,EAAA;EAAA,IAAA;EAAA,IAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EASnB,cATmB,CAAA,EASL,oBAAA,CAAA,GAAA,CAAA,OATK"}
+{"version":3,"file":"LegalText.d.ts","names":[],"sources":["../../../../src/components/legal/atoms/LegalText.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIM,oBAwBJ;;;;AA3BgE,CAAA,GA2BhE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEU,KAAA,cAAA,GAAiB,OAAA,CAAM,cAAT,CAAwB,oBAAxB,CAAA,GACxB,YADwB,CAAA,OACJ,YADI,CAAA,GAAA;EAAwB,EAAA,CAAA,EAAA,GAAA,GAAA,KAAA,GAAA,MAAA;CAArB;AACP,iBAEN,SAAA,CAFM;EAAA,EAAA;EAAA,IAAA;EAAA,IAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EASnB,cATmB,CAAA,EASL,mBAAA,CAAA,GAAA,CAAA,OATK"}

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

@@ -29,7 +29,7 @@ const textVariants = cva("text-base leading-relaxed", {
 		spacing: "sm"
 	}
 });
-function LegalText({ as = "p", tone, size, spacing, className,...props }) {
+function LegalText({ as = "p", tone, size, spacing, className, ...props }) {
 	return /* @__PURE__ */ jsx(as, {
 		className: cn(textVariants({
 			tone,

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

@@ -1 +1 @@
-{"version":3,"file":"LegalText.js","names":[],"sources":["../../../../src/components/legal/atoms/LegalText.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 textVariants = cva('text-base leading-relaxed', {\n  variants: {\n    tone: {\n      default: 'text-foreground',\n      muted: 'text-muted-foreground',\n      danger: 'text-destructive',\n    },\n    size: {\n      base: 'text-base',\n      sm: 'text-sm',\n      lg: 'text-lg',\n    },\n    spacing: {\n      none: '',\n      sm: 'mt-2',\n      md: 'mt-3',\n      lg: 'mt-4',\n    },\n  },\n  defaultVariants: {\n    tone: 'default',\n    size: 'base',\n    spacing: 'sm',\n  },\n});\n\nexport type LegalTextProps = React.HTMLAttributes<HTMLParagraphElement> &\n  VariantProps<typeof textVariants> & { as?: 'p' | 'div' | 'span' };\n\nexport function LegalText({\n  as = 'p',\n  tone,\n  size,\n  spacing,\n  className,\n  ...props\n}: LegalTextProps) {\n  const Comp: any = as;\n  return (\n    <Comp\n      className={cn(textVariants({ tone, size, spacing }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { textVariants };\n"],"mappings":";;;;;;AAIA,MAAM,eAAe,IAAI,6BAA6B;CACpD,UAAU;EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACT;EACD,MAAM;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAKF,SAAgB,UAAU,EACxB,KAAK,KACL,MACA,MACA,SACA,UACA,GAAG,SACc;AAEjB,QACE,oBAFgB;EAGd,WAAW,GAAG,aAAa;GAAE;GAAM;GAAM;GAAS,CAAC,EAAE,UAAU;EAC/D,GAAI;GACJ"}
+{"version":3,"file":"LegalText.js","names":[],"sources":["../../../../src/components/legal/atoms/LegalText.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 textVariants = cva('text-base leading-relaxed', {\n  variants: {\n    tone: {\n      default: 'text-foreground',\n      muted: 'text-muted-foreground',\n      danger: 'text-destructive',\n    },\n    size: {\n      base: 'text-base',\n      sm: 'text-sm',\n      lg: 'text-lg',\n    },\n    spacing: {\n      none: '',\n      sm: 'mt-2',\n      md: 'mt-3',\n      lg: 'mt-4',\n    },\n  },\n  defaultVariants: {\n    tone: 'default',\n    size: 'base',\n    spacing: 'sm',\n  },\n});\n\nexport type LegalTextProps = React.HTMLAttributes<HTMLParagraphElement> &\n  VariantProps<typeof textVariants> & { as?: 'p' | 'div' | 'span' };\n\nexport function LegalText({\n  as = 'p',\n  tone,\n  size,\n  spacing,\n  className,\n  ...props\n}: LegalTextProps) {\n  const Comp: any = as;\n  return (\n    <Comp\n      className={cn(textVariants({ tone, size, spacing }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { textVariants };\n"],"mappings":";;;;;;AAIA,MAAM,eAAe,IAAI,6BAA6B;CACpD,UAAU;EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACT;EACD,MAAM;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAKF,SAAgB,UAAU,EACxB,KAAK,KACL,MACA,MACA,SACA,WACA,GAAG,SACc;AAEjB,QACE,oBAFgB;EAGd,WAAW,GAAG,aAAa;GAAE;GAAM;GAAM;GAAS,CAAC,EAAE,UAAU;EAC/D,GAAI;GACJ"}