@burdenoff/microfe-buildmyiq 2026.512.1 → 2026.705.1

package/dist/buildmyiq/components/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/DataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;CACzC;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;CACpD;AAQD,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,WAAW,GACZ,EAAE,cAAc,CAAC,CAAC,CAAC,2CAqGnB"}

package/dist/buildmyiq/components/DataTable.js

@@ -0,0 +1,71 @@
+import { cn as e } from "../utils/cn.js";
+import { useMemo as t, useState as n } from "react";
+import { ChevronDown as r, ChevronUp as i, ChevronsUpDown as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { GlassCard as c } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/DataTable.tsx
+var l = {
+	left: "text-left",
+	right: "text-right",
+	center: "text-center"
+};
+function u({ columns: u, rows: d, rowKey: f, onRowClick: p, className: m, defaultSort: h }) {
+	let [g, _] = n(h ?? null), v = t(() => {
+		if (!g) return d;
+		let e = u.find((e) => e.key === g.key);
+		if (!e?.sortValue) return d;
+		let t = g.dir === "asc" ? 1 : -1;
+		return [...d].sort((n, r) => {
+			let i = e.sortValue(n), a = e.sortValue(r);
+			return i < a ? -1 * t : i > a ? 1 * t : 0;
+		});
+	}, [
+		d,
+		g,
+		u
+	]), y = (e) => {
+		_((t) => t?.key === e ? {
+			key: e,
+			dir: t.dir === "asc" ? "desc" : "asc"
+		} : {
+			key: e,
+			dir: "asc"
+		});
+	};
+	return /* @__PURE__ */ o(c, {
+		treatment: "plain",
+		className: e("overflow-hidden", m),
+		children: /* @__PURE__ */ o("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ s("table", {
+				className: "w-full border-collapse text-sm",
+				children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", {
+					className: "border-b border-border-seam",
+					children: u.map((t) => {
+						let n = !!t.sortValue, c = g?.key === t.key;
+						return /* @__PURE__ */ o("th", {
+							onClick: n ? () => y(t.key) : void 0,
+							"aria-sort": c ? g?.dir === "asc" ? "ascending" : "descending" : void 0,
+							className: e("px-4 py-3 font-medium text-text-secondary whitespace-nowrap", l[t.align ?? "left"], t.hideOnMobile && "hidden md:table-cell", n && "cursor-pointer select-none hover:text-text-primary"),
+							children: /* @__PURE__ */ s("span", {
+								className: e("inline-flex items-center gap-1", t.align === "right" && "flex-row-reverse"),
+								children: [t.header, n && (c ? g?.dir === "asc" ? /* @__PURE__ */ o(i, { className: "h-3.5 w-3.5 text-accent" }) : /* @__PURE__ */ o(r, { className: "h-3.5 w-3.5 text-accent" }) : /* @__PURE__ */ o(a, { className: "h-3.5 w-3.5 opacity-40" }))]
+							})
+						}, t.key);
+					})
+				}) }), /* @__PURE__ */ o("tbody", { children: v.map((t) => /* @__PURE__ */ o("tr", {
+					onClick: p ? () => p(t) : void 0,
+					className: e("group border-b border-border-seam/60 last:border-0", p && "cursor-pointer transition-colors hover:bg-bg-sunken/60"),
+					children: u.map((n) => /* @__PURE__ */ o("td", {
+						className: e("px-4 py-3 text-text-primary align-middle", l[n.align ?? "left"], n.hideOnMobile && "hidden md:table-cell", n.className),
+						children: n.render(t)
+					}, n.key))
+				}, f(t))) })]
+			})
+		})
+	});
+}
+//#endregion
+export { u as DataTable };
+
+//# sourceMappingURL=DataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/buildmyiq/components/DataTable.tsx"],"sourcesContent":["/**\n * DataTable — a lightweight, semantic-token table for list pages.\n * @module buildmyiq/components\n *\n * Deliberately minimal (no external table lib). Renders a responsive,\n * horizontally-scrollable table wrapped in a GlassCard. Columns declare a\n * header, a render fn, optional alignment, and optionally a `sortValue` to make\n * the column click-sortable.\n */\n\nimport { useMemo, useState, type ReactNode } from 'react';\nimport { ChevronUp, ChevronDown, ChevronsUpDown } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\nexport interface Column<T> {\n  key: string;\n  header: ReactNode;\n  render: (row: T) => ReactNode;\n  align?: 'left' | 'right' | 'center';\n  className?: string;\n  /** Hide below the `md` breakpoint for a mobile-friendly layout. */\n  hideOnMobile?: boolean;\n  /** Provide to make this column click-sortable (returns a comparable value). */\n  sortValue?: (row: T) => string | number;\n}\n\ninterface DataTableProps<T> {\n  columns: Column<T>[];\n  rows: T[];\n  rowKey: (row: T) => string;\n  onRowClick?: (row: T) => void;\n  className?: string;\n  /** Default sort: a column key + direction. */\n  defaultSort?: { key: string; dir: 'asc' | 'desc' };\n}\n\nconst alignClass = {\n  left: 'text-left',\n  right: 'text-right',\n  center: 'text-center',\n} as const;\n\nexport function DataTable<T>({\n  columns,\n  rows,\n  rowKey,\n  onRowClick,\n  className,\n  defaultSort,\n}: DataTableProps<T>) {\n  const [sort, setSort] = useState<{ key: string; dir: 'asc' | 'desc' } | null>(\n    defaultSort ?? null\n  );\n\n  const sortedRows = useMemo(() => {\n    if (!sort) return rows;\n    const col = columns.find((c) => c.key === sort.key);\n    if (!col?.sortValue) return rows;\n    const dir = sort.dir === 'asc' ? 1 : -1;\n    return [...rows].sort((a, b) => {\n      const va = col.sortValue!(a);\n      const vb = col.sortValue!(b);\n      if (va < vb) return -1 * dir;\n      if (va > vb) return 1 * dir;\n      return 0;\n    });\n  }, [rows, sort, columns]);\n\n  const toggleSort = (key: string) => {\n    setSort((prev) =>\n      prev?.key === key ? { key, dir: prev.dir === 'asc' ? 'desc' : 'asc' } : { key, dir: 'asc' }\n    );\n  };\n\n  return (\n    <GlassCard treatment=\"plain\" className={cn('overflow-hidden', className)}>\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full border-collapse text-sm\">\n          <thead>\n            <tr className=\"border-b border-border-seam\">\n              {columns.map((col) => {\n                const sortable = Boolean(col.sortValue);\n                const active = sort?.key === col.key;\n                return (\n                  <th\n                    key={col.key}\n                    onClick={sortable ? () => toggleSort(col.key) : undefined}\n                    aria-sort={\n                      active ? (sort?.dir === 'asc' ? 'ascending' : 'descending') : undefined\n                    }\n                    className={cn(\n                      'px-4 py-3 font-medium text-text-secondary whitespace-nowrap',\n                      alignClass[col.align ?? 'left'],\n                      col.hideOnMobile && 'hidden md:table-cell',\n                      sortable && 'cursor-pointer select-none hover:text-text-primary'\n                    )}\n                  >\n                    <span\n                      className={cn(\n                        'inline-flex items-center gap-1',\n                        col.align === 'right' && 'flex-row-reverse'\n                      )}\n                    >\n                      {col.header}\n                      {sortable &&\n                        (active ? (\n                          sort?.dir === 'asc' ? (\n                            <ChevronUp className=\"h-3.5 w-3.5 text-accent\" />\n                          ) : (\n                            <ChevronDown className=\"h-3.5 w-3.5 text-accent\" />\n                          )\n                        ) : (\n                          <ChevronsUpDown className=\"h-3.5 w-3.5 opacity-40\" />\n                        ))}\n                    </span>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            {sortedRows.map((row) => (\n              <tr\n                key={rowKey(row)}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                className={cn(\n                  'group border-b border-border-seam/60 last:border-0',\n                  onRowClick && 'cursor-pointer transition-colors hover:bg-bg-sunken/60'\n                )}\n              >\n                {columns.map((col) => (\n                  <td\n                    key={col.key}\n                    className={cn(\n                      'px-4 py-3 text-text-primary align-middle',\n                      alignClass[col.align ?? 'left'],\n                      col.hideOnMobile && 'hidden md:table-cell',\n                      col.className\n                    )}\n                  >\n                    {col.render(row)}\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;AAqCA,IAAM,IAAa;CACjB,MAAM;CACN,OAAO;CACP,QAAQ;CACT;AAED,SAAgB,EAAa,EAC3B,YACA,SACA,WACA,eACA,cACA,kBACoB;CACpB,IAAM,CAAC,GAAM,KAAW,EACtB,KAAe,KAChB,EAEK,IAAa,QAAc;AAC/B,MAAI,CAAC,EAAM,QAAO;EAClB,IAAM,IAAM,EAAQ,MAAM,MAAM,EAAE,QAAQ,EAAK,IAAI;AACnD,MAAI,CAAC,GAAK,UAAW,QAAO;EAC5B,IAAM,IAAM,EAAK,QAAQ,QAAQ,IAAI;AACrC,SAAO,CAAC,GAAG,EAAK,CAAC,MAAM,GAAG,MAAM;GAC9B,IAAM,IAAK,EAAI,UAAW,EAAE,EACtB,IAAK,EAAI,UAAW,EAAE;AAG5B,UAFI,IAAK,IAAW,KAAK,IACrB,IAAK,IAAW,IAAI,IACjB;IACP;IACD;EAAC;EAAM;EAAM;EAAQ,CAAC,EAEnB,KAAc,MAAgB;AAClC,KAAS,MACP,GAAM,QAAQ,IAAM;GAAE;GAAK,KAAK,EAAK,QAAQ,QAAQ,SAAS;GAAO,GAAG;GAAE;GAAK,KAAK;GAAO,CAC5F;;AAGH,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAW,EAAG,mBAAmB,EAAU;YACtE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAQ,KAAK,MAAQ;MACpB,IAAM,IAAW,EAAQ,EAAI,WACvB,IAAS,GAAM,QAAQ,EAAI;AACjC,aACE,kBAAC,MAAD;OAEE,SAAS,UAAiB,EAAW,EAAI,IAAI,GAAG,KAAA;OAChD,aACE,IAAU,GAAM,QAAQ,QAAQ,cAAc,eAAgB,KAAA;OAEhE,WAAW,EACT,+DACA,EAAW,EAAI,SAAS,SACxB,EAAI,gBAAgB,wBACpB,KAAY,qDACb;iBAED,kBAAC,QAAD;QACE,WAAW,EACT,kCACA,EAAI,UAAU,WAAW,mBAC1B;kBAJH,CAMG,EAAI,QACJ,MACE,IACC,GAAM,QAAQ,QACZ,kBAAC,GAAD,EAAW,WAAU,2BAA4B,CAAA,GAEjD,kBAAC,GAAD,EAAa,WAAU,2BAA4B,CAAA,GAGrD,kBAAC,GAAD,EAAgB,WAAU,0BAA2B,CAAA,EAEpD;;OACJ,EA9BE,EAAI,IA8BN;OAEP;KACC,CAAA,EACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAW,KAAK,MACf,kBAAC,MAAD;KAEE,SAAS,UAAmB,EAAW,EAAI,GAAG,KAAA;KAC9C,WAAW,EACT,sDACA,KAAc,yDACf;eAEA,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAEE,WAAW,EACT,4CACA,EAAW,EAAI,SAAS,SACxB,EAAI,gBAAgB,wBACpB,EAAI,UACL;gBAEA,EAAI,OAAO,EAAI;MACb,EATE,EAAI,IASN,CACL;KACC,EApBE,EAAO,EAAI,CAoBb,CACL,EACI,CAAA,CACF;;GACJ,CAAA;EACI,CAAA"}

package/dist/buildmyiq/components/EmptyState.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+
+interface EmptyStateProps {
+    icon?: ReactNode;
+    /**
+     * On-brand illustration name → `/illustrations/<name>.webp`. Standard names:
+     * empty-data, empty-search, empty-files, empty-people, empty-notifications,
+     * onboarding, empty-generic.
+     */
+    illustration?: string;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+export declare const EmptyState: FC<EmptyStateProps>;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/buildmyiq/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8B1C,CAAC"}

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.d.ts

@@ -0,0 +1,14 @@
+import { UploadedBuiFile } from '../hooks';
+
+interface EvidenceUploadProps {
+    id: string;
+    label: string;
+    value: UploadedBuiFile | null;
+    onChange: (value: UploadedBuiFile | null) => void;
+    accept?: string;
+    disabled?: boolean;
+    hint?: string;
+}
+export declare function EvidenceUpload({ id, label, value, onChange, accept, disabled, hint, }: EvidenceUploadProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EvidenceUpload.d.ts.map

package/dist/buildmyiq/components/EvidenceUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvidenceUpload.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/EvidenceUpload.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAElE,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAA0C,EAC1C,QAAgB,EAChB,IAAI,GACL,EAAE,mBAAmB,2CAkFrB"}

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.d.ts

@@ -0,0 +1,15 @@
+/**
+ * FileLink — resolves a federated File id to a download link (Integration A).
+ * @module buildmyiq/components/FileLink
+ *
+ * The buildmyiq queries select `cover { id }` / `media { id }` (just the id). This
+ * resolves the platform File via `getFile(id)` for its name + signed
+ * `downloadUrl` so evidence/report artifacts render as a real link.
+ */
+interface FileLinkProps {
+    fileId: string | null | undefined;
+    className?: string;
+}
+export declare function FileLink({ fileId, className }: FileLinkProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FileLink.d.ts.map

package/dist/buildmyiq/components/FileLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileLink.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/FileLink.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,aAAa,kDA0C5D"}

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.d.ts

@@ -0,0 +1,18 @@
+/**
+ * FilterTabs — a segmented status/enum filter control.
+ * @module buildmyiq/components
+ */
+export interface FilterOption<V extends string> {
+    value: V;
+    label: string;
+    count?: number;
+}
+interface FilterTabsProps<V extends string> {
+    options: FilterOption<V>[];
+    value: V;
+    onChange: (value: V) => void;
+    className?: string;
+}
+export declare function FilterTabs<V extends string>({ options, value, onChange, className, }: FilterTabsProps<V>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterTabs.d.ts.map

package/dist/buildmyiq/components/FilterTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTabs.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/FilterTabs.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM;IAC5C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe,CAAC,CAAC,SAAS,MAAM;IACxC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EAC3C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,2CAyCpB"}

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.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+import { TrendDirection } from '../types';
+
+type Accent = 'success' | 'warning' | 'error';
+interface MetricsCardProps {
+    icon: ReactNode;
+    value: string | number;
+    label: string;
+    trend?: TrendDirection;
+    trendValue?: string;
+    className?: string;
+    /** Render as the page's hero metric (glass treatment + accent glow). */
+    featured?: boolean;
+    /** Severity accent — tints the icon and adds a soft top-edge glow. */
+    accent?: Accent;
+    /** Optional pill shown in the top-right (e.g. "Critical"). */
+    pill?: ReactNode;
+    /** Optional slot under the value (e.g. a MiniBar or sub-label). */
+    footer?: ReactNode;
+}
+export declare const MetricsCard: FC<MetricsCardProps>;
+export {};
+//# sourceMappingURL=MetricsCard.d.ts.map

package/dist/buildmyiq/components/MetricsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsCard.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/MetricsCard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9C,UAAU,gBAAgB;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAoBD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsC5C,CAAC"}

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.d.ts

@@ -0,0 +1,16 @@
+/**
+ * MiniBar — a thin inline progress bar (target progress, completion, breach %).
+ * @module buildmyiq/components
+ */
+interface MiniBarProps {
+    /** 0–100. */
+    value: number;
+    className?: string;
+    /** Bar fill token class (defaults to accent). */
+    barClassName?: string;
+    /** Height in px. */
+    height?: number;
+}
+export declare function MiniBar({ value, className, barClassName, height, }: MiniBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MiniBar.d.ts.map

package/dist/buildmyiq/components/MiniBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniBar.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/MiniBar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,UAAU,YAAY;IACpB,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,SAAS,EACT,YAA0B,EAC1B,MAAU,GACX,EAAE,YAAY,2CAiBd"}

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.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+
+interface PageLayoutProps {
+    title: ReactNode;
+    description?: string;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    /** Render the title as a gradient hero heading (reserve for the ONE primary page). */
+    titleGradient?: boolean;
+    /** Drop a subtle living-glass aurora behind the header (primary page only). */
+    aurora?: boolean;
+}
+export declare const PageLayout: FC<PageLayoutProps>;
+export {};
+//# sourceMappingURL=PageLayout.d.ts.map

package/dist/buildmyiq/components/PageLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/PageLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoC1C,CAAC"}

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