@gtcx/templates 0.1.0

package/dist/index.cjs

@@ -0,0 +1,757 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AuditTrail: () => AuditTrail,
+  AuthShell: () => AuthShell,
+  BulkActionsBar: () => BulkActionsBar,
+  DashboardTemplate: () => DashboardTemplate,
+  DetailTemplate: () => DetailTemplate,
+  ErrorPageTemplate: () => ErrorPageTemplate,
+  KpiCard: () => KpiCard,
+  ListTemplate: () => ListTemplate,
+  SectionCard: () => SectionCard,
+  SettingsTemplate: () => SettingsTemplate,
+  TemplateFrame: () => TemplateFrame,
+  WizardTemplate: () => WizardTemplate,
+  templateActionsToPageHeaderActions: () => templateActionsToPageHeaderActions
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/api/types.ts
+function templateActionsToPageHeaderActions(actions) {
+  return actions.map((action) => ({
+    key: action.key,
+    label: action.label,
+    onClick: action.onAction,
+    kind: action.kind,
+    disabled: action.disabled,
+    ariaLabel: action.ariaLabel,
+    icon: action.icon
+  }));
+}
+
+// src/frame/TemplateFrame.tsx
+var import_antd = require("antd");
+var import_ui = require("@gtcx/ui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Text } = import_antd.Typography;
+function TemplateFrame({
+  title,
+  subtitle,
+  breadcrumbs,
+  data: _data,
+  actions,
+  filters,
+  audit,
+  layout,
+  children
+}) {
+  const { token } = import_antd.theme.useToken();
+  const showBreadcrumbs = layout?.showBreadcrumbs ?? true;
+  const contentPadding = layout?.contentPadding ?? void 0;
+  const pageHeaderActions = actions ? templateActionsToPageHeaderActions(actions) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: contentPadding }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ui.PageHeader,
+      {
+        title,
+        subtitle,
+        breadcrumbs: showBreadcrumbs ? breadcrumbs : void 0,
+        actions: pageHeaderActions
+      }
+    ),
+    filters?.content && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginBottom: token.marginLG }, children: filters.content }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children }),
+    audit && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Card,
+      {
+        size: "small",
+        style: { marginTop: token.marginXL },
+        styles: { body: { padding: token.paddingSM } },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { direction: "vertical", size: 4, children: [
+          audit.summary && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { type: "secondary", children: audit.summary }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "large", wrap: true, children: [
+            audit.lastUpdatedAt && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { type: "secondary", style: { fontSize: token.fontSizeSM }, children: [
+              "Updated: ",
+              audit.lastUpdatedAt
+            ] }),
+            audit.lastUpdatedBy && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { type: "secondary", style: { fontSize: token.fontSizeSM }, children: [
+              "By: ",
+              audit.lastUpdatedBy
+            ] }),
+            audit.sourceSystem && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { type: "secondary", style: { fontSize: token.fontSizeSM }, children: [
+              "Source: ",
+              audit.sourceSystem
+            ] }),
+            audit.evidenceUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                href: audit.evidenceUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: { fontSize: token.fontSizeSM },
+                children: "View Evidence"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/KpiCard.tsx
+var import_antd2 = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var { Text: Text2, Title } = import_antd2.Typography;
+function KpiCard({
+  label,
+  value,
+  delta,
+  trend,
+  helpText,
+  icon,
+  onClick
+}) {
+  const { token } = import_antd2.theme.useToken();
+  const trendColor = trend === "up" ? token.colorSuccessTextActive ?? token.colorSuccessText ?? token.colorSuccess : trend === "down" ? token.colorErrorTextActive ?? token.colorErrorText ?? token.colorError : token.colorTextSecondary;
+  const TrendIcon = trend === "up" ? import_icons.ArrowUpOutlined : trend === "down" ? import_icons.ArrowDownOutlined : import_icons.MinusOutlined;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_antd2.Card,
+    {
+      size: "small",
+      hoverable: !!onClick,
+      onClick,
+      styles: { body: { padding: token.paddingMD } },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_antd2.Space, { direction: "vertical", size: 4, style: { width: "100%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_antd2.Space, { size: "small", children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: token.colorTextSecondary }, children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text2, { type: "secondary", style: { fontSize: token.fontSizeSM }, children: label })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Title, { level: 3, style: { margin: 0 }, children: value }),
+        (delta || helpText) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_antd2.Space, { size: "small", children: [
+          delta && trend && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text2, { style: { color: trendColor, fontSize: token.fontSizeSM }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TrendIcon, { style: { marginRight: 4 } }),
+            delta
+          ] }),
+          helpText && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text2, { type: "secondary", style: { fontSize: token.fontSizeSM }, children: helpText })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/SectionCard.tsx
+var import_antd3 = require("antd");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var { Title: Title2 } = import_antd3.Typography;
+function SectionCard({
+  title,
+  subtitle,
+  extra,
+  children,
+  noPadding
+}) {
+  const { token } = import_antd3.theme.useToken();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_antd3.Card,
+    {
+      styles: {
+        body: noPadding ? { padding: 0 } : void 0
+      },
+      children: [
+        (title || extra) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "flex-start",
+              marginBottom: token.marginMD
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+                title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Title2, { level: 4, style: { margin: 0 }, children: title }),
+                subtitle && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: token.colorTextSecondary, fontSize: token.fontSizeSM }, children: subtitle })
+              ] }),
+              extra && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: extra })
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+
+// src/components/BulkActionsBar.tsx
+var import_antd4 = require("antd");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var { Text: Text3 } = import_antd4.Typography;
+function BulkActionsBar({
+  selectedCount,
+  selectedRowKeys,
+  actions,
+  onClear
+}) {
+  const { token } = import_antd4.theme.useToken();
+  if (selectedCount === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: `${token.paddingSM}px ${token.paddingMD}px`,
+        background: token.colorBgContainer,
+        border: `1px solid ${token.colorPrimaryBorder}`,
+        borderRadius: token.borderRadius,
+        marginBottom: token.marginMD
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_antd4.Space, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text3, { strong: true, children: [
+            selectedCount,
+            " selected"
+          ] }),
+          onClear && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Button, { type: "text", size: "small", onClick: onClear, children: "Clear" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Space, { children: actions.map((action) => {
+          const isDanger = action.kind === "danger";
+          const dangerFill = "#7f1d1d";
+          const dangerStyle = isDanger ? {
+            background: dangerFill,
+            borderColor: dangerFill,
+            color: token.colorTextLightSolid ?? token.colorWhite ?? "#fff"
+          } : void 0;
+          const dangerLabelStyle = isDanger ? { color: token.colorTextLightSolid ?? token.colorWhite ?? "#fff" } : void 0;
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_antd4.Button,
+            {
+              type: isDanger ? "default" : action.kind === "primary" ? "primary" : action.kind === "link" ? "link" : "default",
+              danger: false,
+              size: "small",
+              disabled: action.disabled,
+              onClick: () => action.onAction(selectedRowKeys),
+              style: dangerStyle,
+              children: isDanger ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: dangerLabelStyle, children: action.label }) : action.label
+            },
+            action.key
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+// src/components/AuditTrail.tsx
+var import_antd5 = require("antd");
+var import_icons2 = require("@ant-design/icons");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var { Text: Text4, Title: Title3 } = import_antd5.Typography;
+function AuditTrail({
+  title = "Audit Trail",
+  events,
+  loading,
+  onLoadMore
+}) {
+  const { token } = import_antd5.theme.useToken();
+  const timelineItems = events.map((event) => ({
+    key: event.key,
+    dot: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons2.ClockCircleOutlined, { style: { fontSize: 14 } }),
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_antd5.Space, { direction: "vertical", size: 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_antd5.Space, { size: "small", wrap: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text4, { strong: true, children: event.action }),
+        event.by && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text4, { type: "secondary", children: [
+          "by ",
+          event.by
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text4, { type: "secondary", style: { fontSize: token.fontSizeSM }, children: [
+        event.at,
+        event.sourceSystem && ` \xB7 ${event.sourceSystem}`
+      ] }),
+      event.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: event.description }),
+      event.evidenceUrl && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "a",
+        {
+          href: event.evidenceUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          style: { fontSize: token.fontSizeSM },
+          children: "View Evidence"
+        }
+      )
+    ] })
+  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_antd5.Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Title3, { level: 5, style: { marginBottom: token.marginMD }, children: title }),
+    loading && events.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { textAlign: "center", padding: token.paddingLG }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_antd5.Spin, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_antd5.Timeline, { items: timelineItems }),
+      onLoadMore && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_antd5.Button, { type: "link", onClick: onLoadMore, loading, children: "Load more" }) })
+    ] })
+  ] });
+}
+
+// src/templates/DashboardTemplate/DashboardTemplate.tsx
+var import_antd6 = require("antd");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function DashboardTemplate({
+  title,
+  subtitle,
+  breadcrumbs,
+  data,
+  actions,
+  filters,
+  audit,
+  layout
+}) {
+  const { token } = import_antd6.theme.useToken();
+  const kpis = data?.kpis ?? [];
+  const panels = data?.panels ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    TemplateFrame,
+    {
+      title,
+      subtitle,
+      breadcrumbs,
+      data,
+      actions,
+      filters,
+      audit,
+      layout,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_antd6.Space, { direction: "vertical", size: "large", style: { width: "100%" }, children: [
+        kpis.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd6.Row, { gutter: [token.marginMD, token.marginMD], children: kpis.map((kpi) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd6.Col, { xs: 24, sm: 12, lg: 6, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          KpiCard,
+          {
+            label: kpi.label,
+            value: kpi.value,
+            delta: kpi.delta,
+            trend: kpi.trend,
+            helpText: kpi.helpText,
+            icon: kpi.icon,
+            onClick: kpi.onClick
+          }
+        ) }, kpi.key)) }),
+        panels.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd6.Row, { gutter: [token.marginMD, token.marginMD], children: panels.map((panel) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd6.Col, { xs: 24, lg: panel.span ?? 12, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SectionCard,
+          {
+            title: panel.title,
+            subtitle: panel.subtitle,
+            extra: panel.extra,
+            children: panel.content
+          }
+        ) }, panel.key)) })
+      ] })
+    }
+  );
+}
+
+// src/templates/ListTemplate/ListTemplate.tsx
+var import_antd7 = require("antd");
+var import_icons3 = require("@ant-design/icons");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ListTemplate({
+  title,
+  subtitle,
+  breadcrumbs,
+  data,
+  actions,
+  filters,
+  audit,
+  layout,
+  table,
+  selection,
+  exports: exports2,
+  tools
+}) {
+  const { token } = import_antd7.theme.useToken();
+  const items = data?.items ?? [];
+  const loading = data?.loading ?? false;
+  const selectedRowKeys = selection?.selectedRowKeys;
+  const selectedCount = selectedRowKeys?.length ?? 0;
+  const bulkActions = selection?.bulkActions?.map((action) => ({
+    key: action.key,
+    label: action.label,
+    kind: action.kind,
+    disabled: action.disabled,
+    onAction: (keys) => action.onAction(keys)
+  })) ?? [];
+  const rowSelection = selection?.enabled ? {
+    ...selectedRowKeys !== void 0 ? { selectedRowKeys } : {},
+    onChange: (keys) => selection.onSelectionChange?.(keys),
+    getCheckboxProps: (record, index) => {
+      const fallback = record?.name ?? record?.title ?? record?.key ?? "row";
+      return {
+        name: String(fallback),
+        "aria-label": selection.getAriaLabel?.(record, index) ?? `Select ${fallback}`
+      };
+    }
+  } : void 0;
+  const hasToolbar = exports2 && exports2.length > 0 || tools;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    TemplateFrame,
+    {
+      title,
+      subtitle,
+      breadcrumbs,
+      data,
+      actions,
+      filters,
+      audit,
+      layout,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_antd7.Space, { direction: "vertical", size: "middle", style: { width: "100%" }, children: [
+        hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "flex-end",
+              gap: token.marginSM,
+              flexWrap: "wrap"
+            },
+            children: [
+              exports2?.map((exp) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                import_antd7.Button,
+                {
+                  icon: exp.icon ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons3.DownloadOutlined, {}),
+                  onClick: exp.onExport,
+                  disabled: exp.disabled,
+                  children: exp.label
+                },
+                exp.key
+              )),
+              tools
+            ]
+          }
+        ),
+        selection?.enabled && selectedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          BulkActionsBar,
+          {
+            selectedCount,
+            selectedRowKeys: selectedRowKeys ?? [],
+            actions: bulkActions,
+            onClear: () => selection.onSelectionChange?.([])
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_antd7.Card, { styles: { body: { padding: 0 } }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_antd7.Table,
+          {
+            ...table,
+            dataSource: items,
+            loading,
+            rowSelection
+          }
+        ) })
+      ] })
+    }
+  );
+}
+
+// src/templates/DetailTemplate/DetailTemplate.tsx
+var import_antd8 = require("antd");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function DetailTemplate({
+  title,
+  subtitle,
+  breadcrumbs,
+  data,
+  actions,
+  audit,
+  layout
+}) {
+  const { token } = import_antd8.theme.useToken();
+  const summary = data?.summary;
+  const sections = data?.sections ?? [];
+  const auditTrail = data?.auditTrail;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    TemplateFrame,
+    {
+      title,
+      subtitle,
+      breadcrumbs,
+      data,
+      actions,
+      audit,
+      layout,
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd8.Space, { direction: "vertical", size: "large", style: { width: "100%" }, children: [
+        summary && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SectionCard, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_antd8.Descriptions,
+          {
+            items: summary.items,
+            column: summary.columns ?? { xs: 1, sm: 2, lg: 3 },
+            size: "small",
+            bordered: true
+          }
+        ) }),
+        sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          SectionCard,
+          {
+            title: section.title,
+            extra: section.extra,
+            children: section.content
+          },
+          section.key
+        )),
+        auditTrail && auditTrail.events.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          AuditTrail,
+          {
+            title: auditTrail.title,
+            events: auditTrail.events,
+            loading: auditTrail.loading,
+            onLoadMore: auditTrail.onLoadMore
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/templates/Auth/AuthShell.tsx
+var import_antd9 = require("antd");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var { Title: Title4, Text: Text5 } = import_antd9.Typography;
+function AuthShell({
+  brand,
+  title,
+  subtitle,
+  footer,
+  children,
+  maxWidth = 420
+}) {
+  const { token } = import_antd9.theme.useToken();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      style: {
+        minHeight: "100vh",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: token.paddingLG,
+        background: token.colorBgLayout
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { width: "100%", maxWidth }, children: [
+        brand && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { textAlign: "center", marginBottom: token.marginLG }, children: brand }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          import_antd9.Card,
+          {
+            styles: {
+              body: { padding: token.paddingXL }
+            },
+            children: [
+              (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { textAlign: "center", marginBottom: token.marginLG }, children: [
+                title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Title4, { level: 3, style: { margin: 0 }, children: title }),
+                subtitle && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text5, { type: "secondary", style: { marginTop: token.marginXS, display: "block" }, children: subtitle })
+              ] }),
+              children
+            ]
+          }
+        ),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              marginTop: token.marginLG,
+              color: token.colorTextSecondary,
+              fontSize: token.fontSizeSM
+            },
+            children: footer
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/templates/Auth/ErrorPageTemplate.tsx
+var import_antd10 = require("antd");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var defaultTitles = {
+  401: "Unauthorized",
+  403: "Access Denied",
+  404: "Page Not Found",
+  500: "Server Error"
+};
+var defaultMessages = {
+  401: "You need to sign in to access this page.",
+  403: "You don't have permission to access this resource.",
+  404: "The page you're looking for doesn't exist or has been moved.",
+  500: "Something went wrong on our end. Please try again later."
+};
+var statusToResultStatus = {
+  401: "warning",
+  403: "error",
+  404: "404",
+  500: "500"
+};
+function ErrorPageTemplate({
+  status,
+  title,
+  message,
+  actions,
+  extra
+}) {
+  const { token } = import_antd10.theme.useToken();
+  const resolvedTitle = title ?? defaultTitles[status];
+  const resolvedMessage = message ?? defaultMessages[status];
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      style: {
+        minHeight: "100vh",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: token.paddingLG,
+        background: token.colorBgLayout
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_antd10.Result,
+        {
+          status: statusToResultStatus[status],
+          title: resolvedTitle,
+          subTitle: resolvedMessage,
+          extra: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd10.Space, { direction: "vertical", size: "middle", align: "center", children: [
+            actions && actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd10.Space, { children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_antd10.Button,
+              {
+                type: action.kind === "primary" ? "primary" : action.kind === "link" ? "link" : "default",
+                danger: action.kind === "danger",
+                disabled: action.disabled,
+                icon: action.icon,
+                onClick: action.onAction,
+                "aria-label": action.ariaLabel,
+                children: action.label
+              },
+              action.key
+            )) }),
+            extra
+          ] })
+        }
+      )
+    }
+  );
+}
+
+// src/templates/WizardTemplate/WizardTemplate.tsx
+var import_antd11 = require("antd");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function WizardTemplate({
+  title,
+  subtitle,
+  breadcrumbs,
+  actions,
+  data,
+  filters,
+  audit,
+  layout
+}) {
+  const steps = data?.steps ?? [];
+  const currentStep = data?.currentStep ?? 0;
+  const activeStep = steps[currentStep];
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    TemplateFrame,
+    {
+      title,
+      subtitle,
+      breadcrumbs,
+      actions,
+      data,
+      filters,
+      audit,
+      layout,
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_antd11.Space, { direction: "vertical", size: "large", style: { width: "100%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          import_antd11.Steps,
+          {
+            current: currentStep,
+            items: steps.map((step) => ({
+              key: step.key,
+              title: step.title,
+              description: step.description
+            }))
+          }
+        ),
+        activeStep && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SectionCard, { title: activeStep.title, subtitle: activeStep.description, children: activeStep.content })
+      ] })
+    }
+  );
+}
+
+// src/templates/SettingsTemplate/SettingsTemplate.tsx
+var import_antd12 = require("antd");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function SettingsTemplate({
+  title,
+  subtitle,
+  breadcrumbs,
+  actions,
+  data,
+  filters,
+  audit,
+  layout
+}) {
+  const sections = data?.sections ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    TemplateFrame,
+    {
+      title,
+      subtitle,
+      breadcrumbs,
+      actions,
+      data,
+      filters,
+      audit,
+      layout,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd12.Space, { direction: "vertical", size: "large", style: { width: "100%" }, children: sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        SectionCard,
+        {
+          title: section.title,
+          subtitle: section.subtitle,
+          children: section.content
+        },
+        section.key
+      )) })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuditTrail,
+  AuthShell,
+  BulkActionsBar,
+  DashboardTemplate,
+  DetailTemplate,
+  ErrorPageTemplate,
+  KpiCard,
+  ListTemplate,
+  SectionCard,
+  SettingsTemplate,
+  TemplateFrame,
+  WizardTemplate,
+  templateActionsToPageHeaderActions
+});