@burdenoff/microfe-buildmyiq 2026.525.1 → 2026.705.2

package/dist/buildmyiq/components/EmptyState.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { IllustratedEmptyState as r } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/EmptyState.tsx
+var i = ({ icon: i, illustration: a, title: o, description: s, action: c, className: l }) => a ? /* @__PURE__ */ t(r, {
+	illustration: a,
+	title: o,
+	description: s,
+	action: c,
+	className: l
+}) : /* @__PURE__ */ n("div", {
+	className: e("flex flex-col items-center justify-center py-12 px-4 text-center", l),
+	children: [
+		i && /* @__PURE__ */ t("div", {
+			className: "mb-4 text-text-secondary opacity-50",
+			children: i
+		}),
+		/* @__PURE__ */ t("h3", {
+			className: "text-lg font-medium text-text-primary",
+			children: o
+		}),
+		s && /* @__PURE__ */ t("p", {
+			className: "mt-2 text-sm text-text-secondary max-w-sm",
+			children: s
+		}),
+		c && /* @__PURE__ */ t("div", {
+			className: "mt-6",
+			children: c
+		})
+	]
+});
+//#endregion
+export { i as EmptyState };
+
+//# sourceMappingURL=EmptyState.js.map

package/dist/buildmyiq/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/buildmyiq/components/EmptyState.tsx"],"sourcesContent":["/**\n * Empty State Component\n * @module buildmyiq/components\n *\n * Boff UI 2.0 zero-state. When an `illustration` name is provided it renders the\n * fe-libs {@link IllustratedEmptyState} (on-brand glass illustration); otherwise\n * it falls back to the icon-based layout.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  /**\n   * On-brand illustration name → `/illustrations/<name>.webp`. Standard names:\n   * empty-data, empty-search, empty-files, empty-people, empty-notifications,\n   * onboarding, empty-generic.\n   */\n  illustration?: string;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n}\n\nexport const EmptyState: FC<EmptyStateProps> = ({\n  icon,\n  illustration,\n  title,\n  description,\n  action,\n  className,\n}) => {\n  if (illustration) {\n    return (\n      <IllustratedEmptyState\n        illustration={illustration}\n        title={title}\n        description={description}\n        action={action}\n        className={className}\n      />\n    );\n  }\n\n  return (\n    <div\n      className={cn('flex flex-col items-center justify-center py-12 px-4 text-center', className)}\n    >\n      {icon && <div className=\"mb-4 text-text-secondary opacity-50\">{icon}</div>}\n      <h3 className=\"text-lg font-medium text-text-primary\">{title}</h3>\n      {description && <p className=\"mt-2 text-sm text-text-secondary max-w-sm\">{description}</p>}\n      {action && <div className=\"mt-6\">{action}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;;AA2BA,IAAa,KAAmC,EAC9C,SACA,iBACA,UACA,gBACA,WACA,mBAEI,IAEA,kBAAC,GAAD;CACgB;CACP;CACM;CACL;CACG;CACX,CAAA,GAKJ,kBAAC,OAAD;CACE,WAAW,EAAG,oEAAoE,EAAU;WAD9F;EAGG,KAAQ,kBAAC,OAAD;GAAK,WAAU;aAAuC;GAAW,CAAA;EAC1E,kBAAC,MAAD;GAAI,WAAU;aAAyC;GAAW,CAAA;EACjE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAgB,CAAA;EACzF,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAQ;GAAa,CAAA;EAC3C"}

package/dist/buildmyiq/components/EvidenceUpload.js

@@ -0,0 +1,93 @@
+import { useBuiFileUpload as e } from "../hooks/useBuiFiles.js";
+import "../hooks/index.js";
+import { useRef as t } from "react";
+import { Paperclip as n, Upload as r, X as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s, Label as c, Spinner as l } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/EvidenceUpload.tsx
+function u({ id: u, label: d, value: f, onChange: p, accept: m = "image/*,application/pdf,audio/*", disabled: h = !1, hint: g }) {
+	let _ = t(null), { upload: v, isUploading: y, progress: b, error: x, reset: S } = e();
+	return /* @__PURE__ */ o("div", {
+		className: "grid gap-1.5",
+		children: [
+			/* @__PURE__ */ a(c, {
+				htmlFor: u,
+				children: d
+			}),
+			/* @__PURE__ */ a("input", {
+				ref: _,
+				id: u,
+				type: "file",
+				accept: m,
+				className: "hidden",
+				disabled: h || y,
+				onChange: async (e) => {
+					let t = e.target.files?.[0];
+					if (e.target.value = "", t) try {
+						p(await v(t));
+					} catch {}
+				}
+			}),
+			f ? /* @__PURE__ */ o("div", {
+				className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken/60 px-3 py-2",
+				children: [
+					/* @__PURE__ */ a(n, { className: "h-4 w-4 shrink-0 text-text-tertiary" }),
+					/* @__PURE__ */ a("span", {
+						className: "min-w-0 flex-1 truncate text-sm text-text-primary",
+						title: f.fileName,
+						children: f.fileName
+					}),
+					/* @__PURE__ */ a("button", {
+						type: "button",
+						onClick: () => {
+							S(), p(null);
+						},
+						disabled: h,
+						"aria-label": "Remove attachment",
+						className: "rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary",
+						children: /* @__PURE__ */ a(i, { className: "h-4 w-4" })
+					})
+				]
+			}) : y ? /* @__PURE__ */ o("div", {
+				className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-sunken/60 px-3 py-2",
+				children: [
+					/* @__PURE__ */ a(l, { size: "sm" }),
+					/* @__PURE__ */ o("span", {
+						className: "text-sm text-text-secondary",
+						children: [
+							"Uploading… ",
+							b,
+							"%"
+						]
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "ml-auto h-1.5 w-24 overflow-hidden rounded-full bg-bg-sunken",
+						children: /* @__PURE__ */ a("div", {
+							className: "h-full rounded-full bg-action-primary-bg transition-[width] duration-150",
+							style: { width: `${b}%` }
+						})
+					})
+				]
+			}) : /* @__PURE__ */ o(s, {
+				type: "button",
+				variant: "outline",
+				disabled: h,
+				onClick: () => _.current?.click(),
+				className: "justify-start",
+				children: [/* @__PURE__ */ a(r, { className: "mr-1.5 h-4 w-4" }), " Choose file"]
+			}),
+			g && !x && /* @__PURE__ */ a("p", {
+				className: "text-xs text-text-tertiary",
+				children: g
+			}),
+			x && /* @__PURE__ */ a("p", {
+				className: "text-xs text-status-error-text",
+				children: x
+			})
+		]
+	});
+}
+//#endregion
+export { u as EvidenceUpload };
+
+//# sourceMappingURL=EvidenceUpload.js.map

package/dist/buildmyiq/components/EvidenceUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvidenceUpload.js","names":[],"sources":["../../../src/buildmyiq/components/EvidenceUpload.tsx"],"sourcesContent":["/**\n * EvidenceUpload — a controlled file-attach control (Integration A).\n * @module buildmyiq/components/EvidenceUpload\n *\n * Wraps `useBuiFileUpload` (the wspace-files 3-step flow). On file select it\n * uploads, shows byte-progress + the filename, and emits `{ fileId, fileName }`\n * via `onChange`. The parent stores `fileId` and passes it to the buildmyiq mutations\n * (`buiCreateCourse.coverFileId`, `buiIssueCertificate.fileId`).\n */\n\nimport { useRef, type ChangeEvent } from 'react';\nimport { Paperclip, Upload, X } from 'lucide-react';\nimport { Button, Label, Spinner } from '@burdenoff/fe-libs/ui';\nimport { useBuiFileUpload, type UploadedBuiFile } from '../hooks';\n\ninterface EvidenceUploadProps {\n  id: string;\n  label: string;\n  value: UploadedBuiFile | null;\n  onChange: (value: UploadedBuiFile | null) => void;\n  accept?: string;\n  disabled?: boolean;\n  hint?: string;\n}\n\nexport function EvidenceUpload({\n  id,\n  label,\n  value,\n  onChange,\n  accept = 'image/*,application/pdf,audio/*',\n  disabled = false,\n  hint,\n}: EvidenceUploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { upload, isUploading, progress, error, reset } = useBuiFileUpload();\n\n  const handleSelect = async (event: ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    // Clear the native input so the same file can be re-selected after a remove.\n    event.target.value = '';\n    if (!file) return;\n    try {\n      const uploaded = await upload(file);\n      onChange(uploaded);\n    } catch {\n      // Error surfaced inline via `error`; keep the form usable.\n    }\n  };\n\n  const handleRemove = () => {\n    reset();\n    onChange(null);\n  };\n\n  return (\n    <div className=\"grid gap-1.5\">\n      <Label htmlFor={id}>{label}</Label>\n\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"file\"\n        accept={accept}\n        className=\"hidden\"\n        disabled={disabled || isUploading}\n        onChange={handleSelect}\n      />\n\n      {value ? (\n        <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken/60 px-3 py-2\">\n          <Paperclip className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n          <span\n            className=\"min-w-0 flex-1 truncate text-sm text-text-primary\"\n            title={value.fileName}\n          >\n            {value.fileName}\n          </span>\n          <button\n            type=\"button\"\n            onClick={handleRemove}\n            disabled={disabled}\n            aria-label=\"Remove attachment\"\n            className=\"rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : isUploading ? (\n        <div className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-sunken/60 px-3 py-2\">\n          <Spinner size=\"sm\" />\n          <span className=\"text-sm text-text-secondary\">Uploading… {progress}%</span>\n          <div className=\"ml-auto h-1.5 w-24 overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-full rounded-full bg-action-primary-bg transition-[width] duration-150\"\n              style={{ width: `${progress}%` }}\n            />\n          </div>\n        </div>\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled={disabled}\n          onClick={() => inputRef.current?.click()}\n          className=\"justify-start\"\n        >\n          <Upload className=\"mr-1.5 h-4 w-4\" /> Choose file\n        </Button>\n      )}\n\n      {hint && !error && <p className=\"text-xs text-text-tertiary\">{hint}</p>}\n      {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAyBA,SAAgB,EAAe,EAC7B,OACA,UACA,UACA,aACA,YAAS,mCACT,cAAW,IACX,WACsB;CACtB,IAAM,IAAW,EAAyB,KAAK,EACzC,EAAE,WAAQ,gBAAa,aAAU,UAAO,aAAU,GAAkB;AAoB1E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IAAO,SAAS;cAAK;IAAc,CAAA;GAEnC,kBAAC,SAAD;IACE,KAAK;IACD;IACJ,MAAK;IACG;IACR,WAAU;IACV,UAAU,KAAY;IACtB,UA7Be,OAAO,MAAyC;KACnE,IAAM,IAAO,EAAM,OAAO,QAAQ;AAElC,WAAM,OAAO,QAAQ,IAChB,EACL,KAAI;AAEF,QADiB,MAAM,EAAO,EAAK,CACjB;aACZ;;IAsBJ,CAAA;GAED,IACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAW,WAAU,uCAAwC,CAAA;KAC7D,kBAAC,QAAD;MACE,WAAU;MACV,OAAO,EAAM;gBAEZ,EAAM;MACF,CAAA;KACP,kBAAC,UAAD;MACE,MAAK;MACL,eA9BiB;AAEzB,OADA,GAAO,EACP,EAAS,KAAK;;MA6BI;MACV,cAAW;MACX,WAAU;gBAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA;KACL;QACJ,IACF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;KACrB,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OAA8C;OAAY;OAAS;OAAQ;;KAC3E,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;OAChC,CAAA;MACE,CAAA;KACF;QAEN,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACE;IACV,eAAe,EAAS,SAAS,OAAO;IACxC,WAAU;cALZ,CAOE,kBAAC,GAAD,EAAQ,WAAU,kBAAmB,CAAA,EAAA,eAC9B;;GAGV,KAAQ,CAAC,KAAS,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAS,CAAA;GACtE,KAAS,kBAAC,KAAD;IAAG,WAAU;cAAkC;IAAU,CAAA;GAC/D"}

package/dist/buildmyiq/components/FileLink.js

@@ -0,0 +1,36 @@
+import { useEcoFile as e } from "../hooks/useBuiFiles.js";
+import "../hooks/index.js";
+import { FileText as t, Loader2 as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/buildmyiq/components/FileLink.tsx
+function a({ fileId: a, className: o }) {
+	let { data: s, isLoading: c, isError: l } = e(a);
+	return a ? c ? /* @__PURE__ */ i("span", {
+		className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary",
+		children: [/* @__PURE__ */ r(n, { className: "h-3.5 w-3.5 animate-spin" }), " Loading attachment…"]
+	}) : l || !s ? /* @__PURE__ */ i("span", {
+		className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary",
+		children: [/* @__PURE__ */ r(t, { className: "h-3.5 w-3.5" }), " Attachment unavailable"]
+	}) : s.downloadUrl ? /* @__PURE__ */ i("a", {
+		href: s.downloadUrl,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: o ?? "inline-flex items-center gap-1.5 text-sm font-medium text-action-primary-bg hover:underline",
+		children: [
+			/* @__PURE__ */ r(t, { className: "h-3.5 w-3.5" }),
+			" ",
+			s.name
+		]
+	}) : /* @__PURE__ */ i("span", {
+		className: o ?? "inline-flex items-center gap-1.5 text-sm text-text-secondary",
+		children: [
+			/* @__PURE__ */ r(t, { className: "h-3.5 w-3.5" }),
+			" ",
+			s.name
+		]
+	}) : null;
+}
+//#endregion
+export { a as FileLink };
+
+//# sourceMappingURL=FileLink.js.map

package/dist/buildmyiq/components/FileLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileLink.js","names":[],"sources":["../../../src/buildmyiq/components/FileLink.tsx"],"sourcesContent":["/**\n * FileLink — resolves a federated File id to a download link (Integration A).\n * @module buildmyiq/components/FileLink\n *\n * The buildmyiq queries select `cover { id }` / `media { id }` (just the id). This\n * resolves the platform File via `getFile(id)` for its name + signed\n * `downloadUrl` so evidence/report artifacts render as a real link.\n */\n\nimport { FileText, Loader2 } from 'lucide-react';\nimport { useEcoFile } from '../hooks';\n\ninterface FileLinkProps {\n  fileId: string | null | undefined;\n  className?: string;\n}\n\nexport function FileLink({ fileId, className }: FileLinkProps) {\n  const { data, isLoading, isError } = useEcoFile(fileId);\n\n  if (!fileId) return null;\n\n  if (isLoading) {\n    return (\n      <span className=\"inline-flex items-center gap-1.5 text-sm text-text-tertiary\">\n        <Loader2 className=\"h-3.5 w-3.5 animate-spin\" /> Loading attachment…\n      </span>\n    );\n  }\n\n  if (isError || !data) {\n    return (\n      <span className=\"inline-flex items-center gap-1.5 text-sm text-text-tertiary\">\n        <FileText className=\"h-3.5 w-3.5\" /> Attachment unavailable\n      </span>\n    );\n  }\n\n  const base =\n    'inline-flex items-center gap-1.5 text-sm font-medium text-action-primary-bg hover:underline';\n\n  if (!data.downloadUrl) {\n    return (\n      <span className={className ?? 'inline-flex items-center gap-1.5 text-sm text-text-secondary'}>\n        <FileText className=\"h-3.5 w-3.5\" /> {data.name}\n      </span>\n    );\n  }\n\n  return (\n    <a\n      href={data.downloadUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={className ?? base}\n    >\n      <FileText className=\"h-3.5 w-3.5\" /> {data.name}\n    </a>\n  );\n}\n"],"mappings":";;;;;AAiBA,SAAgB,EAAS,EAAE,WAAQ,gBAA4B;CAC7D,IAAM,EAAE,SAAM,cAAW,eAAY,EAAW,EAAO;AA+BvD,QA7BK,IAED,IAEA,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA,EAAA,uBAC3C;MAIP,KAAW,CAAC,IAEZ,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EAAA,0BAC/B;MAON,EAAK,cASR,kBAAC,KAAD;EACE,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,KAAa;YAJ1B;GAME,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;;GAAE,EAAK;GACzC;MAdF,kBAAC,QAAD;EAAM,WAAW,KAAa;YAA9B;GACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;;GAAE,EAAK;GACtC;MAzBS"}

package/dist/buildmyiq/components/FilterTabs.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/buildmyiq/components/FilterTabs.tsx
+function r({ options: r, value: i, onChange: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		className: e("inline-flex flex-wrap items-center gap-1 rounded-xl border border-border-seam bg-bg-surface p-1", o),
+		children: r.map((r) => {
+			let o = r.value === i;
+			return /* @__PURE__ */ n("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": o,
+				onClick: () => a(r.value),
+				className: e("rounded-lg px-3 py-1.5 text-sm font-medium transition-colors", o ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+				children: [r.label, typeof r.count == "number" && /* @__PURE__ */ t("span", {
+					className: e("ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums", o ? "bg-black/10 dark:bg-white/15" : "bg-bg-sunken"),
+					children: r.count
+				})]
+			}, r.value);
+		})
+	});
+}
+//#endregion
+export { r as FilterTabs };
+
+//# sourceMappingURL=FilterTabs.js.map

package/dist/buildmyiq/components/FilterTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTabs.js","names":[],"sources":["../../../src/buildmyiq/components/FilterTabs.tsx"],"sourcesContent":["/**\n * FilterTabs — a segmented status/enum filter control.\n * @module buildmyiq/components\n */\n\nimport { cn } from '../utils/cn';\n\nexport interface FilterOption<V extends string> {\n  value: V;\n  label: string;\n  count?: number;\n}\n\ninterface FilterTabsProps<V extends string> {\n  options: FilterOption<V>[];\n  value: V;\n  onChange: (value: V) => void;\n  className?: string;\n}\n\nexport function FilterTabs<V extends string>({\n  options,\n  value,\n  onChange,\n  className,\n}: FilterTabsProps<V>) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn(\n        'inline-flex flex-wrap items-center gap-1 rounded-xl border border-border-seam bg-bg-surface p-1',\n        className\n      )}\n    >\n      {options.map((opt) => {\n        const active = opt.value === value;\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(opt.value)}\n            className={cn(\n              'rounded-lg px-3 py-1.5 text-sm font-medium transition-colors',\n              active\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n            {typeof opt.count === 'number' && (\n              <span\n                className={cn(\n                  'ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums',\n                  active ? 'bg-black/10 dark:bg-white/15' : 'bg-bg-sunken'\n                )}\n              >\n                {opt.count}\n              </span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAA6B,EAC3C,YACA,UACA,aACA,gBACqB;AACrB,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EACT,mGACA,EACD;YAEA,EAAQ,KAAK,MAAQ;GACpB,IAAM,IAAS,EAAI,UAAU;AAC7B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACf,eAAe,EAAS,EAAI,MAAM;IAClC,WAAW,EACT,gEACA,IACI,kDACA,iEACL;cAXH,CAaG,EAAI,OACJ,OAAO,EAAI,SAAU,YACpB,kBAAC,QAAD;KACE,WAAW,EACT,0DACA,IAAS,iCAAiC,eAC3C;eAEA,EAAI;KACA,CAAA,CAEF;MAvBF,EAAI,MAuBF;IAEX;EACE,CAAA"}

package/dist/buildmyiq/components/MetricsCard.js

@@ -0,0 +1,64 @@
+import { cn as e } from "../utils/cn.js";
+import { Minus as t, TrendingDown as n, TrendingUp as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { GlassCard as o } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/MetricsCard.tsx
+var s = {
+	up: {
+		icon: r,
+		color: "text-status-success-text"
+	},
+	down: {
+		icon: n,
+		color: "text-status-error-text"
+	},
+	neutral: {
+		icon: t,
+		color: "text-text-secondary"
+	}
+}, c = {
+	success: "text-status-success-text",
+	warning: "text-status-warning-text",
+	error: "text-status-error-text"
+}, l = {
+	success: "shadow-[inset_0_1px_0_0_var(--color-status-success-text)]",
+	warning: "shadow-[inset_0_1px_0_0_var(--color-status-warning-text)]",
+	error: "shadow-[inset_0_1px_0_0_var(--color-status-error-text)]"
+}, u = ({ icon: t, value: n, label: r, trend: u, trendValue: d, className: f, featured: p = !1, accent: m, pill: h, footer: g }) => {
+	let _ = u ? s[u] : null, v = _?.icon;
+	return /* @__PURE__ */ a(o, {
+		treatment: p ? "glass" : "metric",
+		glow: p,
+		className: e("p-6", m && l[m], f),
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ i("div", {
+				className: e("text-text-secondary", m && c[m]),
+				children: t
+			}), h ?? (u && _ && v ? /* @__PURE__ */ a("div", {
+				className: e("flex items-center gap-1 text-xs font-medium", _.color),
+				children: [/* @__PURE__ */ i(v, { className: "h-3.5 w-3.5" }), d && /* @__PURE__ */ i("span", { children: d })]
+			}) : null)]
+		}), /* @__PURE__ */ a("div", {
+			className: "mt-3",
+			children: [
+				/* @__PURE__ */ i("p", {
+					className: "text-2xl font-bold text-text-primary tabular-nums",
+					children: n
+				}),
+				/* @__PURE__ */ i("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: r
+				}),
+				g && /* @__PURE__ */ i("div", {
+					className: "mt-3",
+					children: g
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { u as MetricsCard };
+
+//# sourceMappingURL=MetricsCard.js.map

package/dist/buildmyiq/components/MetricsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/buildmyiq/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module buildmyiq/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ntype Accent = 'success' | 'warning' | 'error';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n  /** Render as the page's hero metric (glass treatment + accent glow). */\n  featured?: boolean;\n  /** Severity accent — tints the icon and adds a soft top-edge glow. */\n  accent?: Accent;\n  /** Optional pill shown in the top-right (e.g. \"Critical\"). */\n  pill?: ReactNode;\n  /** Optional slot under the value (e.g. a MiniBar or sub-label). */\n  footer?: ReactNode;\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-status-success-text' },\n  down: { icon: TrendingDown, color: 'text-status-error-text' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\nconst accentIcon: Record<Accent, string> = {\n  success: 'text-status-success-text',\n  warning: 'text-status-warning-text',\n  error: 'text-status-error-text',\n};\n\nconst accentGlow: Record<Accent, string> = {\n  success: 'shadow-[inset_0_1px_0_0_var(--color-status-success-text)]',\n  warning: 'shadow-[inset_0_1px_0_0_var(--color-status-warning-text)]',\n  error: 'shadow-[inset_0_1px_0_0_var(--color-status-error-text)]',\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n  featured = false,\n  accent,\n  pill,\n  footer,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', accent && accentGlow[accent], className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className={cn('text-text-secondary', accent && accentIcon[accent])}>{icon}</div>\n        {pill ??\n          (trend && trendInfo && TrendIcon ? (\n            <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n              <TrendIcon className=\"h-3.5 w-3.5\" />\n              {trendValue && <span>{trendValue}</span>}\n            </div>\n          ) : null)}\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n        {footer && <div className=\"mt-3\">{footer}</div>}\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AA8BA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEK,IAAqC;CACzC,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAEK,IAAqC;CACzC,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,IACX,WACA,SACA,gBACI;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,KAAU,EAAW,IAAS,EAAU;YAH/D,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAW,EAAG,uBAAuB,KAAU,EAAW,GAAQ;cAAG;IAAW,CAAA,EACpF,MACE,KAAS,KAAa,IACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD,EAAA,UAAO,GAAkB,CAAA,CACpC;QACJ,MACF;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eAAqD;KAAU,CAAA;IAC5E,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAU,CAAA;IAC1D,KAAU,kBAAC,OAAD;KAAK,WAAU;eAAQ;KAAa,CAAA;IAC3C;KACI"}

package/dist/buildmyiq/components/MiniBar.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/buildmyiq/components/MiniBar.tsx
+function n({ value: n, className: r, barClassName: i = "bg-accent", height: a = 6 }) {
+	let o = Math.max(0, Math.min(100, n));
+	return /* @__PURE__ */ t("div", {
+		className: e("w-full overflow-hidden rounded-full bg-bg-sunken", r),
+		style: { height: a },
+		role: "progressbar",
+		"aria-valuenow": Math.round(o),
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		children: /* @__PURE__ */ t("div", {
+			className: e("h-full rounded-full transition-[width] duration-700 ease-out", i),
+			style: { width: `${o}%` }
+		})
+	});
+}
+//#endregion
+export { n as MiniBar };
+
+//# sourceMappingURL=MiniBar.js.map

package/dist/buildmyiq/components/MiniBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniBar.js","names":[],"sources":["../../../src/buildmyiq/components/MiniBar.tsx"],"sourcesContent":["/**\n * MiniBar — a thin inline progress bar (target progress, completion, breach %).\n * @module buildmyiq/components\n */\n\nimport { cn } from '../utils/cn';\n\ninterface MiniBarProps {\n  /** 0–100. */\n  value: number;\n  className?: string;\n  /** Bar fill token class (defaults to accent). */\n  barClassName?: string;\n  /** Height in px. */\n  height?: number;\n}\n\nexport function MiniBar({\n  value,\n  className,\n  barClassName = 'bg-accent',\n  height = 6,\n}: MiniBarProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cn('w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n      role=\"progressbar\"\n      aria-valuenow={Math.round(clamped)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div\n        className={cn('h-full rounded-full transition-[width] duration-700 ease-out', barClassName)}\n        style={{ width: `${clamped}%` }}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAQ,EACtB,UACA,cACA,kBAAe,aACf,YAAS,KACM;CACf,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAM,CAAC;AACjD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,oDAAoD,EAAU;EAC5E,OAAO,EAAE,WAAQ;EACjB,MAAK;EACL,iBAAe,KAAK,MAAM,EAAQ;EAClC,iBAAe;EACf,iBAAe;YAEf,kBAAC,OAAD;GACE,WAAW,EAAG,gEAAgE,EAAa;GAC3F,OAAO,EAAE,OAAO,GAAG,EAAQ,IAAI;GAC/B,CAAA;EACE,CAAA"}

package/dist/buildmyiq/components/PageLayout.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { AuroraBackground as r, GradientText as i } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/PageLayout.tsx
+var a = ({ title: a, description: o, actions: s, children: c, className: l, titleGradient: u = !1, aurora: d = !1 }) => /* @__PURE__ */ n("div", {
+	className: e("flex flex-col h-full", l),
+	children: [/* @__PURE__ */ n("div", {
+		className: e("relative flex flex-col gap-3 px-6 py-4 border-b border-border-seam sm:flex-row sm:items-center sm:justify-between sm:gap-4", d ? "overflow-hidden bg-gloss-card" : "bg-bg-surface"),
+		children: [
+			d && /* @__PURE__ */ t(r, { intensity: "subtle" }),
+			/* @__PURE__ */ n("div", {
+				className: "min-w-0",
+				children: [u && typeof a == "string" ? /* @__PURE__ */ t(i, {
+					as: "h1",
+					className: "text-2xl font-semibold tracking-tight",
+					children: a
+				}) : /* @__PURE__ */ t("h1", {
+					className: "text-2xl font-semibold text-text-primary",
+					children: a
+				}), o && /* @__PURE__ */ t("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: o
+				})]
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "flex flex-wrap items-center gap-3 shrink-0 max-sm:w-full",
+				children: s
+			})
+		]
+	}), /* @__PURE__ */ t("div", {
+		className: "flex-1 overflow-auto p-6",
+		children: c
+	})]
+});
+//#endregion
+export { a as PageLayout };
+
+//# sourceMappingURL=PageLayout.js.map

package/dist/buildmyiq/components/PageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/buildmyiq/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module buildmyiq/components\n *\n * Boff UI 2.0 page wrapper. Supports a living-glass {@link AuroraBackground}\n * hero backdrop and a gradient hero title for the MFE's primary page.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /** Render the title as a gradient hero heading (reserve for the ONE primary page). */\n  titleGradient?: boolean;\n  /** Drop a subtle living-glass aurora behind the header (primary page only). */\n  aurora?: boolean;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  titleGradient = false,\n  aurora = false,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      <div\n        className={cn(\n          'relative flex flex-col gap-3 px-6 py-4 border-b border-border-seam sm:flex-row sm:items-center sm:justify-between sm:gap-4',\n          aurora ? 'overflow-hidden bg-gloss-card' : 'bg-bg-surface'\n        )}\n      >\n        {aurora && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          {titleGradient && typeof title === 'string' ? (\n            <GradientText as=\"h1\" className=\"text-2xl font-semibold tracking-tight\">\n              {title}\n            </GradientText>\n          ) : (\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          )}\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && (\n          <div className=\"flex flex-wrap items-center gap-3 shrink-0 max-sm:w-full\">{actions}</div>\n        )}\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAwBA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,mBAAgB,IAChB,YAAS,SAGP,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;WAArD,CACE,kBAAC,OAAD;EACE,WAAW,EACT,8HACA,IAAS,kCAAkC,gBAC5C;YAJH;GAMG,KAAU,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAClD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAiB,OAAO,KAAU,WACjC,kBAAC,GAAD;KAAc,IAAG;KAAK,WAAU;eAC7B;KACY,CAAA,GAEf,kBAAC,MAAD;KAAI,WAAU;eAA4C;KAAW,CAAA,EAEtE,KAAe,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA,CAC7E;;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAA4D;IAAc,CAAA;GAEvF;KAEN,kBAAC,OAAD;EAAK,WAAU;EAA4B;EAAe,CAAA,CACtD"}

package/dist/buildmyiq/components/Pagination.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../utils/cn.js";
+import { ChevronLeft as t, ChevronRight as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/Pagination.tsx
+function o({ page: o, pageSize: s, itemCount: c, hasMore: l, onPageChange: u, className: d }) {
+	if (o === 0 && !l) return null;
+	let f = c === 0 ? 0 : o * s + 1, p = o * s + c;
+	return /* @__PURE__ */ i("div", {
+		className: e("mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row", d),
+		children: [/* @__PURE__ */ i("p", {
+			className: "text-sm text-text-secondary tabular-nums",
+			"aria-live": "polite",
+			children: [
+				"Showing ",
+				f,
+				"–",
+				p
+			]
+		}), /* @__PURE__ */ i("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ i(a, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => u(o - 1),
+					disabled: o === 0,
+					"aria-label": "Previous page",
+					children: [/* @__PURE__ */ r(t, { className: "mr-1 h-4 w-4" }), " Previous"]
+				}),
+				/* @__PURE__ */ i("span", {
+					className: "min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums",
+					children: ["Page ", o + 1]
+				}),
+				/* @__PURE__ */ i(a, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => u(o + 1),
+					disabled: !l,
+					"aria-label": "Next page",
+					children: ["Next ", /* @__PURE__ */ r(n, { className: "ml-1 h-4 w-4" })]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { o as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/buildmyiq/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/buildmyiq/components/Pagination.tsx"],"sourcesContent":["/**\n * Pagination — cursor-aware Prev/Next control for Bui* connection lists.\n * @module buildmyiq/components\n *\n * The svc list connections return `pageInfo { cursor, hasMore }` and paginate by\n * cursor (offset is a no-op). Pages track a 0-indexed `page` for display and a\n * cursor stack for navigation; this control exposes Prev/Next, disabling Prev on\n * page 0 and Next when the server reports no more rows.\n */\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PaginationProps {\n  page: number;\n  pageSize: number;\n  /** Number of rows on the current page. */\n  itemCount: number;\n  /** Server flag: are there more rows after this page? */\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  className?: string;\n}\n\nexport function Pagination({\n  page,\n  pageSize,\n  itemCount,\n  hasMore,\n  onPageChange,\n  className,\n}: PaginationProps) {\n  // Nothing to paginate: single page that also has no more rows.\n  if (page === 0 && !hasMore) return null;\n\n  const from = itemCount === 0 ? 0 : page * pageSize + 1;\n  const to = page * pageSize + itemCount;\n\n  return (\n    <div\n      className={cn('mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row', className)}\n    >\n      <p className=\"text-sm text-text-secondary tabular-nums\" aria-live=\"polite\">\n        Showing {from}–{to}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page === 0}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"mr-1 h-4 w-4\" /> Previous\n        </Button>\n        <span className=\"min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums\">\n          Page {page + 1}\n        </span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!hasMore}\n          aria-label=\"Next page\"\n        >\n          Next <ChevronRight className=\"ml-1 h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAyBA,SAAgB,EAAW,EACzB,SACA,aACA,cACA,YACA,iBACA,gBACkB;AAElB,KAAI,MAAS,KAAK,CAAC,EAAS,QAAO;CAEnC,IAAM,IAAO,MAAc,IAAI,IAAI,IAAO,IAAW,GAC/C,IAAK,IAAO,IAAW;AAE7B,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,qEAAqE,EAAU;YAD/F,CAGE,kBAAC,KAAD;GAAG,WAAU;GAA2C,aAAU;aAAlE;IAA2E;IAChE;IAAK;IAAE;IACd;MACJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,EAAE;KACrC,UAAU,MAAS;KACnB,cAAW;eALb,CAOE,kBAAC,GAAD,EAAa,WAAU,gBAAiB,CAAA,EAAA,YACjC;;IACT,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsF,SAC9E,IAAO,EACR;;IACP,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,EAAE;KACrC,UAAU,CAAC;KACX,cAAW;eALb,CAMC,SACM,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,CACvC;;IACL;KACF"}

package/dist/buildmyiq/components/StateViews.js

@@ -0,0 +1,49 @@
+import { cn as e } from "../utils/cn.js";
+import { AlertCircle as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Spinner as i } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/StateViews.tsx
+var a = ({ label: t = "Loading…", className: a }) => /* @__PURE__ */ r("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3", a),
+	children: [/* @__PURE__ */ n(i, { size: "lg" }), /* @__PURE__ */ n("p", {
+		className: "text-sm text-text-secondary",
+		children: t
+	})]
+}), o = ({ title: i = "Something went wrong", message: a, onRetry: o, className: s }) => /* @__PURE__ */ r("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center", s),
+	children: [
+		/* @__PURE__ */ n(t, { className: "h-10 w-10 text-status-error-text" }),
+		/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
+			className: "text-lg font-semibold text-text-primary",
+			children: i
+		}), a && /* @__PURE__ */ n("p", {
+			className: "mt-1 max-w-md text-sm text-text-secondary",
+			children: a
+		})] }),
+		o && /* @__PURE__ */ n("button", {
+			type: "button",
+			onClick: o,
+			className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+			children: "Retry"
+		})
+	]
+}), s = ({ title: t, description: i, action: a, children: o, className: s }) => /* @__PURE__ */ r("section", {
+	className: e("mt-8 first:mt-0", s),
+	children: [/* @__PURE__ */ r("div", {
+		className: "mb-3 flex items-end justify-between gap-3",
+		children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
+			className: "text-base font-semibold text-text-primary",
+			children: t
+		}), i && /* @__PURE__ */ n("p", {
+			className: "mt-0.5 text-sm text-text-secondary",
+			children: i
+		})] }), a && /* @__PURE__ */ n("div", {
+			className: "shrink-0",
+			children: a
+		})]
+	}), o]
+});
+//#endregion
+export { o as ErrorView, a as LoadingView, s as Section };
+
+//# sourceMappingURL=StateViews.js.map

package/dist/buildmyiq/components/StateViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateViews.js","names":[],"sources":["../../../src/buildmyiq/components/StateViews.tsx"],"sourcesContent":["/**\n * Shared loading / error / section state views\n * @module buildmyiq/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface LoadingViewProps {\n  label?: string;\n  className?: string;\n}\n\nexport const LoadingView: FC<LoadingViewProps> = ({ label = 'Loading…', className }) => (\n  <div className={cn('flex min-h-[40vh] flex-col items-center justify-center gap-3', className)}>\n    <Spinner size=\"lg\" />\n    <p className=\"text-sm text-text-secondary\">{label}</p>\n  </div>\n);\n\ninterface ErrorViewProps {\n  title?: string;\n  message?: string;\n  onRetry?: () => void;\n  className?: string;\n}\n\nexport const ErrorView: FC<ErrorViewProps> = ({\n  title = 'Something went wrong',\n  message,\n  onRetry,\n  className,\n}) => (\n  <div\n    className={cn(\n      'flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center',\n      className\n    )}\n  >\n    <AlertCircle className=\"h-10 w-10 text-status-error-text\" />\n    <div>\n      <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\n      {message && <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{message}</p>}\n    </div>\n    {onRetry && (\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n      >\n        Retry\n      </button>\n    )}\n  </div>\n);\n\ninterface SectionProps {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const Section: FC<SectionProps> = ({ title, description, action, children, className }) => (\n  <section className={cn('mt-8 first:mt-0', className)}>\n    <div className=\"mb-3 flex items-end justify-between gap-3\">\n      <div>\n        <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n        {description && <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>}\n      </div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n    </div>\n    {children}\n  </section>\n);\n"],"mappings":";;;;;AAeA,IAAa,KAAqC,EAAE,WAAQ,YAAY,mBACtE,kBAAC,OAAD;CAAK,WAAW,EAAG,gEAAgE,EAAU;WAA7F,CACE,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA,EACrB,kBAAC,KAAD;EAAG,WAAU;YAA+B;EAAU,CAAA,CAClD;IAUK,KAAiC,EAC5C,WAAQ,wBACR,YACA,YACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EACT,4EACA,EACD;WAJH;EAME,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA;EAC5D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;GAAW,CAAA,EACnE,KAAW,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAY,CAAA,CAC9E,EAAA,CAAA;EACL,KACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;aACX;GAEQ,CAAA;EAEP;IAWK,KAA6B,EAAE,UAAO,gBAAa,WAAQ,aAAU,mBAChF,kBAAC,WAAD;CAAS,WAAW,EAAG,mBAAmB,EAAU;WAApD,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA6C;GAAW,CAAA,EACrE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAAsC;GAAgB,CAAA,CAC/E,EAAA,CAAA,EACL,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAY;GAAa,CAAA,CAC/C;KACL,EACO"}

package/dist/buildmyiq/components/StatusBadge.js

@@ -0,0 +1,60 @@
+import { cn as e } from "../utils/cn.js";
+import { formatEnumLabel as t } from "../utils/formatters.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/buildmyiq/components/StatusBadge.tsx
+var i = {
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	destructive: "bg-status-error-bg-subtle text-status-error-text",
+	secondary: "bg-bg-sunken text-text-secondary",
+	info: "bg-[var(--color-accent-soft)] text-text-primary",
+	outline: "border border-border-seam text-text-primary"
+}, a = new Set([
+	"IN_PROGRESS",
+	"ACTIVE",
+	"GRADING"
+]), o = {
+	DRAFT: "secondary",
+	IN_REVIEW: "warning",
+	PUBLISHED: "success",
+	ARCHIVED: "outline",
+	ENROLLED: "info",
+	IN_PROGRESS: "info",
+	COMPLETED: "success",
+	DROPPED: "destructive",
+	EXPIRED: "outline",
+	NOT_STARTED: "secondary",
+	SUBMITTED: "info",
+	GRADING: "warning",
+	GRADED: "success",
+	RETURNED: "warning",
+	SCHEDULED: "secondary",
+	ENROLLING: "info",
+	ACTIVE: "success",
+	CANCELLED: "destructive",
+	ISSUED: "success",
+	REVOKED: "destructive",
+	BEGINNER: "success",
+	INTERMEDIATE: "info",
+	ADVANCED: "warning",
+	EXPERT: "destructive",
+	TECHNICAL: "outline",
+	BUSINESS: "outline",
+	CREATIVE: "outline",
+	COGNITIVE: "outline",
+	SOCIAL: "outline",
+	LANGUAGE: "outline"
+}, s = ({ status: s, className: c }) => {
+	let l = s.toUpperCase(), u = o[l] ?? "secondary", d = a.has(l);
+	return /* @__PURE__ */ r("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", i[u], c),
+		children: [d && /* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			className: "size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse"
+		}), t(s)]
+	});
+};
+//#endregion
+export { s as StatusBadge };
+
+//# sourceMappingURL=StatusBadge.js.map

package/dist/buildmyiq/components/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/buildmyiq/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module buildmyiq/components\n *\n * A colored badge for Buildmyiq domain statuses (course status, enrollment\n * status, assessment status, submission status, cohort status, certificate\n * status, lesson-progress status) plus course levels and skill categories, with\n * semantic color mapping. Accepts the raw server enum value.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { formatEnumLabel } from '../utils/formatters';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-[var(--color-accent-soft)] text-text-primary',\n  outline: 'border border-border-seam text-text-primary',\n};\n\n// Statuses that represent a \"live\" / in-progress condition get a subtle,\n// opacity-only glow pulse (reduced-motion safe via motion-safe:).\nconst liveStatuses = new Set(['IN_PROGRESS', 'ACTIVE', 'GRADING']);\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Authoring lifecycle (course + assessment)\n  DRAFT: 'secondary',\n  IN_REVIEW: 'warning',\n  PUBLISHED: 'success',\n  ARCHIVED: 'outline',\n\n  // Enrollment status\n  ENROLLED: 'info',\n  IN_PROGRESS: 'info',\n  COMPLETED: 'success',\n  DROPPED: 'destructive',\n  EXPIRED: 'outline',\n\n  // Lesson-progress status\n  NOT_STARTED: 'secondary',\n\n  // Submission status\n  SUBMITTED: 'info',\n  GRADING: 'warning',\n  GRADED: 'success',\n  RETURNED: 'warning',\n\n  // Cohort status\n  SCHEDULED: 'secondary',\n  ENROLLING: 'info',\n  ACTIVE: 'success',\n  CANCELLED: 'destructive',\n\n  // Certificate status\n  ISSUED: 'success',\n  REVOKED: 'destructive',\n\n  // Course level\n  BEGINNER: 'success',\n  INTERMEDIATE: 'info',\n  ADVANCED: 'warning',\n  EXPERT: 'destructive',\n\n  // Skill category (neutral badges)\n  TECHNICAL: 'outline',\n  BUSINESS: 'outline',\n  CREATIVE: 'outline',\n  COGNITIVE: 'outline',\n  SOCIAL: 'outline',\n  LANGUAGE: 'outline',\n};\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const key = status.toUpperCase();\n  const variant = statusVariantMap[key] ?? 'secondary';\n  const isLive = liveStatuses.has(key);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {isLive && (\n        <span\n          aria-hidden=\"true\"\n          className=\"size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse\"\n        />\n      )}\n      {formatEnumLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAIK,IAAe,IAAI,IAAI;CAAC;CAAe;CAAU;CAAU,CAAC,EAE5D,IAAiD;CAErD,OAAO;CACP,WAAW;CACX,WAAW;CACX,UAAU;CAGV,UAAU;CACV,aAAa;CACb,WAAW;CACX,SAAS;CACT,SAAS;CAGT,aAAa;CAGb,WAAW;CACX,SAAS;CACT,QAAQ;CACR,UAAU;CAGV,WAAW;CACX,WAAW;CACX,QAAQ;CACR,WAAW;CAGX,QAAQ;CACR,SAAS;CAGT,UAAU;CACV,cAAc;CACd,UAAU;CACV,QAAQ;CAGR,WAAW;CACX,UAAU;CACV,UAAU;CACV,WAAW;CACX,QAAQ;CACR,UAAU;CACX,EAEY,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI;AAEpC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOG,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,CAAA,EAEH,EAAgB,EAAO,CACnB"}

package/dist/buildmyiq/components/Tabs.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/buildmyiq/components/Tabs.tsx
+function r({ items: r, value: i, onChange: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		className: e("flex flex-wrap items-center gap-1 border-b border-border-seam", o),
+		children: r.map((r) => {
+			let o = r.value === i;
+			return /* @__PURE__ */ n("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": o,
+				onClick: () => a(r.value),
+				className: e("relative -mb-px inline-flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors", o ? "border-accent text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+				children: [
+					r.icon,
+					r.label,
+					typeof r.count == "number" && /* @__PURE__ */ t("span", {
+						className: e("rounded-full px-1.5 py-0.5 text-xs tabular-nums", o ? "bg-[var(--color-accent-soft)] text-text-primary" : "bg-bg-sunken text-text-secondary"),
+						children: r.count
+					})
+				]
+			}, r.value);
+		})
+	});
+}
+//#endregion
+export { r as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/buildmyiq/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/buildmyiq/components/Tabs.tsx"],"sourcesContent":["/**\n * Tabs — a top-level segmented navigation control for multi-section pages\n * (Monitoring: Sensors/Measurements/Thresholds; Carbon: Ledger/Factors/Targets).\n * @module buildmyiq/components\n *\n * Visually heavier than {@link FilterTabs} (underline-style page tabs vs a pill\n * filter). Purely presentational — the parent owns the active-tab state.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface TabItem<V extends string> {\n  value: V;\n  label: string;\n  icon?: ReactNode;\n  count?: number;\n}\n\ninterface TabsProps<V extends string> {\n  items: TabItem<V>[];\n  value: V;\n  onChange: (value: V) => void;\n  className?: string;\n}\n\nexport function Tabs<V extends string>({ items, value, onChange, className }: TabsProps<V>) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn('flex flex-wrap items-center gap-1 border-b border-border-seam', className)}\n    >\n      {items.map((item) => {\n        const active = item.value === value;\n        return (\n          <button\n            key={item.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(item.value)}\n            className={cn(\n              'relative -mb-px inline-flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors',\n              active\n                ? 'border-accent text-text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            )}\n          >\n            {item.icon}\n            {item.label}\n            {typeof item.count === 'number' && (\n              <span\n                className={cn(\n                  'rounded-full px-1.5 py-0.5 text-xs tabular-nums',\n                  active\n                    ? 'bg-[var(--color-accent-soft)] text-text-primary'\n                    : 'bg-bg-sunken text-text-secondary'\n                )}\n              >\n                {item.count}\n              </span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AA0BA,SAAgB,EAAuB,EAAE,UAAO,UAAO,aAAU,gBAA2B;AAC1F,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EAAG,iEAAiE,EAAU;YAExF,EAAM,KAAK,MAAS;GACnB,IAAM,IAAS,EAAK,UAAU;AAC9B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACf,eAAe,EAAS,EAAK,MAAM;IACnC,WAAW,EACT,+GACA,IACI,oCACA,iEACL;cAXH;KAaG,EAAK;KACL,EAAK;KACL,OAAO,EAAK,SAAU,YACrB,kBAAC,QAAD;MACE,WAAW,EACT,mDACA,IACI,oDACA,mCACL;gBAEA,EAAK;MACD,CAAA;KAEF;MA1BF,EAAK,MA0BH;IAEX;EACE,CAAA"}

package/dist/buildmyiq/components/index.js

@@ -0,0 +1,14 @@
+import "./PageLayout.js";
+import "./MetricsCard.js";
+import "./StatusBadge.js";
+import "./EmptyState.js";
+import "./StateViews.js";
+import "./DataTable.js";
+import "./FilterTabs.js";
+import "./Tabs.js";
+import "./Pagination.js";
+import "./MiniBar.js";
+import "./EvidenceUpload.js";
+import "./FileLink.js";
+import "./BuiDiscussion.js";
+import "./BuiTags.js";