@vadimcomanescu/nadicode-design-system 4.0.10 → 5.0.0

package/src/lib/tokens.config.js

@@ -292,10 +292,10 @@ export const colorTokens = {
   dark: {
     background: '#000000',       // true black
     surface: {
-      DEFAULT: '#141414',        // gray.2
-      hover: '#1E1E1E',          // gray.3
-      active: '#282828',         // gray.4
-      raised: '#1E1E1E',         // gray.3
+      DEFAULT: '#1E1E1E',        // gray.3 (raised for contrast)
+      hover: '#282828',          // gray.4
+      active: '#323232',         // gray.5
+      raised: '#262626',         // gray.4 (elevated)
     },
     border: {
       DEFAULT: '#454545',        // gray.6
@@ -342,7 +342,7 @@ export const colorTokens = {
     overlay: '#000000',
     text: {
       primary: '#EDEDED',
-      secondary: '#A1A1A1',
+      secondary: '#ABABAB',
       tertiary: '#8B8B8B',
     },
     focusRing: '#0A9E6F',        // jade

package/dist/chunk-2HETVNKL.js

@@ -1,30 +0,0 @@
-import { LoginBlock } from './chunk-YZXCW44Y.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsx } from 'react/jsx-runtime';
-
-function SignupPageKit({
-  action,
-  googleAction,
-  error,
-  showSocial = true,
-  labels,
-  signInHref,
-  className,
-  cardClassName
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("min-h-dvh w-full bg-background px-4 py-12 md:px-8 md:py-20", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-5xl items-center justify-center", children: /* @__PURE__ */ jsx(
-    LoginBlock,
-    {
-      className: cn("w-full", cardClassName),
-      type: "signup",
-      action,
-      googleAction,
-      error,
-      showSocial,
-      labels,
-      signInHref
-    }
-  ) }) });
-}
-
-export { SignupPageKit };

package/dist/chunk-2IMMY3XX.js

@@ -1,56 +0,0 @@
-import { Heading } from './chunk-UXX6HHPS.js';
-import { Card, CardHeader, CardContent } from './chunk-3HHLJH72.js';
-import { ZapIcon } from './chunk-FLF5AMNO.js';
-import { SparklesIcon } from './chunk-CGUCH322.js';
-import { SettingsIcon } from './chunk-OITJWGFV.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var defaultFeatures = [
-  {
-    title: "Customizable",
-    description: "Extensive customization options, allowing you to tailor every aspect to meet your specific needs.",
-    icon: /* @__PURE__ */ jsx(ZapIcon, { size: 24, "aria-hidden": true })
-  },
-  {
-    title: "You have full control",
-    description: "From design elements to functionality, you have complete control to create a unique and personalized experience.",
-    icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 24, "aria-hidden": true })
-  },
-  {
-    title: "Powered By AI",
-    description: "Elements to functionality, you have complete control to create a unique experience.",
-    icon: /* @__PURE__ */ jsx(SparklesIcon, { size: 24, "aria-hidden": true })
-  }
-];
-function FeatureGridBlock({
-  title = "Built to cover your needs",
-  description = "Libero sapiente aliquam quibusdam aspernatur, praesentium iusto repellendus.",
-  features = defaultFeatures,
-  className
-} = {}) {
-  return /* @__PURE__ */ jsx("section", { className: className ?? "bg-background py-16 md:py-32 dark:bg-transparent", children: /* @__PURE__ */ jsxs("div", { className: "@container mx-auto max-w-5xl px-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
-      /* @__PURE__ */ jsx("p", { className: "mt-4", children: description })
-    ] }),
-    /* @__PURE__ */ jsx(Card, { className: "lg:max-w-full lg:grid-cols-3 lg:divide-x lg:divide-y-0 mx-auto mt-8 grid max-w-sm divide-y overflow-hidden shadow-sm *:text-center md:mt-16", children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: "group shadow-sm", children: [
-      /* @__PURE__ */ jsxs(CardHeader, { className: "pb-4", children: [
-        /* @__PURE__ */ jsx(CardDecorator, { children: feature.icon }),
-        /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "mt-6 font-medium", children: feature.title })
-      ] }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm", children: feature.description }) })
-    ] }, i)) })
-  ] }) });
-}
-var CardDecorator = ({ children }) => /* @__PURE__ */ jsxs("div", { className: "mask-radial-from-40% mask-radial-to-60% relative mx-auto size-36 duration-200 [--color-border:color-mix(in_oklab,var(--color-text-primary)10%,transparent)] group-hover:[--color-border:color-mix(in_oklab,var(--color-text-primary)20%,transparent)] dark:[--color-border:color-mix(in_oklab,var(--color-text-primary)15%,transparent)] dark:group-hover:[--color-border:color-mix(in_oklab,var(--color-text-primary)20%,transparent)]", children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-hidden": true,
-      className: "absolute inset-0 bg-[linear-gradient(to_right,var(--color-border)_1px,transparent_1px),linear-gradient(to_bottom,var(--color-border)_1px,transparent_1px)] bg-[size:24px_24px] dark:opacity-50"
-    }
-  ),
-  /* @__PURE__ */ jsx("div", { className: "bg-background absolute inset-0 m-auto flex size-12 items-center justify-center border-l border-t", children })
-] });
-
-export { FeatureGridBlock };

package/dist/chunk-2KTT2AYB.js

@@ -1,101 +0,0 @@
-import { StaggerChildren } from './chunk-DQPK2XRL.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-3HHLJH72.js';
-import { Button } from './chunk-7KIDDF3I.js';
-import { CheckIcon } from './chunk-CXACRCZ4.js';
-import { Badge } from './chunk-S4JAHKOP.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var DEFAULT_PLANS = [
-  {
-    name: "Free",
-    price: "$0",
-    period: "mo",
-    description: "Per editor",
-    features: ["Basic Analytics Dashboard", "5GB Cloud Storage", "Email and Chat Support"],
-    buttonVariant: "outline"
-  },
-  {
-    name: "Pro",
-    price: "$19",
-    period: "mo",
-    description: "Per editor",
-    features: [
-      "Everything in Free Plan",
-      "5GB Cloud Storage",
-      "Email and Chat Support",
-      "Access to Community Forum",
-      "Single User Access",
-      "Access to Basic Templates",
-      "Mobile App Access",
-      "1 Custom Report Per Month",
-      "Monthly Product Updates",
-      "Standard Security Features"
-    ],
-    highlighted: true,
-    badge: "Popular"
-  },
-  {
-    name: "Startup",
-    price: "$29",
-    period: "mo",
-    description: "Per editor",
-    features: ["Everything in Pro Plan", "5GB Cloud Storage", "Email and Chat Support"],
-    buttonVariant: "outline"
-  }
-];
-function PricingTableBlock({
-  heading = "Pricing that Scales with You",
-  subheading = "Gemini is evolving to be more than just the models. It supports an entire to the APIs and platforms helping developers and businesses innovate.",
-  plans = DEFAULT_PLANS,
-  onSelectPlan,
-  className
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-32", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl px-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl space-y-6 text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-center", children: heading }),
-      /* @__PURE__ */ jsx("p", { className: "text-text-secondary", children: subheading })
-    ] }),
-    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 120, className: "mt-8 grid gap-6 md:mt-20 md:grid-cols-3", children: plans.map((plan) => /* @__PURE__ */ jsxs(
-      Card,
-      {
-        className: plan.highlighted ? "relative" : "flex flex-col",
-        interactive: true,
-        children: [
-          !!plan.badge && /* @__PURE__ */ jsx(Badge, { className: "absolute inset-x-0 -top-3 mx-auto w-fit", children: plan.badge }),
-          /* @__PURE__ */ jsxs("div", { className: plan.highlighted ? "flex flex-col" : void 0, children: [
-            /* @__PURE__ */ jsxs(CardHeader, { children: [
-              /* @__PURE__ */ jsx(CardTitle, { className: "font-medium", children: plan.name }),
-              /* @__PURE__ */ jsxs("span", { className: "my-3 block text-2xl font-semibold tabular-nums", children: [
-                plan.price,
-                " / ",
-                plan.period
-              ] }),
-              /* @__PURE__ */ jsx(CardDescription, { className: "text-sm", children: plan.description })
-            ] }),
-            /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-              /* @__PURE__ */ jsx("hr", { className: "border-dashed" }),
-              /* @__PURE__ */ jsx("ul", { className: "list-outside space-y-3 text-sm", children: plan.features.map((feature, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(CheckIcon, { size: 12 }),
-                feature
-              ] }, index)) })
-            ] }),
-            /* @__PURE__ */ jsx(CardFooter, { className: plan.highlighted ? void 0 : "mt-auto", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: plan.buttonVariant ?? "primary",
-                className: "w-full",
-                onClick: () => onSelectPlan?.(plan.name),
-                children: "Get Started"
-              }
-            ) })
-          ] })
-        ]
-      },
-      plan.name
-    )) })
-  ] }) });
-}
-
-export { PricingTableBlock };

package/dist/chunk-2WV6RLAC.js

@@ -1,169 +0,0 @@
-import { CrudListDetailPageKit } from './chunk-BPULUURW.js';
-import { Typography } from './chunk-PC6VMNDY.js';
-import { KanbanBoard, KanbanColumn, KanbanColumnHeader, KanbanItem, KanbanHandle } from './chunk-TYP2MR3Q.js';
-import { Avatar, AvatarFallback } from './chunk-NAAU5IWU.js';
-import { Badge } from './chunk-S4JAHKOP.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { useState, useMemo } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function mapState(state) {
-  switch (state) {
-    case "loading":
-      return "loading";
-    case "empty":
-      return "empty";
-    default:
-      return "has-data";
-  }
-}
-function KanbanBoardPageKit({
-  shell,
-  state,
-  columns,
-  getItemId,
-  onMove,
-  readOnly = false,
-  title = "Kanban board",
-  description = "Track work through draggable board columns with explicit move and failure contracts.",
-  moveErrorMessage,
-  activityRegion,
-  className
-}) {
-  const [selectedItemId, setSelectedItemId] = useState(null);
-  const boardColumns = useMemo(
-    () => columns.map((column) => ({ id: column.id, items: column.items })),
-    [columns]
-  );
-  const flattenedRows = useMemo(
-    () => columns.flatMap((column) => column.items.map((item) => ({
-      id: String(getItemId(item)),
-      summaryLabel: item.title,
-      cells: {
-        title: item.title,
-        column: column.title
-      }
-    }))),
-    [columns, getItemId]
-  );
-  const selectedItem = useMemo(() => {
-    if (!selectedItemId) {
-      return null;
-    }
-    for (const column of columns) {
-      const match = column.items.find((item) => String(getItemId(item)) === selectedItemId);
-      if (match) {
-        return match;
-      }
-    }
-    return null;
-  }, [columns, getItemId, selectedItemId]);
-  return /* @__PURE__ */ jsx(
-    CrudListDetailPageKit,
-    {
-      shell,
-      title,
-      description,
-      state: mapState(state),
-      columns: [
-        { id: "title", header: "Title" },
-        { id: "column", header: "Column" }
-      ],
-      rows: flattenedRows,
-      selectedRowId: selectedItemId,
-      onRowSelect: setSelectedItemId,
-      detailPanel: {
-        title: "Task detail",
-        description: "Review the selected work item without leaving the board context.",
-        mode: "inline",
-        renderDetail: () => {
-          if (!selectedItem) {
-            return /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Select a task to inspect details." });
-          }
-          return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: selectedItem.title }),
-            selectedItem.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: selectedItem.description }) : null,
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              selectedItem.badgeLabel ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: selectedItem.badgeLabel }) : null,
-              selectedItem.assigneeLabel ? /* @__PURE__ */ jsx(Avatar, { className: "h-6 w-6 text-[11px]", children: /* @__PURE__ */ jsx(AvatarFallback, { children: selectedItem.assigneeLabel }) }) : null
-            ] })
-          ] });
-        }
-      },
-      emptyState: {
-        title: "No board columns available",
-        description: "Provide at least one column to render the kanban board."
-      },
-      pagination: {
-        page: 1,
-        totalPages: 1,
-        onPageChange: () => {
-        }
-      },
-      renderCollection: () => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        state === "move-failed" ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "alert",
-            className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-            children: moveErrorMessage ?? "A move failed. Keep board state and retry once the backend recovers."
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(
-          KanbanBoard,
-          {
-            value: boardColumns,
-            getItemId,
-            getItemLabel: (item) => item.title,
-            canMove: readOnly ? () => false : void 0,
-            onValueChange: onMove,
-            className: cn("pb-2", className),
-            children: columns.map((column) => /* @__PURE__ */ jsxs(
-              KanbanColumn,
-              {
-                id: column.id,
-                items: column.items,
-                disabled: readOnly || column.disabled,
-                "aria-label": `${column.title} column`,
-                children: [
-                  /* @__PURE__ */ jsxs(KanbanColumnHeader, { children: [
-                    /* @__PURE__ */ jsx("span", { children: column.title }),
-                    /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "tabular-nums text-xs", children: column.items.length })
-                  ] }),
-                  /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: column.items.map((item) => {
-                    const itemId = String(getItemId(item));
-                    return /* @__PURE__ */ jsx(
-                      KanbanItem,
-                      {
-                        value: item,
-                        disabled: readOnly,
-                        onClick: () => setSelectedItemId(itemId),
-                        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-                          !readOnly ? /* @__PURE__ */ jsx(KanbanHandle, { "aria-label": `Move ${item.title}` }) : null,
-                          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
-                            /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: item.title }),
-                            item.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "line-clamp-2 text-text-secondary", children: item.description }) : null,
-                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                              item.badgeLabel ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: item.badgeLabel }) : null,
-                              item.assigneeLabel ? /* @__PURE__ */ jsx(Avatar, { className: "h-5 w-5 text-[10px]", children: /* @__PURE__ */ jsx(AvatarFallback, { children: item.assigneeLabel }) }) : null
-                            ] })
-                          ] })
-                        ] })
-                      },
-                      itemId
-                    );
-                  }) })
-                ]
-              },
-              column.id
-            ))
-          }
-        ),
-        activityRegion ? /* @__PURE__ */ jsx("div", { children: activityRegion }) : null
-      ] }),
-      className
-    }
-  );
-}
-
-export { KanbanBoardPageKit };

package/dist/chunk-2YZZJUJ6.js

@@ -1,70 +0,0 @@
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-3HHLJH72.js';
-import { Alert, AlertTitle, AlertDescription } from './chunk-6CLSVCWP.js';
-import { Button } from './chunk-7KIDDF3I.js';
-import { LoaderCircleIcon } from './chunk-BRP6D56U.js';
-import { useState } from 'react';
-import { useStripe, useElements, PaymentElement } from '@stripe/react-stripe-js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function CheckoutForm({ amount = 2e3, currency = "usd", returnUrl = "/settings/billing" }) {
-  const stripe = useStripe();
-  const elements = useElements();
-  const [message, setMessage] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!stripe || !elements) {
-      return;
-    }
-    setIsLoading(true);
-    setMessage(null);
-    const { error } = await stripe.confirmPayment({
-      elements,
-      confirmParams: {
-        // Make sure to change this to your payment completion page
-        return_url: `${window.location.origin}${returnUrl}`
-      }
-    });
-    if (error.type === "card_error" || error.type === "validation_error") {
-      setMessage(error.message ?? "An unexpected error occurred.");
-    } else {
-      setMessage("An unexpected error occurred.");
-    }
-    setIsLoading(false);
-  };
-  return /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-md", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: "Payment Details" }),
-      /* @__PURE__ */ jsxs(CardDescription, { children: [
-        "Complete your purchase of $",
-        amount / 100,
-        " ",
-        currency.toUpperCase(),
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-6", children: [
-        /* @__PURE__ */ jsx(PaymentElement, { id: "payment-element", options: { layout: "tabs" } }),
-        !!message && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: message })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          disabled: isLoading || !stripe || !elements,
-          className: "w-full",
-          type: "submit",
-          children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(LoaderCircleIcon, { size: 16, className: "mr-2 animate-spin" }),
-            "Processing..."
-          ] }) : "Pay Now"
-        }
-      ) })
-    ] })
-  ] });
-}
-
-export { CheckoutForm };

package/dist/chunk-3QKI6RJX.js

@@ -1,149 +0,0 @@
-import { NavigationShellPageKit } from './chunk-ZBQLUB3B.js';
-import { ActivityFeedBlock } from './chunk-4QOH76MI.js';
-import { Typography } from './chunk-PC6VMNDY.js';
-import { MetricCard } from './chunk-4GSIGQXI.js';
-import { Heading } from './chunk-UXX6HHPS.js';
-import { DataFreshness } from './chunk-WST5NLLC.js';
-import { ChartCard } from './chunk-N5QVBOYM.js';
-import { Empty, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.js';
-import { Card, CardHeader, CardTitle, CardContent } from './chunk-3HHLJH72.js';
-import { cn } from './chunk-QYZT24TS.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var EMPTY_KPIS = [];
-var EMPTY_CHART_REGIONS = [];
-var EMPTY_ACTIVITY_ITEMS = [];
-function deriveRegionState(state, data) {
-  if (state) {
-    return state;
-  }
-  if (!data || data.length === 0) {
-    return "empty";
-  }
-  return "has-data";
-}
-function renderChartRegion(region) {
-  const state = deriveRegionState(region.state, region.data);
-  const isPartialDataState = state === "partial-data";
-  if (state === "error") {
-    return /* @__PURE__ */ jsxs(Card, { className: region.className, children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: region.title }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "alert",
-          className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-          children: region.errorMessage ?? "Chart region is unavailable."
-        }
-      ) })
-    ] }, region.id);
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", region.className), children: [
-    isPartialDataState ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Some chart points are still loading, available data remains visible." }) : null,
-    /* @__PURE__ */ jsx(
-      ChartCard,
-      {
-        title: region.title,
-        description: region.description,
-        chart: region.chart,
-        data: state === "empty" ? [] : region.data,
-        loading: state === "loading",
-        emptyTitle: region.emptyTitle ?? "No chart data",
-        emptyDescription: region.emptyDescription ?? "This chart will populate once data is available."
-      }
-    )
-  ] }, region.id);
-}
-function DashboardPageKit({
-  shell,
-  title = "Dashboard overview",
-  description = "Track KPI performance, chart health, and recent activity from one route-level contract.",
-  kpis = EMPTY_KPIS,
-  kpiState,
-  chartRegions = EMPTY_CHART_REGIONS,
-  activityRegion,
-  lastUpdated,
-  className
-}) {
-  const freshnessTimestamp = lastUpdated ?? /* @__PURE__ */ new Date();
-  const resolvedKpiState = deriveRegionState(kpiState, kpis);
-  const resolvedActivityState = deriveRegionState(activityRegion?.state, activityRegion?.items ?? EMPTY_ACTIVITY_ITEMS);
-  const hasLoadingCharts = chartRegions.some((region) => deriveRegionState(region.state, region.data) === "loading");
-  const loadingKpis = Array.from({ length: Math.max(kpis.length, 4) }, (_, index) => /* @__PURE__ */ jsx(
-    MetricCard,
-    {
-      label: `Loading metric ${index + 1}`,
-      value: 0,
-      loading: true
-    },
-    `loading-kpi-${index}`
-  ));
-  return /* @__PURE__ */ jsx(NavigationShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
-        /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
-      ] }),
-      /* @__PURE__ */ jsx(DataFreshness, { lastUpdated: freshnessTimestamp, isLive: true })
-    ] }),
-    /* @__PURE__ */ jsxs("section", { "aria-label": "Dashboard KPI region", className: "space-y-3", children: [
-      resolvedKpiState === "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading KPI metrics" }),
-        /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: loadingKpis })
-      ] }) : null,
-      resolvedKpiState === "error" ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "alert",
-          className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-          children: "KPI metrics are currently unavailable."
-        }
-      ) : null,
-      resolvedKpiState === "empty" ? /* @__PURE__ */ jsxs(Empty, { children: [
-        /* @__PURE__ */ jsx(EmptyTitle, { children: "No KPI data" }),
-        /* @__PURE__ */ jsx(EmptyDescription, { children: "Connect your data source to populate KPI cards." })
-      ] }) : null,
-      resolvedKpiState === "partial-data" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Some KPI metrics are temporarily unavailable." }) : null,
-      resolvedKpiState === "has-data" || resolvedKpiState === "partial-data" ? /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: kpis.map((kpi) => /* @__PURE__ */ jsx(
-        MetricCard,
-        {
-          ...kpi
-        },
-        `${kpi.label}-${String(kpi.value)}`
-      )) }) : null
-    ] }),
-    /* @__PURE__ */ jsxs("section", { "aria-label": "Dashboard chart regions", className: "grid gap-4 xl:grid-cols-2", children: [
-      hasLoadingCharts ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary xl:col-span-2", children: "Loading chart data" }) : null,
-      chartRegions.map((region) => renderChartRegion(region))
-    ] }),
-    /* @__PURE__ */ jsxs("section", { "aria-label": "Dashboard activity region", children: [
-      resolvedActivityState === "loading" ? /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: activityRegion?.title ?? "Recent activity" }) }),
-        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading activity feed" }) })
-      ] }) : null,
-      resolvedActivityState === "error" ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "alert",
-          className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-          children: activityRegion?.errorMessage ?? "Activity feed is unavailable."
-        }
-      ) : null,
-      resolvedActivityState === "empty" ? /* @__PURE__ */ jsxs(Empty, { children: [
-        /* @__PURE__ */ jsx(EmptyTitle, { children: activityRegion?.emptyTitle ?? "No activity yet" }),
-        /* @__PURE__ */ jsx(EmptyDescription, { children: activityRegion?.emptyDescription ?? "Recent updates will appear once your team starts making changes." })
-      ] }) : null,
-      resolvedActivityState === "partial-data" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Recent activity is partially available while remaining events sync." }) : null,
-      resolvedActivityState === "has-data" || resolvedActivityState === "partial-data" ? /* @__PURE__ */ jsx(
-        ActivityFeedBlock,
-        {
-          title: activityRegion?.title ?? "Recent activity",
-          activities: activityRegion?.items,
-          className: "py-4 md:py-6"
-        }
-      ) : null
-    ] })
-  ] }) });
-}
-
-export { DashboardPageKit };