@doneisbetter/gds-core 2.6.7 → 3.0.0

package/dist/index.js

@@ -27,6 +27,7 @@ __export(index_exports, {
   ArticleShell: () => ArticleShell,
   AuthShell: () => AuthShell,
   BrowseSurface: () => BrowseSurface,
+  ChartTokenPanel: () => ChartTokenPanel,
   ChoiceChip: () => ChoiceChip,
   ConfirmDialog: () => ConfirmDialog,
   ConsumerDashboardGrid: () => ConsumerDashboardGrid,
@@ -41,6 +42,7 @@ __export(index_exports, {
   EditorialCard: () => EditorialCard,
   EditorialHero: () => EditorialHero,
   EmptyState: () => EmptyState,
+  EvidencePanel: () => EvidencePanel,
   FeatureBand: () => FeatureBand,
   FilterDrawer: () => FilterDrawer,
   FoodMenuSection: () => FoodMenuSection,
@@ -55,6 +57,7 @@ __export(index_exports, {
   MetricCard: () => MetricCard,
   PROVIDER_IDENTITY_REGISTRY: () => PROVIDER_IDENTITY_REGISTRY,
   PageHeader: () => PageHeader,
+  PeriodSelector: () => PeriodSelector,
   PlaceholderPanel: () => PlaceholderPanel,
   PlaybackSurface: () => PlaybackSurface,
   ProductCard: () => ProductCard,
@@ -72,6 +75,7 @@ __export(index_exports, {
   ReferenceLocaleNotice: () => ReferenceLocaleNotice,
   ReferenceSection: () => ReferenceSection,
   ReferenceThemeExplorer: () => ReferenceThemeExplorer,
+  ReportingSection: () => ReportingSection,
   SectionPanel: () => SectionPanel,
   SemanticButton: () => SemanticButton,
   ShareButtonGroup: () => ShareButtonGroup,
@@ -94,8 +98,10 @@ __export(index_exports, {
   gdsLocales: () => gdsLocales,
   getGdsMessages: () => getGdsMessages,
   getProviderIdentityLabel: () => getProviderIdentityLabel,
+  getProviderIdentityPolicy: () => getProviderIdentityPolicy,
   getSemanticActionConfig: () => getSemanticActionConfig,
   getSemanticActionLabel: () => getSemanticActionLabel,
+  getSupportedProviderIdentityIds: () => getSupportedProviderIdentityIds,
   he: () => he,
   hu: () => hu,
   isPresentationMode: () => isPresentationMode,
@@ -979,6 +985,23 @@ var themePresetCatalog = {
     avoidFor: "Avoid for local style experiments or temporary visual fixes without compliance approval."
   }
 };
+var colorSchemeProof = [
+  {
+    id: "light",
+    label: "Light",
+    description: "Validates readable default surfaces, controls, badges, and focus states against light backgrounds."
+  },
+  {
+    id: "dark",
+    label: "Dark",
+    description: "Validates contrast for public, operational, and feedback surfaces when dark mode is active."
+  },
+  {
+    id: "auto",
+    label: "Auto",
+    description: "Documents the adopter path for OS-controlled schemes while keeping the provider contract unchanged."
+  }
+];
 function ThemePreviewSurface({
   preset,
   colorScheme,
@@ -1000,6 +1023,10 @@ function ThemePreviewSurface({
           " ",
           colorScheme
         ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Text, { size: "sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { children: "Accessibility proof:" }),
+          " status uses text, badge label, and placement, not color alone."
+        ] }),
         forcedScheme ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Text, { size: "sm", c: "dimmed", children: "This lane always previews in dark mode so the runtime stays inside its sanctioned contrast contract." }) : null
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ThemeToggle, {})
@@ -1029,7 +1056,8 @@ function ThemePreviewSurface({
           description: "This preview uses the real shipped design-system runtime rather than a docs-only styling lane.",
           metadata: [
             { id: "runtime", label: "Runtime lane", value: preset.themeKey },
-            { id: "scheme", label: "Color scheme", value: colorScheme }
+            { id: "scheme", label: "Color scheme", value: colorScheme },
+            { id: "focus", label: "A11y proof", value: "Keyboard + readable states" }
           ],
           primaryAction: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Button, { size: "sm", children: "Inspect route" })
         }
@@ -1146,7 +1174,7 @@ function ReferenceThemeExplorer() {
             ),
             /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Text, { size: "sm", c: "dimmed", children: "The generator composes shipped helpers instead of creating a second theme authority inside the website." })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Stack, { gap: "md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Stack, { gap: "md", role: "status", "aria-live": "polite", children: [
             /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Title, { order: 4, children: "Current selection summary" }),
             /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Stack, { gap: 6, children: [
               /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Text, { fw: 700, children: selectionSummary.label }),
@@ -1213,6 +1241,18 @@ function ReferenceThemeExplorer() {
         ] }) }, lane.themeKey)) })
       }
     ),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      ReferenceSection,
+      {
+        title: "Light, dark, and auto proof",
+        description: "Every official lane must remain usable across explicit light, explicit dark, and OS-controlled auto modes. The dark-public lane is intentionally forced to dark in preview to preserve its contrast contract.",
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.SimpleGrid, { cols: { base: 1, md: 3 }, spacing: "md", children: colorSchemeProof.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Paper, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Stack, { gap: 6, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Badge, { variant: "light", color: item.id === "dark" ? "violet" : item.id === "auto" ? "teal" : "blue", w: "fit-content", children: item.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Text, { size: "sm", children: item.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Text, { size: "xs", c: "dimmed", children: "Required proof: semantic text, visible focus, and contrast-safe state treatment." })
+        ] }) }, item.id)) })
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       ReferenceSection,
       {
@@ -1250,18 +1290,34 @@ function ReferenceThemeExplorer() {
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       ReferenceSection,
       {
-        title: "Creator-Authored Experience Boundary",
-        description: "Creator-authored expression is allowed only through the sanctioned theme helpers and narrow exception process.",
+        title: "Unsupported lane boundary",
+        description: "Unsupported local theme lanes are blocked by policy and compliance because they create parallel design-system authority.",
         tone: "supporting",
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          StateBlock,
-          {
-            variant: "info",
-            title: "Shipped first, custom second",
-            description: "The official site uses shipped presets and the public brand generator first. Product-authored overrides must stay reviewable, testable, and scoped.",
-            compact: true
-          }
-        )
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Stack, { gap: "md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            StateBlock,
+            {
+              variant: "permission",
+              title: "Do not create local branding-layer helpers",
+              description: "If a consumer needs brand expression, use createPublicBrandTheme(...). If a lane is missing, request it for GDS instead of building extendGdsTheme(...), createTheme(...), or mergeMantineTheme(...) ownership locally.",
+              compact: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.SimpleGrid, { cols: { base: 1, md: 2 }, spacing: "md", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Paper, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Stack, { gap: 6, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Text, { fw: 700, size: "sm", children: "Approved remediation" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Code, { block: true, children: [
+                "createPublicBrandTheme(",
+                `{ flatSurfaces: true, overrides: { primaryColor: 'blue' } }`,
+                ")"
+              ] })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Paper, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Stack, { gap: 6, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Text, { fw: 700, size: "sm", children: "Prohibited ownership" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Code, { block: true, children: "extendGdsTheme(...) / createTheme(...) / mergeMantineTheme(...)" })
+            ] }) })
+          ] })
+        ] })
       }
     )
   ] });
@@ -2411,10 +2467,14 @@ var import_jsx_runtime37 = require("react/jsx-runtime");
 function AuthShell({
   title,
   description,
+  intent = "sign-in",
   brand,
   headerActions,
   footer,
   helper,
+  error,
+  guestAction,
+  supportAction,
   socialAuth,
   dividerLabel = "Or continue with your account",
   children
@@ -2426,12 +2486,18 @@ function AuthShell({
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Card, { withBorder: true, radius: "lg", padding: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Stack, { gap: "lg", children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Stack, { gap: "xs", ta: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Group, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Badge, { variant: "light", color: intent === "account-linking" ? "blue" : intent === "guest-entry" ? "gray" : "teal", children: intent.replace("-", " ") }) }),
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Title, { order: 2, children: title }),
         description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Text, { c: "dimmed", size: "sm", children: description }) : null
       ] }),
+      error ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Alert, { color: "red", variant: "light", role: "alert", children: error }) : null,
       socialAuth ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Box, { children: socialAuth }) : null,
       socialAuth ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Divider, { label: dividerLabel, labelPosition: "center" }) : null,
       children,
+      guestAction || supportAction ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Group, { justify: "center", gap: "sm", children: [
+        guestAction,
+        supportAction
+      ] }) : null,
       helper ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Text, { size: "sm", c: "dimmed", ta: "center", children: helper }) : null
     ] }) }),
     footer ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Text, { size: "sm", c: "dimmed", ta: "center", children: footer }) : null
@@ -2533,6 +2599,20 @@ function mapVariant(variant = "neutral") {
 function getProviderIdentityLabel(provider, fallbackOverride) {
   return resolveProviderLabel(provider, fallbackOverride);
 }
+function getSupportedProviderIdentityIds() {
+  return Object.keys(PROVIDER_IDENTITY_REGISTRY);
+}
+function getProviderIdentityPolicy(provider) {
+  const meta = getProviderIdentityMeta(provider);
+  return {
+    id: meta.id,
+    supported: meta.supported,
+    providerLabel: meta.providerLabel,
+    colorAuthority: meta.supported ? "provider" : "gds-neutral",
+    minTouchTargetPx: 44,
+    allowedVariants: ["solid", "outline", "neutral"]
+  };
+}
 function ProviderIdentityMark({ provider }) {
   const meta = getProviderIdentityMeta(provider);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -2551,10 +2631,13 @@ function ProviderIdentityButton({
   provider,
   label,
   description,
+  policyNote,
+  error,
   href,
   onClick,
   disabled,
   loading,
+  tenantDisabledReason,
   fullWidth = true,
   size = "md",
   variant = "neutral",
@@ -2564,6 +2647,7 @@ function ProviderIdentityButton({
 }) {
   const meta = getProviderIdentityMeta(provider);
   const buttonLabel = resolveProviderLabel(provider, label);
+  const resolvedDisabled = disabled || Boolean(tenantDisabledReason);
   const buttonProps = href ? {
     component: "a",
     href
@@ -2581,13 +2665,16 @@ function ProviderIdentityButton({
       "aria-label": ariaLabel ?? (typeof buttonLabel === "string" ? buttonLabel : void 0),
       "aria-describedby": describedBy,
       leftSection: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ProviderIdentityMark, { provider }),
-      disabled,
+      disabled: resolvedDisabled,
       loading,
       styles: { root: { minHeight: minTouchTargetPx } },
       ...buttonProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core36.Stack, { gap: 0, align: "flex-start", children: [
         /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Text, { inherit: true, children: buttonLabel }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Text, { size: "xs", c: "dimmed", lh: 1.2, children: description }) : null
+        description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Text, { size: "xs", c: "dimmed", lh: 1.2, children: description }) : null,
+        policyNote ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Text, { size: "xs", c: "dimmed", lh: 1.2, children: policyNote }) : null,
+        tenantDisabledReason ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Text, { size: "xs", c: "orange.7", lh: 1.2, children: tenantDisabledReason }) : null,
+        error ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Text, { size: "xs", c: "red.7", lh: 1.2, role: "alert", children: error }) : null
       ] })
     }
   );
@@ -2622,10 +2709,13 @@ function SocialAuthButtons({
     provider: provider.id,
     label: provider.label,
     description: provider.description,
+    policyNote: provider.policyNote,
+    error: provider.error,
     href: provider.href,
     onClick: provider.onClick,
     disabled: provider.disabled,
     loading: provider.loading,
+    tenantDisabledReason: provider.tenantDisabledReason,
     size: provider.size ?? (compact ? "sm" : "md"),
     variant: provider.variant
   }));
@@ -3363,15 +3453,27 @@ function UploadDropzone({
   description,
   onFilesSelected,
   accept,
+  acceptedTypesLabel,
+  maxSizeLabel,
   multiple = true,
   actionLabel = "Choose files",
-  mode = "panel"
+  mode = "panel",
+  state = "idle",
+  selectedFiles = [],
+  error,
+  policyText,
+  retryAction,
+  removeAction,
+  readonly = false
 }) {
   const inputRef = (0, import_react9.useRef)(null);
   const [dragging, setDragging] = (0, import_react9.useState)(false);
   const UploadIcon = GdsIcons.Upload;
+  const effectiveState = readonly ? "readonly" : dragging ? "drag-active" : state;
+  const isDisabled = readonly || effectiveState === "upload-pending";
+  const isError = ["upload-failed", "unsupported-type", "too-large"].includes(effectiveState);
   const forwardFiles = (files) => {
-    if (!files?.length || !onFilesSelected) {
+    if (isDisabled || !files?.length || !onFilesSelected) {
       return;
     }
     onFilesSelected(Array.from(files));
@@ -3381,6 +3483,9 @@ function UploadDropzone({
     {
       onDragOver: (event) => {
         event.preventDefault();
+        if (isDisabled) {
+          return;
+        }
         setDragging(true);
       },
       onDragLeave: () => setDragging(false),
@@ -3391,10 +3496,11 @@ function UploadDropzone({
       },
       p: mode === "inline" ? "md" : "xl",
       style: {
-        border: `1px dashed var(${dragging ? "--mantine-color-violet-6" : "--mantine-color-default-border"})`,
+        border: `1px dashed var(${effectiveState === "drag-active" ? "--mantine-color-violet-6" : isError ? "--mantine-color-red-6" : "--mantine-color-default-border"})`,
         borderRadius: "var(--mantine-radius-lg)",
-        background: dragging ? "var(--mantine-color-violet-light)" : "transparent"
+        background: effectiveState === "drag-active" ? "var(--mantine-color-violet-light)" : "transparent"
       },
+      "aria-invalid": isError || void 0,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "input",
@@ -3404,14 +3510,30 @@ function UploadDropzone({
             hidden: true,
             accept,
             multiple,
+            disabled: isDisabled,
             onChange: (event) => forwardFiles(event.currentTarget.files)
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Stack, { align: mode === "inline" ? "flex-start" : "center", ta: mode === "inline" ? "left" : "center", gap: "sm", children: [
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UploadIcon, { size: "1.5rem" }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Badge, { variant: "light", color: isError ? "red" : effectiveState === "selected" ? "blue" : effectiveState === "upload-pending" ? "violet" : "gray", children: effectiveState.replace("-", " ") }),
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Text, { fw: 600, children: title }),
           description ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Text, { size: "sm", c: "dimmed", children: description }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Button, { variant: "light", onClick: () => inputRef.current?.click(), children: actionLabel }) })
+          acceptedTypesLabel || maxSizeLabel ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Group, { gap: "xs", justify: mode === "inline" ? "flex-start" : "center", children: [
+            acceptedTypesLabel ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Badge, { variant: "outline", color: "gray", children: acceptedTypesLabel }) : null,
+            maxSizeLabel ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Badge, { variant: "outline", color: "gray", children: maxSizeLabel }) : null
+          ] }) : null,
+          selectedFiles.length ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Text, { size: "sm", children: [
+            "Selected: ",
+            selectedFiles.join(", ")
+          ] }) : null,
+          policyText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Text, { size: "sm", c: isError ? "red.7" : "dimmed", children: policyText }) : null,
+          error ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Text, { size: "sm", c: "red.7", role: "alert", children: error }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Group, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Button, { variant: "light", onClick: () => inputRef.current?.click(), disabled: isDisabled, children: actionLabel }),
+            retryAction,
+            removeAction
+          ] })
         ] })
       ]
     }
@@ -3423,10 +3545,17 @@ var import_core49 = require("@mantine/core");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var stateLabels = {
   empty: { label: "Empty", color: "gray" },
+  "drag-active": { label: "Drop to select", color: "violet" },
   selected: { label: "Selected", color: "blue" },
+  "preview-loading": { label: "Preview loading", color: "violet" },
   saved: { label: "Saved", color: "teal" },
   invalid: { label: "Needs attention", color: "red" },
-  uploading: { label: "Uploading", color: "violet" }
+  uploading: { label: "Uploading", color: "violet" },
+  "upload-failed": { label: "Upload failed", color: "red" },
+  "unsupported-type": { label: "Unsupported type", color: "red" },
+  "too-large": { label: "Too large", color: "red" },
+  removed: { label: "Removed", color: "gray" },
+  readonly: { label: "Read only", color: "gray" }
 };
 function MediaField({
   label,
@@ -3439,17 +3568,24 @@ function MediaField({
   policyText,
   error,
   retryAction,
+  replaceAction,
   onRemove,
   onReset,
   removeAction,
   resetAction,
   statusAction,
+  acceptedTypes,
+  maxSize,
+  progress,
+  readonly = false,
   state = "empty",
   mode = "stacked"
 }) {
-  const stateBadge = stateLabels[state];
-  const resolvedRemoveAction = removeAction ?? (onRemove ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Button, { type: "button", variant: "light", color: "red", onClick: onRemove, children: "Remove" }) : null);
-  const resolvedResetAction = resetAction ?? (onReset ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Button, { type: "button", variant: "default", onClick: onReset, children: "Reset" }) : null);
+  const resolvedState = readonly ? "readonly" : state;
+  const stateBadge = stateLabels[resolvedState];
+  const resolvedRemoveAction = removeAction ?? (!readonly && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Button, { type: "button", variant: "light", color: "red", onClick: onRemove, children: "Remove" }) : null);
+  const resolvedResetAction = resetAction ?? (!readonly && onReset ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Button, { type: "button", variant: "default", onClick: onReset, children: "Reset" }) : null);
+  const boundedProgress = typeof progress === "number" ? Math.max(0, Math.min(100, progress)) : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     FormField,
     {
@@ -3462,7 +3598,14 @@ function MediaField({
           statusAction
         ] }) }),
         preview ? preview : null,
-        uploadControl || urlInput ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+        typeof boundedProgress === "number" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Stack, { gap: 4, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Progress, { value: boundedProgress, "aria-label": "Upload progress" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Text, { size: "xs", c: "dimmed", children: [
+            boundedProgress,
+            "% complete"
+          ] })
+        ] }) : null,
+        (uploadControl || urlInput) && !readonly ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Divider, {}),
           /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Stack, { gap: "sm", style: mode === "split" ? { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))" } : void 0, children: [
             uploadControl,
@@ -3471,9 +3614,14 @@ function MediaField({
         ] }) : null,
         value ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Text, { size: "sm", c: "dimmed", style: { wordBreak: "break-all" }, children: value }) : null,
         helpText ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Text, { size: "sm", c: "dimmed", children: helpText }) : null,
+        acceptedTypes || maxSize ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Group, { gap: "xs", wrap: "wrap", children: [
+          acceptedTypes ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Badge, { variant: "outline", color: "gray", children: acceptedTypes }) : null,
+          maxSize ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Badge, { variant: "outline", color: "gray", children: maxSize }) : null
+        ] }) : null,
         policyText ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Text, { size: "sm", c: error ? "red.7" : "dimmed", children: policyText }) : null,
         typeof error !== "string" && error ? error : null,
-        resolvedRemoveAction || resolvedResetAction ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Group, { gap: "sm", children: [
+        replaceAction || resolvedRemoveAction || resolvedResetAction || retryAction ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Group, { gap: "sm", children: [
+          replaceAction,
           resolvedResetAction,
           retryAction,
           resolvedRemoveAction
@@ -3509,17 +3657,31 @@ function MediaCard({ title, image, description, status, overlay, actions = [] })
 // src/AccessSummary.tsx
 var import_core51 = require("@mantine/core");
 var import_jsx_runtime53 = require("react/jsx-runtime");
-function AccessSummary({ title, roles, scope, blocked = false, description }) {
+var accessStateMeta = {
+  allowed: { label: "Allowed", color: "teal" },
+  blocked: { label: "Blocked", color: "red" },
+  forbidden: { label: "Forbidden", color: "red" },
+  expired: { label: "Expired", color: "orange" },
+  "permission-limited": { label: "Permission limited", color: "grape" }
+};
+function AccessSummary({ title, roles, scope, blocked = false, state, owner, recoveryHint, description }) {
+  const resolvedState = state ?? (blocked ? "blocked" : "allowed");
+  const meta = accessStateMeta[resolvedState];
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core51.Card, { withBorder: true, radius: "lg", padding: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_core51.Stack, { gap: "sm", children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_core51.Group, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core51.Title, { order: 4, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core51.Badge, { color: blocked ? "red" : "teal", variant: "light", children: blocked ? "Blocked" : "Allowed" })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core51.Badge, { color: meta.color, variant: "light", children: meta.label })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core51.Group, { gap: "xs", children: roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core51.Badge, { variant: "outline", children: role }, role)) }),
     scope ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_core51.Text, { size: "sm", c: "dimmed", children: [
       "Scope: ",
       scope
     ] }) : null,
+    owner ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_core51.Text, { size: "sm", c: "dimmed", children: [
+      "Owner: ",
+      owner
+    ] }) : null,
+    recoveryHint ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core51.Text, { size: "sm", c: resolvedState === "allowed" ? "dimmed" : "red.7", children: recoveryHint }) : null,
     description ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core51.Text, { size: "sm", children: description }) : null
   ] }) });
 }
@@ -3531,6 +3693,7 @@ var import_jsx_runtime54 = require("react/jsx-runtime");
 var stateBlockVariantByState = {
   unauthenticated: "permission",
   "expired-session": "info",
+  timeout: "error",
   forbidden: "permission",
   missing: "error",
   unavailable: "error"
@@ -3544,6 +3707,10 @@ var defaultCopyByState = {
     title: "Session expired",
     description: "Sign in again or retry to continue where you left off."
   },
+  timeout: {
+    title: "Request timed out",
+    description: "The recovery action took too long. Retry or choose a safe destination."
+  },
   forbidden: {
     title: "You do not have access",
     description: "This content is outside your current permissions or scope."
@@ -3575,6 +3742,12 @@ function defaultActionsForState(state, {
         secondary: retryAction && signInAction ? retryAction : backAction,
         tertiary: supportAction ?? null
       };
+    case "timeout":
+      return {
+        primary: retryAction ?? backAction,
+        secondary: retryAction && backAction ? backAction : supportAction ?? null,
+        tertiary: retryAction && backAction ? supportAction ?? null : null
+      };
     case "forbidden":
       return { primary: backAction, secondary: supportAction ?? null, tertiary: null };
     case "missing":
@@ -3810,6 +3983,202 @@ function StatsSection({
   ] });
 }
 
+// src/PeriodSelector.tsx
+var import_core58 = require("@mantine/core");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+function PeriodSelector({
+  label,
+  description,
+  value,
+  options,
+  onChange,
+  timezone,
+  scope,
+  helperText,
+  error,
+  stale = false,
+  filtered = false,
+  disabled = false
+}) {
+  const selectedOption = options.find((option) => option.value === value);
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FormField, { label, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_core58.Stack, { gap: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      "select",
+      {
+        "aria-label": typeof label === "string" ? label : "Reporting period",
+        value,
+        disabled,
+        onChange: (event) => onChange?.(event.currentTarget.value),
+        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: option.value, children: option.label }, option.value))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_core58.Group, { gap: "xs", wrap: "wrap", children: [
+      timezone ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_core58.Badge, { variant: "outline", color: "gray", children: [
+        "Timezone: ",
+        timezone
+      ] }) : null,
+      filtered ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_core58.Badge, { variant: "light", color: "blue", children: "Filtered" }) : null,
+      stale ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_core58.Badge, { variant: "light", color: "orange", children: "Stale data" }) : null,
+      scope ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_core58.Badge, { variant: "outline", color: "gray", children: scope }) : null
+    ] }),
+    selectedOption?.description ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_core58.Text, { size: "sm", c: "dimmed", children: selectedOption.description }) : null,
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_core58.Text, { size: "sm", c: "dimmed", children: helperText }) : null
+  ] }) });
+}
+
+// src/EvidencePanel.tsx
+var import_core59 = require("@mantine/core");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var stateTone2 = {
+  current: { label: "Current", color: "teal" },
+  stale: { label: "Stale", color: "orange" },
+  partial: { label: "Partial data", color: "yellow" },
+  "permission-limited": { label: "Permission limited", color: "grape" },
+  loading: { label: "Loading", color: "blue" },
+  empty: { label: "No evidence", color: "gray" },
+  error: { label: "Needs attention", color: "red" }
+};
+function EvidencePanel({
+  title,
+  description,
+  source,
+  freshness,
+  confidence,
+  state = "current",
+  evidenceCount,
+  permissionNote,
+  retryAction,
+  details,
+  children
+}) {
+  const tone = stateTone2[state];
+  const isProblem = state === "error" || state === "permission-limited" || state === "stale" || state === "partial";
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_core59.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_core59.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_core59.Group, { justify: "space-between", align: "flex-start", gap: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_core59.Stack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_core59.Title, { order: 4, children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_core59.Text, { size: "sm", c: "dimmed", children: description }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_core59.Badge, { variant: "light", color: tone.color, children: tone.label })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_core59.Group, { gap: "xs", wrap: "wrap", children: [
+      source ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_core59.Badge, { variant: "outline", color: "gray", children: [
+        "Source: ",
+        source
+      ] }) : null,
+      freshness ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_core59.Badge, { variant: "outline", color: "gray", children: [
+        "Freshness: ",
+        freshness
+      ] }) : null,
+      confidence ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_core59.Badge, { variant: "outline", color: "gray", children: [
+        "Confidence: ",
+        confidence
+      ] }) : null,
+      typeof evidenceCount === "number" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_core59.Badge, { variant: "outline", color: "gray", children: [
+        "Evidence: ",
+        evidenceCount
+      ] }) : null
+    ] }),
+    permissionNote ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_core59.Alert, { color: isProblem ? tone.color : "gray", variant: "light", children: permissionNote }) : null,
+    details,
+    children,
+    retryAction
+  ] }) });
+}
+
+// src/ChartTokenPanel.tsx
+var import_core60 = require("@mantine/core");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+function ChartTokenPanel({
+  title,
+  description,
+  summary,
+  state = "ready",
+  legend = [],
+  children,
+  tableFallback,
+  retryAction
+}) {
+  if (state === "loading") {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StateBlock, { variant: "loading", title: "Loading chart", description: summary, compact: true, action: retryAction });
+  }
+  if (state === "empty") {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StateBlock, { variant: "empty", title: "No chart data", description: summary, compact: true, action: retryAction });
+  }
+  if (state === "below-threshold") {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StateBlock, { variant: "not-enough-data", title: "Not enough data for chart", description: summary, compact: true, action: retryAction });
+  }
+  if (state === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StateBlock, { variant: "error", title: "Unable to load chart", description: summary, compact: true, action: retryAction });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_core60.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_core60.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_core60.Group, { justify: "space-between", align: "flex-start", gap: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_core60.Stack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_core60.Title, { order: 4, children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_core60.Text, { size: "sm", c: "dimmed", children: description }) : null
+      ] }),
+      state !== "ready" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_core60.Badge, { variant: "light", color: state === "permission-limited" ? "grape" : "yellow", children: state.replace("-", " ") }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_core60.Text, { size: "sm", children: summary }),
+    legend.length ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_core60.Group, { gap: "xs", wrap: "wrap", "aria-label": "Chart legend", children: legend.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_core60.Badge, { variant: "outline", color: "gray", title: typeof item.description === "string" ? item.description : void 0, children: [
+      item.label,
+      ": ",
+      item.token
+    ] }, `${String(item.label)}-${index}`)) }) : null,
+    children,
+    tableFallback ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_core60.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_core60.Text, { size: "sm", fw: 600, children: "Accessible data fallback" }),
+      tableFallback
+    ] }) : null
+  ] }) });
+}
+
+// src/ReportingSection.tsx
+var import_core61 = require("@mantine/core");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function ReportingSection({
+  title,
+  description,
+  state = "ready",
+  periodControl,
+  evidence,
+  metrics,
+  chart,
+  table,
+  action,
+  stateMessage,
+  retryAction
+}) {
+  let stateBlock = null;
+  if (state === "loading") {
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StateBlock, { variant: "loading", title: "Loading report", description: stateMessage ?? "The reporting surface is synchronizing.", compact: true });
+  } else if (state === "empty") {
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StateBlock, { variant: "empty", title: "No report data", description: stateMessage ?? "No records match this reporting scope yet.", compact: true });
+  } else if (state === "error") {
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StateBlock, { variant: "error", title: "Unable to load report", description: stateMessage ?? "The report could not be prepared.", compact: true, action: retryAction });
+  } else if (state === "below-threshold") {
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StateBlock, { variant: "not-enough-data", title: "Not enough data", description: stateMessage ?? "This report is hidden until the threshold is met.", compact: true });
+  } else if (state === "permission-limited") {
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StateBlock, { variant: "permission", title: "Permission-limited report", description: stateMessage ?? "Some evidence is hidden by access rules.", compact: true, action: retryAction });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_core61.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_core61.Stack, { gap: "lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_core61.Group, { justify: "space-between", align: "flex-start", gap: "md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_core61.Stack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_core61.Title, { order: 3, children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_core61.Text, { size: "sm", c: "dimmed", children: description }) : null
+      ] }),
+      action
+    ] }),
+    periodControl,
+    (state === "partial" || state === "stale" || state === "filtered") && stateMessage ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StateBlock, { variant: "info", title: state === "partial" ? "Partial report" : state === "stale" ? "Stale report" : "Filtered report", description: stateMessage, compact: true }) : null,
+    stateBlock,
+    metrics,
+    chart,
+    table,
+    evidence
+  ] }) });
+}
+
 // src/locales/ar.ts
 var ar = {
   "gds.action.settings": "\u0627\u0644\u0625\u0639\u062F\u0627\u062F\u0627\u062A",
@@ -5121,6 +5490,7 @@ function getGdsMessages(locale) {
   ArticleShell,
   AuthShell,
   BrowseSurface,
+  ChartTokenPanel,
   ChoiceChip,
   ConfirmDialog,
   ConsumerDashboardGrid,
@@ -5135,6 +5505,7 @@ function getGdsMessages(locale) {
   EditorialCard,
   EditorialHero,
   EmptyState,
+  EvidencePanel,
   FeatureBand,
   FilterDrawer,
   FoodMenuSection,
@@ -5149,6 +5520,7 @@ function getGdsMessages(locale) {
   MetricCard,
   PROVIDER_IDENTITY_REGISTRY,
   PageHeader,
+  PeriodSelector,
   PlaceholderPanel,
   PlaybackSurface,
   ProductCard,
@@ -5166,6 +5538,7 @@ function getGdsMessages(locale) {
   ReferenceLocaleNotice,
   ReferenceSection,
   ReferenceThemeExplorer,
+  ReportingSection,
   SectionPanel,
   SemanticButton,
   ShareButtonGroup,
@@ -5188,8 +5561,10 @@ function getGdsMessages(locale) {
   gdsLocales,
   getGdsMessages,
   getProviderIdentityLabel,
+  getProviderIdentityPolicy,
   getSemanticActionConfig,
   getSemanticActionLabel,
+  getSupportedProviderIdentityIds,
   he,
   hu,
   isPresentationMode,