@burdenoff/microfe-export 2026.625.1 → 2026.626.1

package/dist/export/components/ExportStatusBadge.js

@@ -7,7 +7,7 @@ import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProv
 var o = {
 	CREATED: "bg-status-info-bg-subtle text-status-info-text",
 	QUEUED: "bg-status-warning-bg-subtle text-status-warning-text",
-	RUNNING: "bg-status-info-bg-subtle text-status-info-text animate-pulse",
+	RUNNING: "bg-status-info-bg-subtle text-status-info-text motion-safe:animate-vc-glow-pulse",
 	COMPLETED: "bg-status-success-bg-subtle text-status-success-text",
 	FAILED: "bg-status-error-bg-subtle text-status-error-text",
 	CANCELLED: "bg-bg-sunken text-text-secondary",

package/dist/export/components/ExportStatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportStatusBadge.js","names":[],"sources":["../../../src/export/components/ExportStatusBadge.tsx"],"sourcesContent":["import { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { cn } from \"../utils/cn\";\nimport { getStatusDisplayName } from \"../constants/enums\";\nimport type { ExportJobStatus } from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface ExportStatusBadgeProps {\n  status: ExportJobStatus;\n  className?: string;\n}\n\nconst statusStyles: Record<ExportJobStatus, string> = {\n  CREATED: \"bg-status-info-bg-subtle text-status-info-text\",\n  QUEUED: \"bg-status-warning-bg-subtle text-status-warning-text\",\n  RUNNING: \"bg-status-info-bg-subtle text-status-info-text animate-pulse\",\n  COMPLETED: \"bg-status-success-bg-subtle text-status-success-text\",\n  FAILED: \"bg-status-error-bg-subtle text-status-error-text\",\n  CANCELLED: \"bg-bg-sunken text-text-secondary\",\n  EXPIRED: \"bg-accent-orange-subtle text-accent-orange\",\n  DELETED: \"bg-bg-sunken text-text-tertiary\",\n};\n\n/**\n * ExportStatusBadge - Renders a colored badge for export job status\n */\nexport function ExportStatusBadge({\n  status,\n  className,\n}: ExportStatusBadgeProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => tWithFallback(t, key, fallback);\n\n  const statusLabel =\n    {\n      CREATED: tr(\"export.shared.status.created\", \"Created\"),\n      QUEUED: tr(\"export.shared.status.queued\", \"Queued\"),\n      RUNNING: tr(\"export.shared.status.running\", \"Running\"),\n      COMPLETED: tr(\"export.shared.status.completed\", \"Completed\"),\n      FAILED: tr(\"export.shared.status.failed\", \"Failed\"),\n      CANCELLED: tr(\"export.shared.status.cancelled\", \"Cancelled\"),\n      EXPIRED: tr(\"export.shared.status.expired\", \"Expired\"),\n      DELETED: tr(\"export.shared.status.deleted\", \"Deleted\"),\n    }[status] ?? getStatusDisplayName(status);\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium\",\n        statusStyles[status],\n        className,\n      )}\n    >\n      {status === \"RUNNING\" && (\n        <span className=\"relative flex size-2\">\n          <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-accent-blue opacity-75\" />\n          <span className=\"relative inline-flex rounded-full size-2 bg-accent-blue\" />\n        </span>\n      )}\n      {statusLabel}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAWA,IAAM,IAAgD;CACpD,SAAS;CACT,QAAQ;CACR,SAAS;CACT,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,SAAS;CACV;AAKD,SAAgB,EAAkB,EAChC,WACA,gBACyB;CACzB,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAAqB,EAAc,GAAG,GAAK,EAAS,EAEvE,IACJ;EACE,SAAS,EAAG,gCAAgC,UAAU;EACtD,QAAQ,EAAG,+BAA+B,SAAS;EACnD,SAAS,EAAG,gCAAgC,UAAU;EACtD,WAAW,EAAG,kCAAkC,YAAY;EAC5D,QAAQ,EAAG,+BAA+B,SAAS;EACnD,WAAW,EAAG,kCAAkC,YAAY;EAC5D,SAAS,EAAG,gCAAgC,UAAU;EACtD,SAAS,EAAG,gCAAgC,UAAU;EACvD,CAAC,MAAW,EAAqB,EAAO;AAE3C,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAa,IACb,EACD;YALH,CAOG,MAAW,aACV,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,0FAA2F,CAAA,EAC3G,kBAAC,QAAD,EAAM,WAAU,2DAA4D,CAAA,CACvE;MAER,EACI"}
+{"version":3,"file":"ExportStatusBadge.js","names":[],"sources":["../../../src/export/components/ExportStatusBadge.tsx"],"sourcesContent":["import { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { cn } from \"../utils/cn\";\nimport { getStatusDisplayName } from \"../constants/enums\";\nimport type { ExportJobStatus } from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface ExportStatusBadgeProps {\n  status: ExportJobStatus;\n  className?: string;\n}\n\nconst statusStyles: Record<ExportJobStatus, string> = {\n  CREATED: \"bg-status-info-bg-subtle text-status-info-text\",\n  QUEUED: \"bg-status-warning-bg-subtle text-status-warning-text\",\n  RUNNING:\n    \"bg-status-info-bg-subtle text-status-info-text motion-safe:animate-vc-glow-pulse\",\n  COMPLETED: \"bg-status-success-bg-subtle text-status-success-text\",\n  FAILED: \"bg-status-error-bg-subtle text-status-error-text\",\n  CANCELLED: \"bg-bg-sunken text-text-secondary\",\n  EXPIRED: \"bg-accent-orange-subtle text-accent-orange\",\n  DELETED: \"bg-bg-sunken text-text-tertiary\",\n};\n\n/**\n * ExportStatusBadge - Renders a colored badge for export job status\n */\nexport function ExportStatusBadge({\n  status,\n  className,\n}: ExportStatusBadgeProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => tWithFallback(t, key, fallback);\n\n  const statusLabel =\n    {\n      CREATED: tr(\"export.shared.status.created\", \"Created\"),\n      QUEUED: tr(\"export.shared.status.queued\", \"Queued\"),\n      RUNNING: tr(\"export.shared.status.running\", \"Running\"),\n      COMPLETED: tr(\"export.shared.status.completed\", \"Completed\"),\n      FAILED: tr(\"export.shared.status.failed\", \"Failed\"),\n      CANCELLED: tr(\"export.shared.status.cancelled\", \"Cancelled\"),\n      EXPIRED: tr(\"export.shared.status.expired\", \"Expired\"),\n      DELETED: tr(\"export.shared.status.deleted\", \"Deleted\"),\n    }[status] ?? getStatusDisplayName(status);\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium\",\n        statusStyles[status],\n        className,\n      )}\n    >\n      {status === \"RUNNING\" && (\n        <span className=\"relative flex size-2\">\n          <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-accent-blue opacity-75\" />\n          <span className=\"relative inline-flex rounded-full size-2 bg-accent-blue\" />\n        </span>\n      )}\n      {statusLabel}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAWA,IAAM,IAAgD;CACpD,SAAS;CACT,QAAQ;CACR,SACE;CACF,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,SAAS;CACV;AAKD,SAAgB,EAAkB,EAChC,WACA,gBACyB;CACzB,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAAqB,EAAc,GAAG,GAAK,EAAS,EAEvE,IACJ;EACE,SAAS,EAAG,gCAAgC,UAAU;EACtD,QAAQ,EAAG,+BAA+B,SAAS;EACnD,SAAS,EAAG,gCAAgC,UAAU;EACtD,WAAW,EAAG,kCAAkC,YAAY;EAC5D,QAAQ,EAAG,+BAA+B,SAAS;EACnD,WAAW,EAAG,kCAAkC,YAAY;EAC5D,SAAS,EAAG,gCAAgC,UAAU;EACtD,SAAS,EAAG,gCAAgC,UAAU;EACvD,CAAC,MAAW,EAAqB,EAAO;AAE3C,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAa,IACb,EACD;YALH,CAOG,MAAW,aACV,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,0FAA2F,CAAA,EAC3G,kBAAC,QAAD,EAAM,WAAU,2DAA4D,CAAA,CACvE;MAER,EACI"}

package/dist/export/components/PageLayout.js

@@ -1,8 +1,8 @@
 import { cn as e } from "../utils/cn.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { EmptyState as r } from "@burdenoff/fe-libs/ui";
+import "@burdenoff/fe-libs/ui";
 //#region src/export/components/PageLayout.tsx
-var i = {
+var r = {
 	sm: "max-w-screen-sm",
 	md: "max-w-screen-md",
 	lg: "max-w-screen-lg",
@@ -11,11 +11,11 @@ var i = {
 	"3xl": "max-w-[1600px]",
 	full: "max-w-full"
 };
-function a({ children: r, title: a, subtitle: o, icon: s, headerActions: c, headerContent: l, maxWidth: u = "xl", showHeader: d = !0, className: f, contentClassName: p }) {
+function i({ children: i, title: a, subtitle: o, icon: s, headerActions: c, headerContent: l, maxWidth: u = "xl", showHeader: d = !0, className: f, contentClassName: p }) {
 	return /* @__PURE__ */ t("div", {
 		className: e("min-h-full w-full", "px-4 sm:px-6 lg:px-8 xl:px-12", "py-6 sm:py-8 lg:py-10", "animate-in fade-in-0 slide-in-from-bottom-4 duration-500", f),
 		children: /* @__PURE__ */ n("div", {
-			className: e("mx-auto w-full", i[u], p),
+			className: e("mx-auto w-full", r[u], p),
 			children: [d && (a || c) && /* @__PURE__ */ n("header", {
 				className: "mb-6 sm:mb-8",
 				children: [/* @__PURE__ */ n("div", {
@@ -45,12 +45,12 @@ function a({ children: r, title: a, subtitle: o, icon: s, headerActions: c, head
 				})]
 			}), /* @__PURE__ */ t("div", {
 				className: "space-y-6",
-				children: r
+				children: i
 			})]
 		})
 	});
 }
-function o({ children: r, title: i, description: a, actions: o, className: s, ...c }) {
+function a({ children: r, title: i, description: a, actions: o, className: s, ...c }) {
 	return /* @__PURE__ */ n("section", {
 		className: e("space-y-4", s),
 		...c,
@@ -69,18 +69,7 @@ function o({ children: r, title: i, description: a, actions: o, className: s, ..
 		}), r]
 	});
 }
-function s({ icon: e, title: n, description: i, action: a, className: o }) {
-	return /* @__PURE__ */ t("div", {
-		className: o,
-		children: /* @__PURE__ */ t(r, {
-			icon: e,
-			title: n,
-			description: i,
-			action: a
-		})
-	});
-}
 //#endregion
-export { s as EmptyState, a as PageLayout, o as PageSection };
+export { i as PageLayout, a as PageSection };
 
 //# sourceMappingURL=PageLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/export/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { EmptyState as CanonicalEmptyState } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\n\ninterface PageLayoutProps {\n  children: ReactNode;\n  /** Page title */\n  title?: string;\n  /** Page subtitle/description */\n  subtitle?: string;\n  /** Icon component to display next to title */\n  icon?: ReactNode;\n  /** Actions to display in header (buttons, etc.) */\n  headerActions?: ReactNode;\n  /** Additional header content below title */\n  headerContent?: ReactNode;\n  /** Maximum width of content: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full' */\n  maxWidth?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"full\";\n  /** Whether to show the header section */\n  showHeader?: boolean;\n  /** Additional CSS classes for the container */\n  className?: string;\n  /** Additional CSS classes for the content area */\n  contentClassName?: string;\n}\n\nconst maxWidthClasses = {\n  sm: \"max-w-screen-sm\", // 640px\n  md: \"max-w-screen-md\", // 768px\n  lg: \"max-w-screen-lg\", // 1024px\n  xl: \"max-w-screen-xl\", // 1280px\n  \"2xl\": \"max-w-screen-2xl\", // 1536px\n  \"3xl\": \"max-w-[1600px]\",\n  full: \"max-w-full\",\n};\n\n/**\n * PageLayout - A consistent page wrapper with responsive design\n *\n * Features:\n * - Proper max-width constraints\n * - Responsive padding\n * - Animated entrance\n * - Consistent header styling\n */\nexport function PageLayout({\n  children,\n  title,\n  subtitle,\n  icon,\n  headerActions,\n  headerContent,\n  maxWidth = \"xl\",\n  showHeader = true,\n  className,\n  contentClassName,\n}: PageLayoutProps) {\n  return (\n    <div\n      className={cn(\n        // Base styles - full width container with padding\n        \"min-h-full w-full\",\n        // Responsive horizontal padding\n        \"px-4 sm:px-6 lg:px-8 xl:px-12\",\n        // Responsive vertical padding\n        \"py-6 sm:py-8 lg:py-10\",\n        // Entrance animation\n        \"animate-in fade-in-0 slide-in-from-bottom-4 duration-500\",\n        className,\n      )}\n    >\n      {/* Max-width constrained content container */}\n      <div\n        className={cn(\n          \"mx-auto w-full\",\n          maxWidthClasses[maxWidth],\n          contentClassName,\n        )}\n      >\n        {/* Page Header */}\n        {showHeader && (title || headerActions) && (\n          <header className=\"mb-6 sm:mb-8\">\n            <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n              {/* Title Section */}\n              <div className=\"space-y-1\">\n                {(title || icon) && (\n                  <div className=\"flex items-center gap-3\">\n                    {icon && (\n                      <div className=\"flex-shrink-0 p-2.5 rounded-xl bg-action-primary-bg/10 text-primary\">\n                        {icon}\n                      </div>\n                    )}\n                    {title && (\n                      <h1 className=\"text-2xl sm:text-3xl font-bold tracking-tight text-text-primary\">\n                        {title}\n                      </h1>\n                    )}\n                  </div>\n                )}\n                {subtitle && (\n                  <p className=\"text-sm sm:text-base text-text-secondary max-w-2xl\">\n                    {subtitle}\n                  </p>\n                )}\n              </div>\n\n              {/* Header Actions */}\n              {headerActions && (\n                <div className=\"flex items-center gap-2 flex-shrink-0\">\n                  {headerActions}\n                </div>\n              )}\n            </div>\n\n            {/* Additional Header Content */}\n            {headerContent && <div className=\"mt-4\">{headerContent}</div>}\n          </header>\n        )}\n\n        {/* Page content — must not use a <main> landmark here because the\n            host shell (AppShellLayout) already renders one; nesting <main>\n            elements is invalid HTML and an a11y violation. */}\n        <div className=\"space-y-6\">{children}</div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * PageSection - A section within a page with consistent spacing\n */\nexport function PageSection({\n  children,\n  title,\n  description,\n  actions,\n  className,\n  ...rest\n}: {\n  children: ReactNode;\n  title?: string;\n  description?: string;\n  actions?: ReactNode;\n  className?: string;\n} & React.HTMLAttributes<HTMLElement>) {\n  return (\n    <section className={cn(\"space-y-4\", className)} {...rest}>\n      {(title || actions) && (\n        <div className=\"flex items-center justify-between\">\n          <div>\n            {title && (\n              <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\n            )}\n            {description && (\n              <p className=\"text-sm text-text-secondary\">{description}</p>\n            )}\n          </div>\n          {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n        </div>\n      )}\n      {children}\n    </section>\n  );\n}\n\n/**\n * Local wrapper around the canonical `EmptyState` from `@burdenoff/fe-libs/ui`.\n * Keeps the existing microfe-export call sites stable while routing all\n * empty-state rendering through the shared primitive.\n */\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n  className,\n}: {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={className}>\n      <CanonicalEmptyState\n        icon={icon}\n        title={title}\n        description={description}\n        action={action}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AA0BA,IAAM,IAAkB;CACtB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,MAAM;CACP;AAWD,SAAgB,EAAW,EACzB,aACA,UACA,aACA,SACA,kBACA,kBACA,cAAW,MACX,gBAAa,IACb,cACA,uBACkB;AAClB,QACE,kBAAC,OAAD;EACE,WAAW,EAET,qBAEA,iCAEA,yBAEA,4DACA,EACD;YAGD,kBAAC,OAAD;GACE,WAAW,EACT,kBACA,EAAgB,IAChB,EACD;aALH,CAQG,MAAe,KAAS,MACvB,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,EACI,KAAS,MACT,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,KACC,kBAAC,OAAD;QAAK,WAAU;kBACZ;QACG,CAAA,EAEP,KACC,kBAAC,MAAD;QAAI,WAAU;kBACX;QACE,CAAA,CAEH;UAEP,KACC,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA,CAEF;SAGL,KACC,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,CAEJ;QAGL,KAAiB,kBAAC,OAAD;KAAK,WAAU;eAAQ;KAAoB,CAAA,CACtD;OAMX,kBAAC,OAAD;IAAK,WAAU;IAAa;IAAe,CAAA,CACvC;;EACF,CAAA;;AAOV,SAAgB,EAAY,EAC1B,aACA,UACA,gBACA,YACA,cACA,GAAG,KAOkC;AACrC,QACE,kBAAC,WAAD;EAAS,WAAW,EAAG,aAAa,EAAU;EAAE,GAAI;YAApD,EACI,KAAS,MACT,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACG,KACC,kBAAC,MAAD;IAAI,WAAU;cAA2C;IAAW,CAAA,EAErE,KACC,kBAAC,KAAD;IAAG,WAAU;cAA+B;IAAgB,CAAA,CAE1D,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;IAAK,WAAU;cAA2B;IAAc,CAAA,CAChE;MAEP,EACO;;;AASd,SAAgB,EAAW,EACzB,SACA,UACA,gBACA,WACA,gBAOC;AACD,QACE,kBAAC,OAAD;EAAgB;YACd,kBAAC,GAAD;GACQ;GACC;GACM;GACL;GACR,CAAA;EACE,CAAA"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/export/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { EmptyState as CanonicalEmptyState } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\n\ninterface PageLayoutProps {\n  children: ReactNode;\n  /** Page title */\n  title?: string;\n  /** Page subtitle/description */\n  subtitle?: string;\n  /** Icon component to display next to title */\n  icon?: ReactNode;\n  /** Actions to display in header (buttons, etc.) */\n  headerActions?: ReactNode;\n  /** Additional header content below title */\n  headerContent?: ReactNode;\n  /** Maximum width of content: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full' */\n  maxWidth?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"full\";\n  /** Whether to show the header section */\n  showHeader?: boolean;\n  /** Additional CSS classes for the container */\n  className?: string;\n  /** Additional CSS classes for the content area */\n  contentClassName?: string;\n}\n\nconst maxWidthClasses = {\n  sm: \"max-w-screen-sm\", // 640px\n  md: \"max-w-screen-md\", // 768px\n  lg: \"max-w-screen-lg\", // 1024px\n  xl: \"max-w-screen-xl\", // 1280px\n  \"2xl\": \"max-w-screen-2xl\", // 1536px\n  \"3xl\": \"max-w-[1600px]\",\n  full: \"max-w-full\",\n};\n\n/**\n * PageLayout - A consistent page wrapper with responsive design\n *\n * Features:\n * - Proper max-width constraints\n * - Responsive padding\n * - Animated entrance\n * - Consistent header styling\n */\nexport function PageLayout({\n  children,\n  title,\n  subtitle,\n  icon,\n  headerActions,\n  headerContent,\n  maxWidth = \"xl\",\n  showHeader = true,\n  className,\n  contentClassName,\n}: PageLayoutProps) {\n  return (\n    <div\n      className={cn(\n        // Base styles - full width container with padding\n        \"min-h-full w-full\",\n        // Responsive horizontal padding\n        \"px-4 sm:px-6 lg:px-8 xl:px-12\",\n        // Responsive vertical padding\n        \"py-6 sm:py-8 lg:py-10\",\n        // Entrance animation\n        \"animate-in fade-in-0 slide-in-from-bottom-4 duration-500\",\n        className,\n      )}\n    >\n      {/* Max-width constrained content container */}\n      <div\n        className={cn(\n          \"mx-auto w-full\",\n          maxWidthClasses[maxWidth],\n          contentClassName,\n        )}\n      >\n        {/* Page Header */}\n        {showHeader && (title || headerActions) && (\n          <header className=\"mb-6 sm:mb-8\">\n            <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n              {/* Title Section */}\n              <div className=\"space-y-1\">\n                {(title || icon) && (\n                  <div className=\"flex items-center gap-3\">\n                    {icon && (\n                      <div className=\"flex-shrink-0 p-2.5 rounded-xl bg-action-primary-bg/10 text-primary\">\n                        {icon}\n                      </div>\n                    )}\n                    {title && (\n                      <h1 className=\"text-2xl sm:text-3xl font-bold tracking-tight text-text-primary\">\n                        {title}\n                      </h1>\n                    )}\n                  </div>\n                )}\n                {subtitle && (\n                  <p className=\"text-sm sm:text-base text-text-secondary max-w-2xl\">\n                    {subtitle}\n                  </p>\n                )}\n              </div>\n\n              {/* Header Actions */}\n              {headerActions && (\n                <div className=\"flex items-center gap-2 flex-shrink-0\">\n                  {headerActions}\n                </div>\n              )}\n            </div>\n\n            {/* Additional Header Content */}\n            {headerContent && <div className=\"mt-4\">{headerContent}</div>}\n          </header>\n        )}\n\n        {/* Page content — must not use a <main> landmark here because the\n            host shell (AppShellLayout) already renders one; nesting <main>\n            elements is invalid HTML and an a11y violation. */}\n        <div className=\"space-y-6\">{children}</div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * PageSection - A section within a page with consistent spacing\n */\nexport function PageSection({\n  children,\n  title,\n  description,\n  actions,\n  className,\n  ...rest\n}: {\n  children: ReactNode;\n  title?: string;\n  description?: string;\n  actions?: ReactNode;\n  className?: string;\n} & React.HTMLAttributes<HTMLElement>) {\n  return (\n    <section className={cn(\"space-y-4\", className)} {...rest}>\n      {(title || actions) && (\n        <div className=\"flex items-center justify-between\">\n          <div>\n            {title && (\n              <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\n            )}\n            {description && (\n              <p className=\"text-sm text-text-secondary\">{description}</p>\n            )}\n          </div>\n          {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n        </div>\n      )}\n      {children}\n    </section>\n  );\n}\n\n/**\n * Local wrapper around the canonical `EmptyState` from `@burdenoff/fe-libs/ui`.\n * Keeps the existing microfe-export call sites stable while routing all\n * empty-state rendering through the shared primitive.\n */\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n  className,\n}: {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={className}>\n      <CanonicalEmptyState\n        icon={icon}\n        title={title}\n        description={description}\n        action={action}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AA0BA,IAAM,IAAkB;CACtB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,MAAM;CACP;AAWD,SAAgB,EAAW,EACzB,aACA,UACA,aACA,SACA,kBACA,kBACA,cAAW,MACX,gBAAa,IACb,cACA,uBACkB;AAClB,QACE,kBAAC,OAAD;EACE,WAAW,EAET,qBAEA,iCAEA,yBAEA,4DACA,EACD;YAGD,kBAAC,OAAD;GACE,WAAW,EACT,kBACA,EAAgB,IAChB,EACD;aALH,CAQG,MAAe,KAAS,MACvB,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,EACI,KAAS,MACT,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,KACC,kBAAC,OAAD;QAAK,WAAU;kBACZ;QACG,CAAA,EAEP,KACC,kBAAC,MAAD;QAAI,WAAU;kBACX;QACE,CAAA,CAEH;UAEP,KACC,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA,CAEF;SAGL,KACC,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,CAEJ;QAGL,KAAiB,kBAAC,OAAD;KAAK,WAAU;eAAQ;KAAoB,CAAA,CACtD;OAMX,kBAAC,OAAD;IAAK,WAAU;IAAa;IAAe,CAAA,CACvC;;EACF,CAAA;;AAOV,SAAgB,EAAY,EAC1B,aACA,UACA,gBACA,YACA,cACA,GAAG,KAOkC;AACrC,QACE,kBAAC,WAAD;EAAS,WAAW,EAAG,aAAa,EAAU;EAAE,GAAI;YAApD,EACI,KAAS,MACT,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACG,KACC,kBAAC,MAAD;IAAI,WAAU;cAA2C;IAAW,CAAA,EAErE,KACC,kBAAC,KAAD;IAAG,WAAU;cAA+B;IAAgB,CAAA,CAE1D,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;IAAK,WAAU;cAA2B;IAAc,CAAA,CAChE;MAEP,EACO"}

package/dist/export/pages/CreateExportPage.js

@@ -5,18 +5,18 @@ import { getFormatDisplayName as a } from "../constants/enums.js";
 import { tWithFallback as ee } from "../utils/i18n.js";
 import { PageLayout as te } from "../components/PageLayout.js";
 import { isExportEntityDisabled as o } from "../utils/disabledModules.js";
-import { useEffect as ne, useRef as s, useState as c } from "react";
+import { useEffect as s, useRef as ne, useState as c } from "react";
 import { ArrowLeft as l, ArrowRight as u, Building2 as d, CalendarRange as re, CheckCircle2 as f, Download as p, FileJson as m, FileSpreadsheet as h, Loader2 as g, Lock as ie, Package as ae, User as _, Users as v } from "lucide-react";
 import { usePermission as y } from "@burdenoff/fe-libs/shared/providers/shell";
 import { useSearchParams as oe } from "react-router-dom";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as S, ShowMore as C } from "@burdenoff/fe-libs/ui";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as se, IllustratedEmptyState as ce, PagePurpose as le, ShowMore as C } from "@burdenoff/fe-libs/ui";
 //#region src/export/pages/CreateExportPage.tsx
-var w = ["CSV", "JSON"], ce = {
+var w = ["CSV", "JSON"], T = {
 	CSV: h,
 	JSON: m
-}, le = [
+}, E = [
 	{
 		value: "INDIVIDUAL",
 		label: "My Data Only",
@@ -36,50 +36,50 @@ var w = ["CSV", "JSON"], ce = {
 		Icon: d
 	}
 ];
-function T() {
-	let { basePath: d = "/", navigate: m, organizationId: h } = e(), { t: _ } = se(), v = (e, t, n) => ee(_, e, t, n), { createJob: T, isPending: E } = n(), { data: D } = t(), { data: O } = r(), [k] = oe(), ue = y("export:workspace:admin"), de = y("export:org:admin"), [A, j] = c("entities"), [M, N] = c([]), [P, F] = c(""), [I, L] = c("CSV"), [R, z] = c("INDIVIDUAL"), [B, V] = c(k.get("templateId") ?? void 0), [H, fe] = c(""), [U, pe] = c(""), [W, G] = c(null), K = s(null);
-	ne(() => {
-		let e = k.get("templateId");
-		if (!e || !O?.length || K.current === e) return;
-		let t = O.find((t) => t.id === e);
+function D() {
+	let { basePath: d = "/", navigate: m, organizationId: h } = e(), { t: _ } = S(), v = (e, t, n) => ee(_, e, t, n), { createJob: D, isPending: O } = n(), { data: ue } = t(), { data: k } = r(), [A] = oe(), de = y("export:workspace:admin"), fe = y("export:org:admin"), [j, M] = c("entities"), [N, P] = c([]), [F, I] = c(""), [L, R] = c("CSV"), [z, B] = c("INDIVIDUAL"), [V, H] = c(A.get("templateId") ?? void 0), [U, pe] = c(""), [W, me] = c(""), [G, K] = c(null), q = ne(null);
+	s(() => {
+		let e = A.get("templateId");
+		if (!e || !k?.length || q.current === e) return;
+		let t = k.find((t) => t.id === e);
 		if (!t) return;
-		K.current = e, V(t.id), N((t.entityTypes ?? []).filter((e) => !o(e)));
+		q.current = e, H(t.id), P((t.entityTypes ?? []).filter((e) => !o(e)));
 		let n = t.format?.toUpperCase();
-		n && w.includes(n) && L(n), t.name && F(t.name);
-	}, [k, O]);
-	let q = () => {
-		A === "options" ? j("entities") : A === "review" ? j("options") : m?.(d);
-	}, me = () => {
-		if (A === "entities") {
-			if (M.length === 0) {
-				G(v("export.create.errors.selectEntity", "Please select at least one entity type to export"));
+		n && w.includes(n) && R(n), t.name && I(t.name);
+	}, [A, k]);
+	let he = () => {
+		j === "options" ? M("entities") : j === "review" ? M("options") : m?.(d);
+	}, ge = () => {
+		if (j === "entities") {
+			if (N.length === 0) {
+				K(v("export.create.errors.selectEntity", "Please select at least one entity type to export"));
 				return;
 			}
-			G(null), j("options");
-		} else if (A === "options") {
-			if (!P.trim()) {
-				G(v("export.create.errors.exportNameRequired", "Please provide a name for this export"));
+			K(null), M("options");
+		} else if (j === "options") {
+			if (!F.trim()) {
+				K(v("export.create.errors.exportNameRequired", "Please provide a name for this export"));
 				return;
 			}
-			G(null), j("review");
+			K(null), M("review");
 		}
-	}, he = async () => {
+	}, _e = async () => {
 		try {
-			G(null), await T({
-				name: P,
-				entityTypes: M,
-				format: I,
-				exportScope: R,
-				organizationId: R === "ORG_ADMIN" ? h : void 0,
-				templateId: B,
-				dateRangeStart: H ? new Date(H).toISOString() : null,
-				dateRangeEnd: U ? new Date(U).toISOString() : null
+			K(null), await D({
+				name: F,
+				entityTypes: N,
+				format: L,
+				exportScope: z,
+				organizationId: z === "ORG_ADMIN" ? h : void 0,
+				templateId: V,
+				dateRangeStart: U ? new Date(U).toISOString() : null,
+				dateRangeEnd: W ? new Date(W).toISOString() : null
 			}), m?.(d);
 		} catch (e) {
-			G(e instanceof Error ? e.message : v("export.create.errors.createFailed", "Failed to create export"));
+			K(e instanceof Error ? e.message : v("export.create.errors.createFailed", "Failed to create export"));
 		}
-	}, ge = (e) => {
-		o(e) || N((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, ve = (e) => {
+		o(e) || P((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	}, J = (e) => {
 		switch (e) {
 			case "INDIVIDUAL": return v("export.create.scope.individual.label", "My Data Only");
@@ -87,7 +87,7 @@ function T() {
 			case "ORG_ADMIN": return v("export.create.scope.orgAdmin.label", "All Organization Data");
 			default: return e;
 		}
-	}, _e = (e) => {
+	}, ye = (e) => {
 		switch (e) {
 			case "INDIVIDUAL": return v("export.create.scope.individual.description", "Export data you personally created across selected modules.");
 			case "WORKSPACE_ADMIN": return v("export.create.scope.workspaceAdmin.description", "Export all data in this workspace regardless of who created it. Requires workspace admin access.");
@@ -127,11 +127,11 @@ function T() {
 			label: v("export.create.entities.calendar.label", "Calendar Events"),
 			description: v("export.create.entities.calendar.description", "Events and bookings")
 		}
-	}, X = D.filter((e) => e.enabled !== !1), Z = X.filter((e) => !o(e.entityType)), Q = X.filter((e) => o(e.entityType)), $ = (e, t) => {
-		let n = !t && M.includes(e.entityType);
+	}, X = ue.filter((e) => e.enabled !== !1), Z = X.filter((e) => !o(e.entityType)), Q = X.filter((e) => o(e.entityType)), $ = (e, t) => {
+		let n = !t && N.includes(e.entityType);
 		return /* @__PURE__ */ x("button", {
 			type: "button",
-			onClick: () => ge(e.entityType),
+			onClick: () => ve(e.entityType),
 			disabled: t,
 			"aria-disabled": t,
 			title: t ? v("export.create.select.unavailableHint", "Export for this product isn't available yet") : void 0,
@@ -189,6 +189,10 @@ function T() {
 					})]
 				})
 			}),
+			/* @__PURE__ */ b(le, {
+				icon: /* @__PURE__ */ b(p, { size: 16 }),
+				children: v("export.create.purpose", "Build a one-off export in three steps: pick which data to include, choose a format and scope, then review and start it. The export runs in the background and produces a downloadable ZIP you can grab from History when it finishes.")
+			}),
 			/* @__PURE__ */ b("div", {
 				className: "flex items-center gap-2 justify-center flex-wrap",
 				children: [
@@ -201,7 +205,7 @@ function T() {
 						size: 18,
 						className: "text-text-secondary"
 					}), /* @__PURE__ */ x("div", {
-						className: i("flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border-2 transition-all duration-200", A === e ? "bg-action-primary-bg text-action-primary-text border-primary shadow-[var(--shadow-pop)]" : "bg-bg-sunken/50 text-text-secondary border-border-seam"),
+						className: i("flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border-2 transition-all duration-200", j === e ? "bg-action-primary-bg text-action-primary-text border-primary shadow-[var(--shadow-pop)]" : "bg-bg-sunken/50 text-text-secondary border-border-seam"),
 						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center justify-center size-6 rounded-full bg-bg-surface/20 font-bold",
 							children: t + 1
@@ -212,11 +216,11 @@ function T() {
 					})]
 				}, e))
 			}),
-			W && /* @__PURE__ */ b("div", {
+			G && /* @__PURE__ */ b("div", {
 				className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-4 text-status-error-text text-sm",
-				children: W
+				children: G
 			}),
-			A === "entities" && /* @__PURE__ */ x("div", {
+			j === "entities" && /* @__PURE__ */ x("div", {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ b("h2", {
@@ -227,9 +231,10 @@ function T() {
 						className: "text-sm text-text-secondary",
 						children: v("export.create.select.description", "Choose which entity types to include in your export.")
 					}),
-					X.length === 0 ? /* @__PURE__ */ b("div", {
-						className: "border-2 border-border-subtle rounded-xl bg-bg-sunken/30 p-6 text-sm text-text-secondary",
-						children: v("export.create.select.empty", "No exportable entity types are configured for this workspace yet.")
+					X.length === 0 ? /* @__PURE__ */ b(ce, {
+						illustration: "empty-data",
+						title: v("export.create.select.emptyTitle", "Nothing to export yet"),
+						description: v("export.create.select.empty", "No exportable entity types are configured for this workspace yet. Once your workspace has data in supported modules, they'll show up here to select.")
 					}) : /* @__PURE__ */ x("div", {
 						className: "space-y-6",
 						children: [Z.length > 0 && /* @__PURE__ */ b("div", {
@@ -255,7 +260,7 @@ function T() {
 					})
 				]
 			}),
-			A === "options" && /* @__PURE__ */ b("div", {
+			j === "options" && /* @__PURE__ */ b("div", {
 				className: "space-y-6",
 				children: /* @__PURE__ */ x("div", {
 					className: "border border-border-seam rounded-xl p-6 space-y-5 bg-bg-surface",
@@ -269,13 +274,13 @@ function T() {
 							children: v("export.create.options.scope", "Export Scope")
 						}), /* @__PURE__ */ b("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-3",
-							children: le.map(({ value: e, Icon: t }) => {
-								let n = e === "WORKSPACE_ADMIN" && !ue || e === "ORG_ADMIN" && !de;
+							children: E.map(({ value: e, Icon: t }) => {
+								let n = e === "WORKSPACE_ADMIN" && !de || e === "ORG_ADMIN" && !fe;
 								return /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => !n && z(e),
+									onClick: () => !n && B(e),
 									disabled: n,
-									className: i("text-left border-2 rounded-xl p-4 transition-all duration-200", R === e ? "border-primary bg-action-primary-bg/5 shadow-md" : n ? "border-border-subtle/30 opacity-50 cursor-not-allowed" : "border-border-subtle/50 hover:border-primary/30 hover:shadow-sm"),
+									className: i("text-left border-2 rounded-xl p-4 transition-all duration-200", z === e ? "border-primary bg-action-primary-bg/5 shadow-md" : n ? "border-border-subtle/30 opacity-50 cursor-not-allowed" : "border-border-subtle/50 hover:border-primary/30 hover:shadow-sm"),
 									title: n ? e === "WORKSPACE_ADMIN" ? "Workspace admin access required" : "Organization admin access required" : void 0,
 									children: [
 										/* @__PURE__ */ x("div", {
@@ -283,9 +288,9 @@ function T() {
 											children: [
 												/* @__PURE__ */ b(t, {
 													size: 18,
-													className: R === e ? "text-primary" : n ? "text-text-secondary/50" : "text-text-secondary"
+													className: z === e ? "text-primary" : n ? "text-text-secondary/50" : "text-text-secondary"
 												}),
-												R === e && /* @__PURE__ */ b(f, {
+												z === e && /* @__PURE__ */ b(f, {
 													size: 16,
 													className: "text-primary"
 												}),
@@ -301,7 +306,7 @@ function T() {
 										}),
 										/* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: _e(e)
+											children: ye(e)
 										})
 									]
 								}, e);
@@ -322,8 +327,8 @@ function T() {
 							type: "text",
 							id: "exportName",
 							"aria-label": v("export.create.options.name", "Export Name"),
-							value: P,
-							onChange: (e) => F(e.target.value),
+							value: F,
+							onChange: (e) => I(e.target.value),
 							className: "w-full px-4 py-2.5 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200",
 							placeholder: v("export.create.options.namePlaceholder", "e.g., Monthly User Export")
 						})] }),
@@ -333,14 +338,14 @@ function T() {
 						}), /* @__PURE__ */ b("div", {
 							className: "grid grid-cols-2 gap-3",
 							children: w.map((e) => {
-								let t = ce[e];
+								let t = T[e];
 								return /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => L(e),
-									className: i("flex items-center gap-3 border-2 rounded-lg p-3 transition-all duration-200", I === e ? "border-primary bg-action-primary-bg/5" : "border-border-subtle/50 hover:border-primary/30"),
+									onClick: () => R(e),
+									className: i("flex items-center gap-3 border-2 rounded-lg p-3 transition-all duration-200", L === e ? "border-primary bg-action-primary-bg/5" : "border-border-subtle/50 hover:border-primary/30"),
 									children: [/* @__PURE__ */ b(t, {
 										size: 18,
-										className: I === e ? "text-primary" : "text-text-secondary"
+										className: L === e ? "text-primary" : "text-text-secondary"
 									}), /* @__PURE__ */ b("span", {
 										className: "font-medium text-sm",
 										children: a(e)
@@ -402,8 +407,8 @@ function T() {
 											type: "date",
 											id: "dateFrom",
 											"aria-label": v("export.create.options.dateFrom", "From"),
-											value: H,
-											onChange: (e) => fe(e.target.value),
+											value: U,
+											onChange: (e) => pe(e.target.value),
 											className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary text-sm"
 										})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "dateTo",
@@ -413,9 +418,9 @@ function T() {
 											type: "date",
 											id: "dateTo",
 											"aria-label": v("export.create.options.dateTo", "To"),
-											value: U,
-											min: H,
-											onChange: (e) => pe(e.target.value),
+											value: W,
+											min: U,
+											onChange: (e) => me(e.target.value),
 											className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary text-sm"
 										})] })]
 									}),
@@ -433,14 +438,14 @@ function T() {
 											children: v("export.create.shared.optional", "(optional)")
 										})
 									]
-								}), O.length > 0 ? /* @__PURE__ */ x("select", {
-									value: B ?? "",
-									onChange: (e) => V(e.target.value || void 0),
+								}), k.length > 0 ? /* @__PURE__ */ x("select", {
+									value: V ?? "",
+									onChange: (e) => H(e.target.value || void 0),
 									className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
 									children: [/* @__PURE__ */ b("option", {
 										value: "",
 										children: v("export.create.options.noTemplate", "No template")
-									}), O.map((e) => /* @__PURE__ */ b("option", {
+									}), k.map((e) => /* @__PURE__ */ b("option", {
 										value: e.id,
 										children: e.name
 									}, e.id))]
@@ -464,9 +469,9 @@ function T() {
 					]
 				})
 			}),
-			A === "review" && /* @__PURE__ */ b("div", {
+			j === "review" && /* @__PURE__ */ b("div", {
 				className: "space-y-6",
-				children: /* @__PURE__ */ x(S, {
+				children: /* @__PURE__ */ x(se, {
 					className: "p-6 space-y-4",
 					children: [/* @__PURE__ */ x("h2", {
 						className: "text-lg font-bold flex items-center gap-2",
@@ -479,31 +484,31 @@ function T() {
 						children: [
 							{
 								label: v("export.create.review.fields.name", "Name"),
-								value: P
+								value: F
 							},
 							{
 								label: v("export.create.review.fields.scope", "Scope"),
-								value: J(R)
+								value: J(z)
 							},
 							{
 								label: v("export.create.review.fields.entityTypes", "Entity Types"),
-								value: M.join(", ")
+								value: N.join(", ")
 							},
 							{
 								label: v("export.create.review.fields.format", "Format"),
-								value: a(I)
+								value: a(L)
 							},
 							{
 								label: v("export.create.review.fields.archive", "Archive"),
 								value: "ZIP"
 							},
-							...H || U ? [{
+							...U || W ? [{
 								label: v("export.create.review.fields.dateRange", "Date Range"),
-								value: [H || "—", U || "—"].join(" → ")
+								value: [U || "—", W || "—"].join(" → ")
 							}] : [],
-							...B ? [{
+							...V ? [{
 								label: v("export.create.review.fields.template", "Template"),
-								value: O.find((e) => e.id === B)?.name ?? B
+								value: k.find((e) => e.id === V)?.name ?? V
 							}] : []
 						].map(({ label: e, value: t }) => /* @__PURE__ */ x("div", {
 							className: "flex flex-col sm:flex-row sm:justify-between gap-1",
@@ -522,21 +527,21 @@ function T() {
 				className: "flex flex-col sm:flex-row gap-3 pt-2",
 				children: [/* @__PURE__ */ b("button", {
 					type: "button",
-					onClick: q,
+					onClick: he,
 					className: "px-6 py-3 border-2 border-border-subtle/50 rounded-lg hover:bg-accent hover:border-primary/30 transition-all duration-200 font-medium",
-					children: A === "entities" ? v("export.create.actions.cancel", "Cancel") : v("export.create.actions.back", "Back")
-				}), A === "review" ? /* @__PURE__ */ x("button", {
+					children: j === "entities" ? v("export.create.actions.cancel", "Cancel") : v("export.create.actions.back", "Back")
+				}), j === "review" ? /* @__PURE__ */ x("button", {
 					type: "button",
-					onClick: he,
-					disabled: E,
+					onClick: _e,
+					disabled: O,
 					className: "flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-all duration-200 font-bold shadow-lg disabled:opacity-50 disabled:cursor-not-allowed",
-					children: [E ? /* @__PURE__ */ b(g, {
+					children: [O ? /* @__PURE__ */ b(g, {
 						size: 18,
 						className: "animate-spin"
 					}) : /* @__PURE__ */ b(p, { size: 18 }), v("export.create.actions.startExport", "Start Export")]
 				}) : /* @__PURE__ */ x("button", {
 					type: "button",
-					onClick: me,
+					onClick: ge,
 					className: "flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-all duration-200 font-bold shadow-lg",
 					children: [v("export.create.actions.next", "Next"), /* @__PURE__ */ b(u, { size: 18 })]
 				})]
@@ -545,6 +550,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as CreateExportPage };
+export { D as CreateExportPage };
 
 //# sourceMappingURL=CreateExportPage.js.map