@burdenoff/microfe-timecampus 2026.624.1 → 2026.626.1

package/dist/timecampus/components/EmptyState.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { IllustratedEmptyState as t } from "@burdenoff/fe-libs/ui";
+//#region src/timecampus/components/EmptyState.tsx
+var n = ({ title: n, description: r, action: i, className: a, illustration: o = "empty-data" }) => /* @__PURE__ */ e(t, {
+	illustration: o,
+	title: n,
+	description: r,
+	action: i,
+	className: a
+});
+//#endregion
+export { n as EmptyState };
+
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/timecampus/components/EmptyState.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { IllustratedEmptyState } from \"@burdenoff/fe-libs/ui\";\n\ninterface EmptyStateProps {\n  /** Retained for backward compatibility; superseded by the illustration. */\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n  /**\n   * Illustration name served from the host shell's /illustrations/<name>.webp.\n   * Defaults to the neutral \"empty-data\" asset.\n   */\n  illustration?: string;\n}\n\nexport const EmptyState: FC<EmptyStateProps> = ({\n  title,\n  description,\n  action,\n  className,\n  illustration = \"empty-data\",\n}) => {\n  return (\n    <IllustratedEmptyState\n      illustration={illustration}\n      title={title}\n      description={description}\n      action={action}\n      className={className}\n    />\n  );\n};\n"],"mappings":";;;AAiBA,IAAa,KAAmC,EAC9C,UACA,gBACA,WACA,cACA,kBAAe,mBAGb,kBAAC,GAAD;CACgB;CACP;CACM;CACL;CACG;CACX,CAAA"}

package/dist/timecampus/components/ErrorBoundary.js

@@ -26,9 +26,9 @@ var a = class extends e {
 	};
 	render() {
 		return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ i("div", {
-			className: "flex flex-col items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-12 text-center dark:border-red-800 dark:bg-red-900/10",
+			className: "flex flex-col items-center justify-center rounded-lg border border-dashed border-status-error-bg/50 bg-status-error-bg p-12 text-center",
 			children: [
-				/* @__PURE__ */ r(t, { className: "mb-4 h-12 w-12 text-red-500" }),
+				/* @__PURE__ */ r(t, { className: "mb-4 h-12 w-12 text-status-error-text" }),
 				/* @__PURE__ */ r("h3", {
 					className: "text-lg font-medium text-text-primary",
 					children: "Something went wrong"

package/dist/timecampus/components/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","names":[],"sources":["../../../src/timecampus/components/ErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode, type ErrorInfo } from \"react\";\nimport { AlertTriangle, RefreshCw } from \"lucide-react\";\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\nexport class ErrorBoundary extends Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(\"[TimeCampus ErrorBoundary]\", error, errorInfo);\n  }\n\n  handleReset = () => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render() {\n    if (this.state.hasError) {\n      if (this.props.fallback) return this.props.fallback;\n\n      return (\n        <div className=\"flex flex-col items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-12 text-center dark:border-red-800 dark:bg-red-900/10\">\n          <AlertTriangle className=\"mb-4 h-12 w-12 text-red-500\" />\n          <h3 className=\"text-lg font-medium text-text-primary\">\n            Something went wrong\n          </h3>\n          <p className=\"mt-1 max-w-md text-sm text-text-secondary\">\n            {this.state.error?.message ??\n              \"An unexpected error occurred while rendering this section.\"}\n          </p>\n          <button\n            onClick={this.handleReset}\n            className=\"mt-4 flex items-center gap-1.5 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90\"\n          >\n            <RefreshCw className=\"h-4 w-4\" /> Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;AAaA,IAAa,IAAb,cAAmC,EAGjC;CACA,YAAY,GAA2B;AAErC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM;;CAG/C,OAAO,yBAAyB,GAAkC;AAChE,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAAsB;AACpD,UAAQ,MAAM,8BAA8B,GAAO,EAAU;;CAG/D,oBAAoB;AAClB,OAAK,SAAS;GAAE,UAAU;GAAO,OAAO;GAAM,CAAC;;CAGjD,SAAS;AAwBP,SAvBI,KAAK,MAAM,WACT,KAAK,MAAM,WAAiB,KAAK,MAAM,WAGzC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAe,WAAU,+BAAgC,CAAA;IACzD,kBAAC,MAAD;KAAI,WAAU;eAAwC;KAEjD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,KAAK,MAAM,OAAO,WACjB;KACA,CAAA;IACJ,kBAAC,UAAD;KACE,SAAS,KAAK;KACd,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,aAC1B;;IACL;OAIH,KAAK,MAAM"}
+{"version":3,"file":"ErrorBoundary.js","names":[],"sources":["../../../src/timecampus/components/ErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode, type ErrorInfo } from \"react\";\nimport { AlertTriangle, RefreshCw } from \"lucide-react\";\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\nexport class ErrorBoundary extends Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(\"[TimeCampus ErrorBoundary]\", error, errorInfo);\n  }\n\n  handleReset = () => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render() {\n    if (this.state.hasError) {\n      if (this.props.fallback) return this.props.fallback;\n\n      return (\n        <div className=\"flex flex-col items-center justify-center rounded-lg border border-dashed border-status-error-bg/50 bg-status-error-bg p-12 text-center\">\n          <AlertTriangle className=\"mb-4 h-12 w-12 text-status-error-text\" />\n          <h3 className=\"text-lg font-medium text-text-primary\">\n            Something went wrong\n          </h3>\n          <p className=\"mt-1 max-w-md text-sm text-text-secondary\">\n            {this.state.error?.message ??\n              \"An unexpected error occurred while rendering this section.\"}\n          </p>\n          <button\n            onClick={this.handleReset}\n            className=\"mt-4 flex items-center gap-1.5 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90\"\n          >\n            <RefreshCw className=\"h-4 w-4\" /> Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;AAaA,IAAa,IAAb,cAAmC,EAGjC;CACA,YAAY,GAA2B;AAErC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM;;CAG/C,OAAO,yBAAyB,GAAkC;AAChE,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAAsB;AACpD,UAAQ,MAAM,8BAA8B,GAAO,EAAU;;CAG/D,oBAAoB;AAClB,OAAK,SAAS;GAAE,UAAU;GAAO,OAAO;GAAM,CAAC;;CAGjD,SAAS;AAwBP,SAvBI,KAAK,MAAM,WACT,KAAK,MAAM,WAAiB,KAAK,MAAM,WAGzC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAe,WAAU,yCAA0C,CAAA;IACnE,kBAAC,MAAD;KAAI,WAAU;eAAwC;KAEjD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,KAAK,MAAM,OAAO,WACjB;KACA,CAAA;IACJ,kBAAC,UAAD;KACE,SAAS,KAAK;KACd,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,aAC1B;;IACL;OAIH,KAAK,MAAM"}

package/dist/timecampus/components/LoadingSkeleton.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../utils/helpers.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/timecampus/components/LoadingSkeleton.tsx
-var r = ({ className: n }) => /* @__PURE__ */ t("div", { className: e("animate-pulse rounded-md bg-bg-sunken", n) }), i = ({ variant: i = "card", count: a = 3, className: o }) => i === "table" ? /* @__PURE__ */ t("div", {
+var r = ({ className: n }) => /* @__PURE__ */ t("div", { className: e("relative overflow-hidden rounded-md bg-bg-sunken", "after:absolute after:inset-0 after:-translate-x-full after:bg-gradient-to-r after:from-transparent after:via-bg-surface/60 after:to-transparent motion-safe:after:animate-vc-shimmer", n) }), i = ({ variant: i = "card", count: a = 3, className: o }) => i === "table" ? /* @__PURE__ */ t("div", {
 	className: e("space-y-3", o),
 	children: /* @__PURE__ */ n("div", {
 		className: "overflow-hidden rounded-lg border border-border-subtle",

package/dist/timecampus/components/LoadingSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSkeleton.js","names":[],"sources":["../../../src/timecampus/components/LoadingSkeleton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { cn } from \"../utils/helpers\";\n\ninterface SkeletonProps {\n  className?: string;\n}\n\nconst Skeleton: FC<SkeletonProps> = ({ className }) => (\n  <div className={cn(\"animate-pulse rounded-md bg-bg-sunken\", className)} />\n);\n\ninterface LoadingSkeletonProps {\n  variant?: \"card\" | \"table\" | \"list\" | \"detail\";\n  count?: number;\n  className?: string;\n}\n\nexport const LoadingSkeleton: FC<LoadingSkeletonProps> = ({\n  variant = \"card\",\n  count = 3,\n  className,\n}) => {\n  if (variant === \"table\") {\n    return (\n      <div className={cn(\"space-y-3\", className)}>\n        <div className=\"overflow-hidden rounded-lg border border-border-subtle\">\n          <div className=\"border-b border-border-subtle bg-bg-sunken/50 px-4 py-3\">\n            <div className=\"flex gap-4\">\n              {Array.from({ length: 5 }).map((_, i) => (\n                <Skeleton key={i} className=\"h-4 w-20\" />\n              ))}\n            </div>\n          </div>\n          {Array.from({ length: count }).map((_, i) => (\n            <div\n              key={i}\n              className=\"flex gap-4 border-b border-border-subtle px-4 py-3 last:border-b-0\"\n            >\n              {Array.from({ length: 5 }).map((_, j) => (\n                <Skeleton key={j} className=\"h-4 w-20\" />\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (variant === \"list\") {\n    return (\n      <div className={cn(\"space-y-2\", className)}>\n        {Array.from({ length: count }).map((_, i) => (\n          <div\n            key={i}\n            className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-4\"\n          >\n            <Skeleton className=\"h-10 w-10 rounded-full\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-4 w-1/3\" />\n              <Skeleton className=\"h-3 w-2/3\" />\n            </div>\n            <Skeleton className=\"h-6 w-16 rounded-full\" />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  if (variant === \"detail\") {\n    return (\n      <div className={cn(\"space-y-6\", className)}>\n        <div className=\"space-y-2\">\n          <Skeleton className=\"h-8 w-1/3\" />\n          <Skeleton className=\"h-4 w-1/2\" />\n        </div>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div key={i} className=\"rounded-lg border border-border-subtle p-4\">\n              <Skeleton className=\"h-3 w-20\" />\n              <Skeleton className=\"mt-2 h-7 w-16\" />\n            </div>\n          ))}\n        </div>\n        <div className=\"rounded-lg border border-border-subtle p-6\">\n          <Skeleton className=\"h-5 w-1/4\" />\n          <div className=\"mt-4 space-y-3\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-5/6\" />\n            <Skeleton className=\"h-4 w-4/6\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Default: card grid\n  return (\n    <div className={cn(\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\", className)}>\n      {Array.from({ length: count }).map((_, i) => (\n        <div key={i} className=\"rounded-lg border border-border-subtle p-4\">\n          <Skeleton className=\"h-4 w-2/3\" />\n          <Skeleton className=\"mt-2 h-3 w-1/2\" />\n          <Skeleton className=\"mt-4 h-8 w-24\" />\n          <div className=\"mt-3 flex justify-between\">\n            <Skeleton className=\"h-5 w-16 rounded-full\" />\n            <Skeleton className=\"h-7 w-14 rounded-md\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;AAOA,IAAM,KAA+B,EAAE,mBACrC,kBAAC,OAAD,EAAK,WAAW,EAAG,yCAAyC,EAAU,EAAI,CAAA,EAS/D,KAA6C,EACxD,aAAU,QACV,WAAQ,GACR,mBAEI,MAAY,UAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WACxC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAkB,WAAU,YAAa,EAA1B,EAA0B,CACzC;IACE,CAAA;GACF,CAAA,EACL,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;GAEE,WAAU;aAET,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAkB,WAAU,YAAa,EAA1B,EAA0B,CACzC;GACE,EANC,EAMD,CACN,CACE;;CACF,CAAA,GAIN,MAAY,SAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WACvC,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;EAEE,WAAU;YAFZ;GAIE,kBAAC,GAAD,EAAU,WAAU,0BAA2B,CAAA;GAC/C,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;;GACN,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;GAC1C;IATC,EASD,CACN;CACE,CAAA,GAIN,MAAY,WAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WAA1C;EACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;;EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA,EACjC,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA,CAClC;MAHI,EAGJ,CACN;GACE,CAAA;EACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA;KACnC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;KAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;KAC9B;MACF;;EACF;KAMR,kBAAC,OAAD;CAAK,WAAW,EAAG,4CAA4C,EAAU;WACtE,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;EAAa,WAAU;YAAvB;GACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,kBAAmB,CAAA;GACvC,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA;GACtC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA,EAC9C,kBAAC,GAAD,EAAU,WAAU,uBAAwB,CAAA,CACxC;;GACF;IARI,EAQJ,CACN;CACE,CAAA"}
+{"version":3,"file":"LoadingSkeleton.js","names":[],"sources":["../../../src/timecampus/components/LoadingSkeleton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { cn } from \"../utils/helpers\";\n\ninterface SkeletonProps {\n  className?: string;\n}\n\nconst Skeleton: FC<SkeletonProps> = ({ className }) => (\n  <div\n    className={cn(\n      \"relative overflow-hidden rounded-md bg-bg-sunken\",\n      \"after:absolute after:inset-0 after:-translate-x-full after:bg-gradient-to-r after:from-transparent after:via-bg-surface/60 after:to-transparent motion-safe:after:animate-vc-shimmer\",\n      className,\n    )}\n  />\n);\n\ninterface LoadingSkeletonProps {\n  variant?: \"card\" | \"table\" | \"list\" | \"detail\";\n  count?: number;\n  className?: string;\n}\n\nexport const LoadingSkeleton: FC<LoadingSkeletonProps> = ({\n  variant = \"card\",\n  count = 3,\n  className,\n}) => {\n  if (variant === \"table\") {\n    return (\n      <div className={cn(\"space-y-3\", className)}>\n        <div className=\"overflow-hidden rounded-lg border border-border-subtle\">\n          <div className=\"border-b border-border-subtle bg-bg-sunken/50 px-4 py-3\">\n            <div className=\"flex gap-4\">\n              {Array.from({ length: 5 }).map((_, i) => (\n                <Skeleton key={i} className=\"h-4 w-20\" />\n              ))}\n            </div>\n          </div>\n          {Array.from({ length: count }).map((_, i) => (\n            <div\n              key={i}\n              className=\"flex gap-4 border-b border-border-subtle px-4 py-3 last:border-b-0\"\n            >\n              {Array.from({ length: 5 }).map((_, j) => (\n                <Skeleton key={j} className=\"h-4 w-20\" />\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (variant === \"list\") {\n    return (\n      <div className={cn(\"space-y-2\", className)}>\n        {Array.from({ length: count }).map((_, i) => (\n          <div\n            key={i}\n            className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-4\"\n          >\n            <Skeleton className=\"h-10 w-10 rounded-full\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-4 w-1/3\" />\n              <Skeleton className=\"h-3 w-2/3\" />\n            </div>\n            <Skeleton className=\"h-6 w-16 rounded-full\" />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  if (variant === \"detail\") {\n    return (\n      <div className={cn(\"space-y-6\", className)}>\n        <div className=\"space-y-2\">\n          <Skeleton className=\"h-8 w-1/3\" />\n          <Skeleton className=\"h-4 w-1/2\" />\n        </div>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div key={i} className=\"rounded-lg border border-border-subtle p-4\">\n              <Skeleton className=\"h-3 w-20\" />\n              <Skeleton className=\"mt-2 h-7 w-16\" />\n            </div>\n          ))}\n        </div>\n        <div className=\"rounded-lg border border-border-subtle p-6\">\n          <Skeleton className=\"h-5 w-1/4\" />\n          <div className=\"mt-4 space-y-3\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-5/6\" />\n            <Skeleton className=\"h-4 w-4/6\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Default: card grid\n  return (\n    <div className={cn(\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\", className)}>\n      {Array.from({ length: count }).map((_, i) => (\n        <div key={i} className=\"rounded-lg border border-border-subtle p-4\">\n          <Skeleton className=\"h-4 w-2/3\" />\n          <Skeleton className=\"mt-2 h-3 w-1/2\" />\n          <Skeleton className=\"mt-4 h-8 w-24\" />\n          <div className=\"mt-3 flex justify-between\">\n            <Skeleton className=\"h-5 w-16 rounded-full\" />\n            <Skeleton className=\"h-7 w-14 rounded-md\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;AAOA,IAAM,KAA+B,EAAE,mBACrC,kBAAC,OAAD,EACE,WAAW,EACT,oDACA,wLACA,EACD,EACD,CAAA,EASS,KAA6C,EACxD,aAAU,QACV,WAAQ,GACR,mBAEI,MAAY,UAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WACxC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAkB,WAAU,YAAa,EAA1B,EAA0B,CACzC;IACE,CAAA;GACF,CAAA,EACL,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;GAEE,WAAU;aAET,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAkB,WAAU,YAAa,EAA1B,EAA0B,CACzC;GACE,EANC,EAMD,CACN,CACE;;CACF,CAAA,GAIN,MAAY,SAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WACvC,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;EAEE,WAAU;YAFZ;GAIE,kBAAC,GAAD,EAAU,WAAU,0BAA2B,CAAA;GAC/C,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;;GACN,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;GAC1C;IATC,EASD,CACN;CACE,CAAA,GAIN,MAAY,WAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WAA1C;EACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;;EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA,EACjC,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA,CAClC;MAHI,EAGJ,CACN;GACE,CAAA;EACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA;KACnC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;KAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;KAC9B;MACF;;EACF;KAMR,kBAAC,OAAD;CAAK,WAAW,EAAG,4CAA4C,EAAU;WACtE,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;EAAa,WAAU;YAAvB;GACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,kBAAmB,CAAA;GACvC,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA;GACtC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA,EAC9C,kBAAC,GAAD,EAAU,WAAU,uBAAwB,CAAA,CACxC;;GACF;IARI,EAQJ,CACN;CACE,CAAA"}

package/dist/timecampus/components/PageLayout.js

@@ -1,23 +1,35 @@
 import { cn as e } from "../utils/helpers.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { GradientText as r, PagePurpose as i } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/components/PageLayout.tsx
-var r = ({ title: r, description: i, actions: a, children: o, className: s }) => /* @__PURE__ */ n("div", {
-	className: e("min-h-full p-4 sm:p-6", s),
+var a = ({ title: a, description: o, purpose: s, purposeLearnMoreHref: c, actions: l, children: u, className: d }) => /* @__PURE__ */ n("div", {
+	className: e("min-h-full p-4 sm:p-6", d),
 	children: [/* @__PURE__ */ n("div", {
-		className: "mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-		children: [/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("h1", {
-			className: "text-2xl font-bold text-text-primary",
-			children: r
-		}), i && /* @__PURE__ */ t("p", {
-			className: "mt-1 text-sm text-text-secondary",
-			children: i
-		})] }), a && /* @__PURE__ */ t("div", {
-			className: "flex items-center gap-2",
-			children: a
+		className: "mb-6 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+		children: [/* @__PURE__ */ n("div", {
+			className: "min-w-0",
+			children: [
+				/* @__PURE__ */ t("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: /* @__PURE__ */ t(r, { children: a })
+				}),
+				o && /* @__PURE__ */ t("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: o
+				}),
+				s && /* @__PURE__ */ t(i, {
+					className: "mt-2 max-w-3xl",
+					learnMoreHref: c,
+					children: s
+				})
+			]
+		}), l && /* @__PURE__ */ t("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: l
 		})]
-	}), o]
+	}), u]
 });
 //#endregion
-export { r as PageLayout };
+export { a as PageLayout };
 
 //# sourceMappingURL=PageLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/timecampus/components/PageLayout.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { cn } from \"../utils/helpers\";\n\ninterface PageLayoutProps {\n  title: string;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n}) => {\n  return (\n    <div className={cn(\"min-h-full p-4 sm:p-6\", className)}>\n      <div className=\"mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">{title}</h1>\n          {description && (\n            <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;AAWA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,mBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,yBAAyB,EAAU;WAAtD,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAAwC;GAAW,CAAA,EAChE,KACC,kBAAC,KAAD;GAAG,WAAU;aAAoC;GAAgB,CAAA,CAE/D,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;GAAK,WAAU;aAA2B;GAAc,CAAA,CAChE;KACL,EACG"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/timecampus/components/PageLayout.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { GradientText, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/helpers\";\n\ninterface PageLayoutProps {\n  title: string;\n  description?: string;\n  /**\n   * The page's \"story\": a concise, plain-language explanation of what this\n   * page/feature is for and the real-world use-case. Rendered just under the\n   * header so every page is self-explanatory to a new user. Prefer this over a\n   * terse `description` for primary pages.\n   */\n  purpose?: ReactNode;\n  /** Optional \"Learn more\" link rendered inline with the purpose copy. */\n  purposeLearnMoreHref?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  purpose,\n  purposeLearnMoreHref,\n  actions,\n  children,\n  className,\n}) => {\n  return (\n    <div className={cn(\"min-h-full p-4 sm:p-6\", className)}>\n      <div className=\"mb-6 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n        <div className=\"min-w-0\">\n          <h1 className=\"text-2xl font-bold text-text-primary\">\n            <GradientText>{title}</GradientText>\n          </h1>\n          {description && (\n            <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>\n          )}\n          {purpose && (\n            <PagePurpose\n              className=\"mt-2 max-w-3xl\"\n              learnMoreHref={purposeLearnMoreHref}\n            >\n              {purpose}\n            </PagePurpose>\n          )}\n        </div>\n        {actions && (\n          <div className=\"flex flex-wrap items-center gap-2\">{actions}</div>\n        )}\n      </div>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,yBACA,YACA,aACA,mBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,yBAAyB,EAAU;WAAtD,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAe,GAAqB,CAAA;KACjC,CAAA;IACJ,KACC,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA;IAElE,KACC,kBAAC,GAAD;KACE,WAAU;KACV,eAAe;eAEd;KACW,CAAA;IAEZ;MACL,KACC,kBAAC,OAAD;GAAK,WAAU;aAAqC;GAAc,CAAA,CAEhE;KACL,EACG"}

package/dist/timecampus/components/StatCard.js

@@ -1,9 +1,12 @@
 import { cn as e } from "../utils/helpers.js";
 import { ArrowDown as t, ArrowUp as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { GlassCard as a } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/components/StatCard.tsx
-var a = ({ title: a, value: o, icon: s, trend: c, description: l, className: u, iconBgColor: d }) => /* @__PURE__ */ r("div", {
-	className: e("rounded-xl border border-border-subtle bg-bg-surface p-4 sm:p-6", u),
+var o = ({ title: o, value: s, icon: c, trend: l, description: u, className: d, iconBgColor: f, featured: p = !1 }) => /* @__PURE__ */ r(a, {
+	treatment: p ? "glass" : "metric",
+	glow: p,
+	className: e("p-4 sm:p-6", d),
 	children: /* @__PURE__ */ i("div", {
 		className: "flex items-start justify-between",
 		children: [/* @__PURE__ */ i("div", {
@@ -11,38 +14,38 @@ var a = ({ title: a, value: o, icon: s, trend: c, description: l, className: u,
 			children: [
 				/* @__PURE__ */ r("p", {
 					className: "text-sm font-medium text-text-secondary truncate",
-					children: a
+					children: o
 				}),
 				/* @__PURE__ */ r("p", {
-					className: "mt-2 text-2xl font-bold text-text-primary",
-					children: o
+					className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+					children: s
 				}),
-				c && /* @__PURE__ */ i("div", {
+				l && /* @__PURE__ */ i("div", {
 					className: "mt-2 flex items-center gap-1",
 					children: [
-						c.value >= 0 ? /* @__PURE__ */ r(n, { className: "h-3 w-3 text-emerald-500" }) : /* @__PURE__ */ r(t, { className: "h-3 w-3 text-red-500" }),
+						l.value >= 0 ? /* @__PURE__ */ r(n, { className: "h-3 w-3 text-status-success-text" }) : /* @__PURE__ */ r(t, { className: "h-3 w-3 text-status-error-text" }),
 						/* @__PURE__ */ i("span", {
-							className: e("text-xs font-medium", c.value >= 0 ? "text-emerald-600 dark:text-emerald-400" : "text-red-600 dark:text-red-400"),
-							children: [Math.abs(c.value), "%"]
+							className: e("text-xs font-medium tabular-nums", l.value >= 0 ? "text-status-success-text" : "text-status-error-text"),
+							children: [Math.abs(l.value), "%"]
 						}),
 						/* @__PURE__ */ r("span", {
 							className: "text-xs text-text-secondary",
-							children: c.label
+							children: l.label
 						})
 					]
 				}),
-				l && /* @__PURE__ */ r("p", {
+				u && /* @__PURE__ */ r("p", {
 					className: "mt-1 text-xs text-text-secondary",
-					children: l
+					children: u
 				})
 			]
-		}), s && /* @__PURE__ */ r("div", {
-			className: e("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", d || "bg-action-primary-bg/10 text-primary"),
-			children: s
+		}), c && /* @__PURE__ */ r("div", {
+			className: e("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", f || "bg-action-primary-bg/10 text-primary"),
+			children: c
 		})]
 	})
 });
 //#endregion
-export { a as StatCard };
+export { o as StatCard };
 
 //# sourceMappingURL=StatCard.js.map

package/dist/timecampus/components/StatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/timecampus/components/StatCard.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { cn } from \"../utils/helpers\";\nimport { ArrowUp, ArrowDown } from \"lucide-react\";\n\ninterface StatCardProps {\n  title: string;\n  value: string | number;\n  icon?: ReactNode;\n  trend?: { value: number; label: string };\n  description?: string;\n  className?: string;\n  iconBgColor?: string;\n}\n\nexport const StatCard: FC<StatCardProps> = ({\n  title,\n  value,\n  icon,\n  trend,\n  description,\n  className,\n  iconBgColor,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"rounded-xl border border-border-subtle bg-bg-surface p-4 sm:p-6\",\n        className,\n      )}\n    >\n      <div className=\"flex items-start justify-between\">\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-medium text-text-secondary truncate\">\n            {title}\n          </p>\n          <p className=\"mt-2 text-2xl font-bold text-text-primary\">\n            {value}\n          </p>\n          {trend && (\n            <div className=\"mt-2 flex items-center gap-1\">\n              {trend.value >= 0 ? (\n                <ArrowUp className=\"h-3 w-3 text-emerald-500\" />\n              ) : (\n                <ArrowDown className=\"h-3 w-3 text-red-500\" />\n              )}\n              <span\n                className={cn(\n                  \"text-xs font-medium\",\n                  trend.value >= 0\n                    ? \"text-emerald-600 dark:text-emerald-400\"\n                    : \"text-red-600 dark:text-red-400\",\n                )}\n              >\n                {Math.abs(trend.value)}%\n              </span>\n              <span className=\"text-xs text-text-secondary\">\n                {trend.label}\n              </span>\n            </div>\n          )}\n          {description && (\n            <p className=\"mt-1 text-xs text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {icon && (\n          <div\n            className={cn(\n              \"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg\",\n              iconBgColor || \"bg-action-primary-bg/10 text-primary\",\n            )}\n          >\n            {icon}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAcA,IAAa,KAA+B,EAC1C,UACA,UACA,SACA,UACA,gBACA,cACA,qBAGE,kBAAC,OAAD;CACE,WAAW,EACT,mEACA,EACD;WAED,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA;IACJ,kBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA;IACH,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAM,SAAS,IACd,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA,GAEhD,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA;MAEhD,kBAAC,QAAD;OACE,WAAW,EACT,uBACA,EAAM,SAAS,IACX,2CACA,iCACL;iBANH,CAQG,KAAK,IAAI,EAAM,MAAM,EAAC,IAClB;;MACP,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAM;OACF,CAAA;MACH;;IAEP,KACC,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA;IAE/D;MACL,KACC,kBAAC,OAAD;GACE,WAAW,EACT,kEACA,KAAe,uCAChB;aAEA;GACG,CAAA,CAEJ;;CACF,CAAA"}
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/timecampus/components/StatCard.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/helpers\";\nimport { ArrowUp, ArrowDown } from \"lucide-react\";\n\ninterface StatCardProps {\n  title: string;\n  value: string | number;\n  icon?: ReactNode;\n  trend?: { value: number; label: string };\n  description?: string;\n  className?: string;\n  iconBgColor?: string;\n  /** Render the featured/hero metric with a richer glass + glow treatment. */\n  featured?: boolean;\n}\n\nexport const StatCard: FC<StatCardProps> = ({\n  title,\n  value,\n  icon,\n  trend,\n  description,\n  className,\n  iconBgColor,\n  featured = false,\n}) => {\n  return (\n    <GlassCard\n      treatment={featured ? \"glass\" : \"metric\"}\n      glow={featured}\n      className={cn(\"p-4 sm:p-6\", className)}\n    >\n      <div className=\"flex items-start justify-between\">\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-medium text-text-secondary truncate\">\n            {title}\n          </p>\n          <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n            {value}\n          </p>\n          {trend && (\n            <div className=\"mt-2 flex items-center gap-1\">\n              {trend.value >= 0 ? (\n                <ArrowUp className=\"h-3 w-3 text-status-success-text\" />\n              ) : (\n                <ArrowDown className=\"h-3 w-3 text-status-error-text\" />\n              )}\n              <span\n                className={cn(\n                  \"text-xs font-medium tabular-nums\",\n                  trend.value >= 0\n                    ? \"text-status-success-text\"\n                    : \"text-status-error-text\",\n                )}\n              >\n                {Math.abs(trend.value)}%\n              </span>\n              <span className=\"text-xs text-text-secondary\">{trend.label}</span>\n            </div>\n          )}\n          {description && (\n            <p className=\"mt-1 text-xs text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {icon && (\n          <div\n            className={cn(\n              \"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg\",\n              iconBgColor || \"bg-action-primary-bg/10 text-primary\",\n            )}\n          >\n            {icon}\n          </div>\n        )}\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AAiBA,IAAa,KAA+B,EAC1C,UACA,UACA,SACA,UACA,gBACA,cACA,gBACA,cAAW,SAGT,kBAAC,GAAD;CACE,WAAW,IAAW,UAAU;CAChC,MAAM;CACN,WAAW,EAAG,cAAc,EAAU;WAEtC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA;IACJ,kBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA;IACH,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAM,SAAS,IACd,kBAAC,GAAD,EAAS,WAAU,oCAAqC,CAAA,GAExD,kBAAC,GAAD,EAAW,WAAU,kCAAmC,CAAA;MAE1D,kBAAC,QAAD;OACE,WAAW,EACT,oCACA,EAAM,SAAS,IACX,6BACA,yBACL;iBANH,CAQG,KAAK,IAAI,EAAM,MAAM,EAAC,IAClB;;MACP,kBAAC,QAAD;OAAM,WAAU;iBAA+B,EAAM;OAAa,CAAA;MAC9D;;IAEP,KACC,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA;IAE/D;MACL,KACC,kBAAC,OAAD;GACE,WAAW,EACT,kEACA,KAAe,uCAChB;aAEA;GACG,CAAA,CAEJ;;CACI,CAAA"}