@contractspec/lib.design-system 1.44.0

package/dist/components/molecules/hover-previews/Doc.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Doc.d.ts
+interface HoverPreviewDocProps {
+  docType: string;
+  number?: string;
+  title?: React.ReactNode;
+  meta?: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  status?: React.ReactNode;
+  amount?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewDoc({
+  docType,
+  number,
+  title,
+  meta,
+  status,
+  amount,
+  className
+}: HoverPreviewDocProps): react_jsx_runtime53.JSX.Element;
+//#endregion
+export { HoverPreviewDoc };
+//# sourceMappingURL=Doc.d.ts.map

package/dist/components/molecules/hover-previews/Doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Doc.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/Doc.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,oBAAA;;;EAAA,KAAA,CAAA,EAGP,KAAA,CAAM,SAHqB;EAG3B,IAAM,CAAA,EAAA;IACQ,KAAA,EAAN,KAAA,CAAM,SAAA;IAAwB,KAAA,EAAN,KAAA,CAAM,SAAA;EACrC,CAAA,EAAM;EACN,MAAM,CAAA,EADN,KAAA,CAAM,SACA;EAAS,MAAA,CAAA,EAAf,KAAA,CAAM,SAAS;EAIV,SAAA,CAAA,EAAA,MAAe;;AAE7B,iBAFc,eAAA,CAEd;EAAA,OAAA;EAAA,MAAA;EAAA,KAAA;EAAA,IAAA;EAAA,MAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAMC,oBAND,CAAA,EAMqB,mBAAA,CAAA,GAAA,CAAA,OANrB"}

package/dist/components/molecules/hover-previews/Doc.js

@@ -0,0 +1,45 @@
+'use client';
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Doc.tsx
+function HoverPreviewDoc({ docType, number, title, meta = [], status, amount, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "truncate text-sm font-medium",
+					children: [docType, number ? ` ${number}` : ""]
+				}), status]
+			}),
+			title && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground truncate text-base",
+				children: title
+			}),
+			meta.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground mt-1 space-y-1 text-base",
+				children: meta.map((m, i) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "whitespace-nowrap",
+						children: [m.label, ":"]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: m.value
+					})]
+				}, i))
+			}),
+			amount && /* @__PURE__ */ jsx("div", {
+				className: "pt-1 text-base font-medium",
+				children: amount
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewDoc };
+//# sourceMappingURL=Doc.js.map

package/dist/components/molecules/hover-previews/Doc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Doc.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Doc.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewDocProps {\n  docType: string; // Quote | Invoice | Project etc.\n  number?: string;\n  title?: React.ReactNode;\n  meta?: { label: React.ReactNode; value: React.ReactNode }[];\n  status?: React.ReactNode;\n  amount?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewDoc({\n  docType,\n  number,\n  title,\n  meta = [],\n  status,\n  amount,\n  className,\n}: HoverPreviewDocProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"truncate text-sm font-medium\">\n          {docType}\n          {number ? ` ${number}` : ''}\n        </div>\n        {status}\n      </div>\n      {title && (\n        <div className=\"text-muted-foreground truncate text-base\">{title}</div>\n      )}\n      {meta.length > 0 && (\n        <div className=\"text-muted-foreground mt-1 space-y-1 text-base\">\n          {meta.map((m, i) => (\n            <div key={i} className=\"flex items-center gap-2\">\n              <span className=\"whitespace-nowrap\">{m.label}:</span>\n              <span className=\"truncate\">{m.value}</span>\n            </div>\n          ))}\n        </div>\n      )}\n      {amount && <div className=\"pt-1 text-base font-medium\">{amount}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,gBAAgB,EAC9B,SACA,QACA,OACA,OAAO,EAAE,EACT,QACA,QACA,aACuB;AACvB,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAChE,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACZ,SACA,SAAS,IAAI,WAAW;MACrB,EACL;KACG;GACL,SACC,oBAAC;IAAI,WAAU;cAA4C;KAAY;GAExE,KAAK,SAAS,KACb,oBAAC;IAAI,WAAU;cACZ,KAAK,KAAK,GAAG,MACZ,qBAAC;KAAY,WAAU;gBACrB,qBAAC;MAAK,WAAU;iBAAqB,EAAE,OAAM;OAAQ,EACrD,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa;OAFnC,EAGJ,CACN;KACE;GAEP,UAAU,oBAAC;IAAI,WAAU;cAA8B;KAAa;;GACjE"}

package/dist/components/molecules/hover-previews/Media.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Media.d.ts
+interface HoverPreviewMediaProps {
+  title?: React.ReactNode;
+  subtitle?: React.ReactNode;
+  media: React.ReactNode;
+  caption?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewMedia({
+  title,
+  subtitle,
+  media,
+  caption,
+  className
+}: HoverPreviewMediaProps): react_jsx_runtime52.JSX.Element;
+//#endregion
+export { HoverPreviewMedia };
+//# sourceMappingURL=Media.d.ts.map

package/dist/components/molecules/hover-previews/Media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/Media.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,sBAAA;UACP,KAAA,CAAM;aACH,KAAA,CAAM;EAFF,KAAA,EAGR,KAAA,CAAM,SAHE;EACP,OAAM,CAAA,EAGJ,KAAA,CAAM,SAHF;EACH,SAAM,CAAA,EAAA,MAAA;;AAED,iBAIF,iBAAA,CAJE;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAUf,sBAVe,CAAA,EAUO,mBAAA,CAAA,GAAA,CAAA,OAVP"}

package/dist/components/molecules/hover-previews/Media.js

@@ -0,0 +1,33 @@
+'use client';
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Media.tsx
+function HoverPreviewMedia({ title, subtitle, media, caption, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			title && /* @__PURE__ */ jsx("div", {
+				className: "truncate text-sm font-medium",
+				children: title
+			}),
+			subtitle && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground truncate text-base",
+				children: subtitle
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "bg-card rounded-md border p-1",
+				children: media
+			}),
+			caption && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground text-base",
+				children: caption
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewMedia };
+//# sourceMappingURL=Media.js.map

package/dist/components/molecules/hover-previews/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Media.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewMediaProps {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  media: React.ReactNode; // image/video/illustration\n  caption?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewMedia({\n  title,\n  subtitle,\n  media,\n  caption,\n  className,\n}: HoverPreviewMediaProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      {title && <div className=\"truncate text-sm font-medium\">{title}</div>}\n      {subtitle && (\n        <div className=\"text-muted-foreground truncate text-base\">\n          {subtitle}\n        </div>\n      )}\n      <div className=\"bg-card rounded-md border p-1\">{media}</div>\n      {caption && (\n        <div className=\"text-muted-foreground text-base\">{caption}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,kBAAkB,EAChC,OACA,UACA,OACA,SACA,aACyB;AACzB,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAC/D,SAAS,oBAAC;IAAI,WAAU;cAAgC;KAAY;GACpE,YACC,oBAAC;IAAI,WAAU;cACZ;KACG;GAER,oBAAC;IAAI,WAAU;cAAiC;KAAY;GAC3D,WACC,oBAAC;IAAI,WAAU;cAAmC;KAAc;;GAE9D"}

package/dist/components/molecules/hover-previews/Simple.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Simple.d.ts
+interface HoverPreviewLine {
+  icon?: React.ReactNode;
+  label?: React.ReactNode;
+  value: React.ReactNode;
+}
+interface HoverPreviewSimpleProps {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  lines?: HoverPreviewLine[];
+  footer?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewSimple({
+  title,
+  subtitle,
+  lines,
+  footer,
+  className
+}: HoverPreviewSimpleProps): react_jsx_runtime51.JSX.Element;
+//#endregion
+export { HoverPreviewSimple };
+//# sourceMappingURL=Simple.d.ts.map

package/dist/components/molecules/hover-previews/Simple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/Simple.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,gBAAA;SACR,KAAA,CAAM;UACL,KAAA,CAAM;EAFC,KAAA,EAGR,KAAA,CAAM,SAHkB;;AAEjB,UAIC,uBAAA,CAJD;EACP,KAAM,EAIN,KAAA,CAAM,SAJA;EAAS,QAAA,CAAA,EAKX,KAAA,CAAM,SALK;EAGP,KAAA,CAAA,EAGP,gBAHO,EAAuB;EAC/B,MAAM,CAAA,EAGJ,KAAA,CAAM,SAHF;EACF,SAAM,CAAA,EAAA,MAAA;;AAEF,iBAID,kBAAA,CAJC;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAUd,uBAVc,CAAA,EAUS,mBAAA,CAAA,GAAA,CAAA,OAVT"}

package/dist/components/molecules/hover-previews/Simple.js

@@ -0,0 +1,45 @@
+'use client';
+
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Simple.tsx
+function HoverPreviewSimple({ title, subtitle, lines = [], footer, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "truncate text-sm font-medium",
+				children: title
+			}),
+			subtitle && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground truncate text-base",
+				children: subtitle
+			}),
+			lines.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "mt-2 space-y-1",
+				children: lines.map((l, idx) => /* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground flex items-center gap-2 text-base",
+					children: [l.icon, l.label ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+						className: "whitespace-nowrap",
+						children: [l.label, ":"]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: l.value
+					})] }) : /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: l.value
+					})]
+				}, idx))
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground pt-1 text-base",
+				children: footer
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewSimple };
+//# sourceMappingURL=Simple.js.map

package/dist/components/molecules/hover-previews/Simple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Simple.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewLine {\n  icon?: React.ReactNode;\n  label?: React.ReactNode;\n  value: React.ReactNode;\n}\n\nexport interface HoverPreviewSimpleProps {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  lines?: HoverPreviewLine[];\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewSimple({\n  title,\n  subtitle,\n  lines = [],\n  footer,\n  className,\n}: HoverPreviewSimpleProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      <div className=\"truncate text-sm font-medium\">{title}</div>\n      {subtitle && (\n        <div className=\"text-muted-foreground truncate text-base\">\n          {subtitle}\n        </div>\n      )}\n      {lines.length > 0 && (\n        <div className=\"mt-2 space-y-1\">\n          {lines.map((l, idx) => (\n            <div\n              key={idx}\n              className=\"text-muted-foreground flex items-center gap-2 text-base\"\n            >\n              {l.icon}\n              {l.label ? (\n                <>\n                  <span className=\"whitespace-nowrap\">{l.label}:</span>\n                  <span className=\"truncate\">{l.value}</span>\n                </>\n              ) : (\n                <span className=\"truncate\">{l.value}</span>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n      {footer && (\n        <div className=\"text-muted-foreground pt-1 text-base\">{footer}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,mBAAmB,EACjC,OACA,UACA,QAAQ,EAAE,EACV,QACA,aAC0B;AAC1B,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAChE,oBAAC;IAAI,WAAU;cAAgC;KAAY;GAC1D,YACC,oBAAC;IAAI,WAAU;cACZ;KACG;GAEP,MAAM,SAAS,KACd,oBAAC;IAAI,WAAU;cACZ,MAAM,KAAK,GAAG,QACb,qBAAC;KAEC,WAAU;gBAET,EAAE,MACF,EAAE,QACD,4CACE,qBAAC;MAAK,WAAU;iBAAqB,EAAE,OAAM;OAAQ,EACrD,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa,IAC1C,GAEH,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa;OAVxC,IAYD,CACN;KACE;GAEP,UACC,oBAAC;IAAI,WAAU;cAAwC;KAAa;;GAElE"}

package/dist/components/molecules/hover-previews/Stats.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Stats.d.ts
+interface HoverPreviewStat {
+  label: React.ReactNode;
+  value: React.ReactNode;
+  hint?: React.ReactNode;
+}
+declare function HoverPreviewStats({
+  title,
+  stats,
+  footer,
+  className
+}: {
+  title?: React.ReactNode;
+  stats: HoverPreviewStat[];
+  footer?: React.ReactNode;
+  className?: string;
+}): react_jsx_runtime55.JSX.Element;
+//#endregion
+export { HoverPreviewStats };
+//# sourceMappingURL=Stats.d.ts.map

package/dist/components/molecules/hover-previews/Stats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/Stats.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,gBAAA;SACR,KAAA,CAAM;SACN,KAAA,CAAM;EAFE,IAAA,CAAA,EAGR,KAAA,CAAM,SAHkB;;AAElB,iBAIC,iBAAA,CAJD;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA;CAAA,EAAA;EACN,KAAM,CAAA,EASL,KAAA,CAAM,SATD;EAAS,KAAA,EAUf,gBAVe,EAAA;EAGR,MAAA,CAAA,EAQL,KAAA,CAAM,SARgB;EAC/B,SAAA,CAAA,EAAA,MAAA;CACA,CAAA,EAQD,mBAAA,CAAA,GAAA,CAAA,OARC"}

package/dist/components/molecules/hover-previews/Stats.js

@@ -0,0 +1,38 @@
+'use client';
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Stats.tsx
+function HoverPreviewStats({ title, stats, footer, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			title && /* @__PURE__ */ jsx("div", {
+				className: "truncate text-sm font-medium",
+				children: title
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-1 gap-2",
+				children: stats.map((s, i) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-baseline justify-between gap-3",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-base",
+						children: s.label
+					}), /* @__PURE__ */ jsx("div", {
+						className: "truncate text-sm font-semibold",
+						children: s.value
+					})]
+				}, i))
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground pt-1 text-base",
+				children: footer
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewStats };
+//# sourceMappingURL=Stats.js.map

package/dist/components/molecules/hover-previews/Stats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Stats.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewStat {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  hint?: React.ReactNode;\n}\n\nexport function HoverPreviewStats({\n  title,\n  stats,\n  footer,\n  className,\n}: {\n  title?: React.ReactNode;\n  stats: HoverPreviewStat[];\n  footer?: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      {title && <div className=\"truncate text-sm font-medium\">{title}</div>}\n      <div className=\"grid grid-cols-1 gap-2\">\n        {stats.map((s, i) => (\n          <div key={i} className=\"flex items-baseline justify-between gap-3\">\n            <div className=\"text-muted-foreground text-base\">{s.label}</div>\n            <div className=\"truncate text-sm font-semibold\">{s.value}</div>\n          </div>\n        ))}\n      </div>\n      {footer && (\n        <div className=\"text-muted-foreground pt-1 text-base\">{footer}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,SAAgB,kBAAkB,EAChC,OACA,OACA,QACA,aAMC;AACD,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAC/D,SAAS,oBAAC;IAAI,WAAU;cAAgC;KAAY;GACrE,oBAAC;IAAI,WAAU;cACZ,MAAM,KAAK,GAAG,MACb,qBAAC;KAAY,WAAU;gBACrB,oBAAC;MAAI,WAAU;gBAAmC,EAAE;OAAY,EAChE,oBAAC;MAAI,WAAU;gBAAkC,EAAE;OAAY;OAFvD,EAGJ,CACN;KACE;GACL,UACC,oBAAC;IAAI,WAAU;cAAwC;KAAa;;GAElE"}

package/dist/components/molecules/hover-previews/User.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/User.d.ts
+interface HoverPreviewUserProps {
+  avatar?: React.ReactNode;
+  name: React.ReactNode;
+  email?: React.ReactNode;
+  meta?: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  actions?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewUser({
+  avatar,
+  name,
+  email,
+  meta,
+  actions,
+  className
+}: HoverPreviewUserProps): react_jsx_runtime54.JSX.Element;
+//#endregion
+export { HoverPreviewUser };
+//# sourceMappingURL=User.d.ts.map

package/dist/components/molecules/hover-previews/User.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/User.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,qBAAA;WACN,KAAA,CAAM;QACT,KAAA,CAAM;EAFG,KAAA,CAAA,EAGP,KAAA,CAAM,SAHC;EACN,IAAM,CAAA,EAAA;IACH,KAAA,EAEI,KAAA,CAAM,SAFV;IACE,KAAA,EAC0B,KAAA,CAAM,SADhC;EACE,CAAA,EAAM;EAAkB,OAAM,CAAA,EACpC,KAAA,CAAM,SAD8B;EACpC,SAAM,CAAA,EAAA,MAAA;;AAIF,iBAAA,gBAAA,CAAgB;EAAA,MAAA;EAAA,IAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAO7B,qBAP6B,CAAA,EAOR,mBAAA,CAAA,GAAA,CAAA,OAPQ"}

package/dist/components/molecules/hover-previews/User.js

@@ -0,0 +1,47 @@
+'use client';
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/User.tsx
+function HoverPreviewUser({ avatar, name, email, meta = [], actions, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [avatar, /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "truncate text-sm font-medium",
+						children: name
+					}), email && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground truncate text-base",
+						children: email
+					})]
+				})]
+			}),
+			meta.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground space-y-1 text-base",
+				children: meta.map((m, i) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "whitespace-nowrap",
+						children: [m.label, ":"]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: m.value
+					})]
+				}, i))
+			}),
+			actions && /* @__PURE__ */ jsx("div", {
+				className: "pt-1",
+				children: actions
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewUser };
+//# sourceMappingURL=User.js.map

package/dist/components/molecules/hover-previews/User.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/User.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewUserProps {\n  avatar?: React.ReactNode;\n  name: React.ReactNode;\n  email?: React.ReactNode;\n  meta?: { label: React.ReactNode; value: React.ReactNode }[];\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewUser({\n  avatar,\n  name,\n  email,\n  meta = [],\n  actions,\n  className,\n}: HoverPreviewUserProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      <div className=\"flex items-center gap-3\">\n        {avatar}\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-medium\">{name}</div>\n          {email && (\n            <div className=\"text-muted-foreground truncate text-base\">\n              {email}\n            </div>\n          )}\n        </div>\n      </div>\n      {meta.length > 0 && (\n        <div className=\"text-muted-foreground space-y-1 text-base\">\n          {meta.map((m, i) => (\n            <div key={i} className=\"flex items-center gap-2\">\n              <span className=\"whitespace-nowrap\">{m.label}:</span>\n              <span className=\"truncate\">{m.value}</span>\n            </div>\n          ))}\n        </div>\n      )}\n      {actions && <div className=\"pt-1\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,iBAAiB,EAC/B,QACA,MACA,OACA,OAAO,EAAE,EACT,SACA,aACwB;AACxB,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAChE,qBAAC;IAAI,WAAU;eACZ,QACD,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAI,WAAU;gBAAgC;OAAW,EACzD,SACC,oBAAC;MAAI,WAAU;gBACZ;OACG;MAEJ;KACF;GACL,KAAK,SAAS,KACb,oBAAC;IAAI,WAAU;cACZ,KAAK,KAAK,GAAG,MACZ,qBAAC;KAAY,WAAU;gBACrB,qBAAC;MAAK,WAAU;iBAAqB,EAAE,OAAM;OAAQ,EACrD,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa;OAFnC,EAGJ,CACN;KACE;GAEP,WAAW,oBAAC;IAAI,WAAU;cAAQ;KAAc;;GAC7C"}

package/dist/components/organisms/AcademyLayout.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
+
+//#region src/components/organisms/AcademyLayout.d.ts
+interface AcademyLayoutProps {
+  header: React.ReactNode;
+  toc?: React.ReactNode;
+  breadcrumb?: {
+    items: {
+      href?: string;
+      label: React.ReactNode;
+    }[];
+  };
+  children: React.ReactNode;
+  rightPanel?: React.ReactNode;
+  footer?: React.ReactNode;
+  className?: string;
+}
+declare function AcademyLayout({
+  header,
+  toc,
+  breadcrumb,
+  children,
+  rightPanel,
+  footer,
+  className
+}: AcademyLayoutProps): react_jsx_runtime38.JSX.Element;
+//#endregion
+export { AcademyLayout };
+//# sourceMappingURL=AcademyLayout.d.ts.map

package/dist/components/organisms/AcademyLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcademyLayout.d.ts","names":[],"sources":["../../../src/components/organisms/AcademyLayout.tsx"],"sourcesContent":[],"mappings":";;;;UAaiB,kBAAA;UACP,KAAA,CAAM;QACR,KAAA,CAAM;EAFG,UAAA,CAAA,EAAA;IACD,KAAA,EAAA;MACF,IAAA,CAAA,EAAA,MAAA;MACwC,KAAA,EAAN,KAAA,CAAM,SAAA;IACpC,CAAA,EAAA;EACH,CAAA;EACJ,QAAM,EAFL,KAAA,CAAM,SAED;EAAS,UAAA,CAAA,EADX,KAAA,CAAM,SACK;EAIV,MAAA,CAAA,EAJL,KAAA,CAAM,SAIY;EAC3B,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAHc,aAAA,CAGd;EAAA,MAAA;EAAA,GAAA;EAAA,UAAA;EAAA,QAAA;EAAA,UAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAKC,kBALD,CAAA,EAKmB,mBAAA,CAAA,GAAA,CAAA,OALnB"}

package/dist/components/organisms/AcademyLayout.js

@@ -0,0 +1,47 @@
+'use client';
+
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@contractspec/lib.ui-kit-web/ui/breadcrumb";
+
+//#region src/components/organisms/AcademyLayout.tsx
+function AcademyLayout({ header, toc, breadcrumb, children, rightPanel, footer, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("bg-background min-h-svh", className),
+		children: [
+			header,
+			/* @__PURE__ */ jsxs("div", {
+				className: "mx-auto grid w-full max-w-7xl grid-cols-1 gap-6 px-4 py-6 md:grid-cols-[220px_minmax(0,1fr)_240px]",
+				children: [
+					/* @__PURE__ */ jsx("aside", {
+						className: "sticky top-24 hidden self-start md:block",
+						children: toc
+					}),
+					/* @__PURE__ */ jsxs("main", {
+						className: "min-w-0",
+						children: [breadcrumb && breadcrumb.items?.length ? /* @__PURE__ */ jsx("div", {
+							className: "mb-4",
+							children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+								href: it.href,
+								children: it.label
+							}) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: it.label }) }), idx < breadcrumb.items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, idx)) }) })
+						}) : null, /* @__PURE__ */ jsx("article", {
+							className: "prose text-foreground max-w-none",
+							children
+						})]
+					}),
+					/* @__PURE__ */ jsx("aside", {
+						className: "sticky top-24 hidden self-start lg:block",
+						children: rightPanel
+					})
+				]
+			}),
+			footer
+		]
+	});
+}
+
+//#endregion
+export { AcademyLayout };
+//# sourceMappingURL=AcademyLayout.js.map

package/dist/components/organisms/AcademyLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcademyLayout.js","names":[],"sources":["../../../src/components/organisms/AcademyLayout.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@contractspec/lib.ui-kit-web/ui/breadcrumb';\n\nexport interface AcademyLayoutProps {\n  header: React.ReactNode;\n  toc?: React.ReactNode; // sidebar TOC on desktop\n  breadcrumb?: { items: { href?: string; label: React.ReactNode }[] };\n  children: React.ReactNode; // article/content\n  rightPanel?: React.ReactNode; // optional exercises/progress\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function AcademyLayout({\n  header,\n  toc,\n  breadcrumb,\n  children,\n  rightPanel,\n  footer,\n  className,\n}: AcademyLayoutProps) {\n  return (\n    <div className={cn('bg-background min-h-svh', className)}>\n      {header}\n      <div className=\"mx-auto grid w-full max-w-7xl grid-cols-1 gap-6 px-4 py-6 md:grid-cols-[220px_minmax(0,1fr)_240px]\">\n        <aside className=\"sticky top-24 hidden self-start md:block\">\n          {toc}\n        </aside>\n        <main className=\"min-w-0\">\n          {breadcrumb && breadcrumb.items?.length ? (\n            <div className=\"mb-4\">\n              <Breadcrumb>\n                <BreadcrumbList>\n                  {breadcrumb.items.map((it, idx) => (\n                    <React.Fragment key={idx}>\n                      <BreadcrumbItem>\n                        {it.href ? (\n                          <BreadcrumbLink href={it.href}>\n                            {it.label}\n                          </BreadcrumbLink>\n                        ) : (\n                          <BreadcrumbPage>{it.label}</BreadcrumbPage>\n                        )}\n                      </BreadcrumbItem>\n                      {idx < breadcrumb.items.length - 1 && (\n                        <BreadcrumbSeparator />\n                      )}\n                    </React.Fragment>\n                  ))}\n                </BreadcrumbList>\n              </Breadcrumb>\n            </div>\n          ) : null}\n          <article className=\"prose text-foreground max-w-none\">\n            {children}\n          </article>\n        </main>\n        <aside className=\"sticky top-24 hidden self-start lg:block\">\n          {rightPanel}\n        </aside>\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,cAAc,EAC5B,QACA,KACA,YACA,UACA,YACA,QACA,aACqB;AACrB,QACE,qBAAC;EAAI,WAAW,GAAG,2BAA2B,UAAU;;GACrD;GACD,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAM,WAAU;gBACd;OACK;KACR,qBAAC;MAAK,WAAU;iBACb,cAAc,WAAW,OAAO,SAC/B,oBAAC;OAAI,WAAU;iBACb,oBAAC,wBACC,oBAAC,4BACE,WAAW,MAAM,KAAK,IAAI,QACzB,qBAAC,MAAM,uBACL,oBAAC,4BACE,GAAG,OACF,oBAAC;QAAe,MAAM,GAAG;kBACtB,GAAG;SACW,GAEjB,oBAAC,4BAAgB,GAAG,QAAuB,GAE9B,EAChB,MAAM,WAAW,MAAM,SAAS,KAC/B,oBAAC,wBAAsB,KAXN,IAaJ,CACjB,GACa,GACN;QACT,GACJ,MACJ,oBAAC;OAAQ,WAAU;OAChB;QACO;OACL;KACP,oBAAC;MAAM,WAAU;gBACd;OACK;;KACJ;GACL;;GACG"}

package/dist/components/organisms/AppHeader.d.ts

@@ -0,0 +1,19 @@
+import { HeaderProps } from "./Header.js";
+import * as React from "react";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
+
+//#region src/components/organisms/AppHeader.d.ts
+interface AppHeaderProps extends HeaderProps {
+  breadcrumb?: React.ReactNode;
+  toolbarRight?: React.ReactNode;
+  className?: string;
+}
+declare function AppHeader({
+  breadcrumb,
+  toolbarRight,
+  className,
+  ...props
+}: AppHeaderProps): react_jsx_runtime39.JSX.Element;
+//#endregion
+export { AppHeader };
+//# sourceMappingURL=AppHeader.d.ts.map

package/dist/components/organisms/AppHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.d.ts","names":[],"sources":["../../../src/components/organisms/AppHeader.tsx"],"sourcesContent":[],"mappings":";;;;;UAOiB,cAAA,SAAuB;eACzB,KAAA,CAAM;iBACJ,KAAA,CAAM;EAFN,SAAA,CAAA,EAAA,MAAe;;AAET,iBAIP,SAAA,CAJO;EAAA,UAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EASpB,cAToB,CAAA,EASN,mBAAA,CAAA,GAAA,CAAA,OATM"}

package/dist/components/organisms/AppHeader.js

@@ -0,0 +1,31 @@
+'use client';
+
+import { Header } from "./Header.js";
+import "react";
+import { Fragment, 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/organisms/AppHeader.tsx
+function AppHeader({ breadcrumb, toolbarRight, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto w-full max-w-7xl px-2 md:px-4",
+			children: [/* @__PURE__ */ jsx(Header, { ...props }), (breadcrumb || toolbarRight) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-3 py-2",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "min-w-0 overflow-hidden text-ellipsis",
+					children: breadcrumb
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex items-center gap-2",
+					children: toolbarRight
+				})]
+			})] })]
+		})
+	});
+}
+
+//#endregion
+export { AppHeader };
+//# sourceMappingURL=AppHeader.js.map

package/dist/components/organisms/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","names":[],"sources":["../../../src/components/organisms/AppHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Separator } from '@contractspec/lib.ui-kit-web/ui/separator';\nimport { Header, type HeaderProps } from './Header';\n\nexport interface AppHeaderProps extends HeaderProps {\n  breadcrumb?: React.ReactNode;\n  toolbarRight?: React.ReactNode;\n  className?: string;\n}\n\nexport function AppHeader({\n  breadcrumb,\n  toolbarRight,\n  className,\n  ...props\n}: AppHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs',\n        className\n      )}\n    >\n      <div className=\"mx-auto w-full max-w-7xl px-2 md:px-4\">\n        <Header {...props} />\n        {(breadcrumb || toolbarRight) && (\n          <>\n            <Separator />\n            <div className=\"flex items-center justify-between gap-3 py-2\">\n              <div className=\"min-w-0 overflow-hidden text-ellipsis\">\n                {breadcrumb}\n              </div>\n              <div className=\"flex items-center gap-2\">{toolbarRight}</div>\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,UAAU,EACxB,YACA,cACA,WACA,GAAG,SACc;AACjB,QACE,oBAAC;EACC,WAAW,GACT,+FACA,UACD;YAED,qBAAC;GAAI,WAAU;cACb,oBAAC,UAAO,GAAI,QAAS,GACnB,cAAc,iBACd,4CACE,oBAAC,cAAY,EACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACZ;MACG,EACN,oBAAC;KAAI,WAAU;eAA2B;MAAmB;KACzD,IACL;IAED;GACF"}

package/dist/components/organisms/AppLayout.d.ts

@@ -0,0 +1,29 @@
+import { AppSidebar } from "./AppSidebar.js";
+import * as React from "react";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+
+//#region src/components/organisms/AppLayout.d.ts
+interface AppLayoutProps {
+  header: React.ReactNode;
+  sidebar?: React.ComponentProps<typeof AppSidebar>;
+  breadcrumb?: {
+    items: {
+      href?: string;
+      label: React.ReactNode;
+    }[];
+  };
+  children: React.ReactNode;
+  footer?: React.ReactNode;
+  className?: string;
+}
+declare function AppLayout({
+  header,
+  sidebar,
+  breadcrumb,
+  children,
+  footer,
+  className
+}: AppLayoutProps): react_jsx_runtime37.JSX.Element;
+//#endregion
+export { AppLayout };
+//# sourceMappingURL=AppLayout.d.ts.map

package/dist/components/organisms/AppLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLayout.d.ts","names":[],"sources":["../../../src/components/organisms/AppLayout.tsx"],"sourcesContent":[],"mappings":";;;;;UAeiB,cAAA;UACP,KAAA,CAAM;YACJ,KAAA,CAAM,sBAAsB;EAFvB,UAAA,CAAA,EAAA;IACD,KAAA,EAAA;MACwB,IAAA,CAAA,EAAA,MAAA;MAAtB,KAAA,EAC8B,KAAA,CAAM,SADpC;IACoC,CAAA,EAAA;EAC1C,CAAA;EACD,QAAM,EADL,KAAA,CAAM,SACD;EAAS,MAAA,CAAA,EAAf,KAAA,CAAM,SAAS;EAIV,SAAA,CAAA,EAAS,MAAA;;AAEvB,iBAFc,SAAA,CAEd;EAAA,MAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAKC,cALD,CAAA,EAKe,mBAAA,CAAA,GAAA,CAAA,OALf"}

package/dist/components/organisms/AppLayout.js

@@ -0,0 +1,45 @@
+'use client';
+
+import { AppSidebar } from "./AppSidebar.js";
+import * as React from "react";
+import { Fragment, 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";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@contractspec/lib.ui-kit-web/ui/breadcrumb";
+
+//#region src/components/organisms/AppLayout.tsx
+function AppLayout({ header, sidebar, breadcrumb, children, footer, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("bg-background min-h-svh", className),
+		children: [
+			header,
+			/* @__PURE__ */ jsxs("div", {
+				className: "mx-auto grid w-full max-w-7xl grid-cols-1 gap-4 px-4 py-4 md:grid-cols-[260px_minmax(0,1fr)]",
+				children: [/* @__PURE__ */ jsx("aside", {
+					className: "hidden md:block",
+					children: sidebar ? /* @__PURE__ */ jsx(AppSidebar, {
+						sections: sidebar.sections,
+						top: sidebar.top,
+						bottom: sidebar.bottom,
+						className: sidebar.className,
+						density: sidebar.density
+					}) : /* @__PURE__ */ jsx("div", {})
+				}), /* @__PURE__ */ jsxs("main", {
+					className: "min-w-0",
+					children: [breadcrumb && breadcrumb.items?.length ? /* @__PURE__ */ jsx("div", {
+						className: "mb-2",
+						children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+							href: it.href,
+							children: it.label
+						}) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: it.label }) }), idx < breadcrumb.items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, idx)) }) })
+					}) : null, children]
+				})]
+			}),
+			footer && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, { className: "mt-4" }), footer] })
+		]
+	});
+}
+
+//#endregion
+export { AppLayout };
+//# sourceMappingURL=AppLayout.js.map