@doneisbetter/gds-core 2.6.7 → 3.0.0

package/dist/{chunk-IUYPELGQ.mjs → chunk-NBCULITN.mjs}

@@ -7,7 +7,7 @@ import {
   StateBlock,
   getSemanticActionLabel,
   resolveSemanticActionConfig
-} from "./chunk-LH2KMMXT.mjs";
+} from "./chunk-P7ICTEEB.mjs";
 
 // src/SemanticButton.tsx
 import { useEffect, useState } from "react";
@@ -189,6 +189,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,
@@ -210,6 +227,10 @@ function ThemePreviewSurface({
           " ",
           colorScheme
         ] }),
+        /* @__PURE__ */ jsxs2(Text2, { size: "sm", children: [
+          /* @__PURE__ */ jsx4("strong", { children: "Accessibility proof:" }),
+          " status uses text, badge label, and placement, not color alone."
+        ] }),
         forcedScheme ? /* @__PURE__ */ jsx4(Text2, { size: "sm", c: "dimmed", children: "This lane always previews in dark mode so the runtime stays inside its sanctioned contrast contract." }) : null
       ] }),
       /* @__PURE__ */ jsx4(ThemeToggle, {})
@@ -239,7 +260,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__ */ jsx4(Button2, { size: "sm", children: "Inspect route" })
         }
@@ -356,7 +378,7 @@ function ReferenceThemeExplorer() {
             ),
             /* @__PURE__ */ jsx4(Text2, { size: "sm", c: "dimmed", children: "The generator composes shipped helpers instead of creating a second theme authority inside the website." })
           ] }) }),
-          /* @__PURE__ */ jsx4(Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs2(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsx4(Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs2(Stack, { gap: "md", role: "status", "aria-live": "polite", children: [
             /* @__PURE__ */ jsx4(Title, { order: 4, children: "Current selection summary" }),
             /* @__PURE__ */ jsxs2(Stack, { gap: 6, children: [
               /* @__PURE__ */ jsx4(Text2, { fw: 700, children: selectionSummary.label }),
@@ -423,6 +445,18 @@ function ReferenceThemeExplorer() {
         ] }) }, lane.themeKey)) })
       }
     ),
+    /* @__PURE__ */ jsx4(
+      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__ */ jsx4(SimpleGrid, { cols: { base: 1, md: 3 }, spacing: "md", children: colorSchemeProof.map((item) => /* @__PURE__ */ jsx4(Paper, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ jsxs2(Stack, { gap: 6, children: [
+          /* @__PURE__ */ jsx4(Badge, { variant: "light", color: item.id === "dark" ? "violet" : item.id === "auto" ? "teal" : "blue", w: "fit-content", children: item.label }),
+          /* @__PURE__ */ jsx4(Text2, { size: "sm", children: item.description }),
+          /* @__PURE__ */ jsx4(Text2, { size: "xs", c: "dimmed", children: "Required proof: semantic text, visible focus, and contrast-safe state treatment." })
+        ] }) }, item.id)) })
+      }
+    ),
     /* @__PURE__ */ jsx4(
       ReferenceSection,
       {
@@ -460,18 +494,34 @@ function ReferenceThemeExplorer() {
     /* @__PURE__ */ jsx4(
       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__ */ jsx4(
-          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__ */ jsxs2(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsx4(
+            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__ */ jsxs2(SimpleGrid, { cols: { base: 1, md: 2 }, spacing: "md", children: [
+            /* @__PURE__ */ jsx4(Paper, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ jsxs2(Stack, { gap: 6, children: [
+              /* @__PURE__ */ jsx4(Text2, { fw: 700, size: "sm", children: "Approved remediation" }),
+              /* @__PURE__ */ jsxs2(Code, { block: true, children: [
+                "createPublicBrandTheme(",
+                `{ flatSurfaces: true, overrides: { primaryColor: 'blue' } }`,
+                ")"
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx4(Paper, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ jsxs2(Stack, { gap: 6, children: [
+              /* @__PURE__ */ jsx4(Text2, { fw: 700, size: "sm", children: "Prohibited ownership" }),
+              /* @__PURE__ */ jsx4(Code, { block: true, children: "extendGdsTheme(...) / createTheme(...) / mergeMantineTheme(...)" })
+            ] }) })
+          ] })
+        ] })
       }
     )
   ] });
@@ -823,22 +873,34 @@ function ShareButtonGroup({
 
 // src/UploadDropzone.tsx
 import { useRef, useState as useState6 } from "react";
-import { Box as Box4, Button as Button4, Group as Group7, Stack as Stack6, Text as Text8 } from "@mantine/core";
+import { Badge as Badge2, Box as Box4, Button as Button4, Group as Group7, Stack as Stack6, Text as Text8 } from "@mantine/core";
 import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function UploadDropzone({
   title,
   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 = useRef(null);
   const [dragging, setDragging] = useState6(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));
@@ -848,6 +910,9 @@ function UploadDropzone({
     {
       onDragOver: (event) => {
         event.preventDefault();
+        if (isDisabled) {
+          return;
+        }
         setDragging(true);
       },
       onDragLeave: () => setDragging(false),
@@ -858,10 +923,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__ */ jsx11(
           "input",
@@ -871,14 +937,30 @@ function UploadDropzone({
             hidden: true,
             accept,
             multiple,
+            disabled: isDisabled,
             onChange: (event) => forwardFiles(event.currentTarget.files)
           }
         ),
         /* @__PURE__ */ jsxs8(Stack6, { align: mode === "inline" ? "flex-start" : "center", ta: mode === "inline" ? "left" : "center", gap: "sm", children: [
           /* @__PURE__ */ jsx11(UploadIcon, { size: "1.5rem" }),
+          /* @__PURE__ */ jsx11(Badge2, { variant: "light", color: isError ? "red" : effectiveState === "selected" ? "blue" : effectiveState === "upload-pending" ? "violet" : "gray", children: effectiveState.replace("-", " ") }),
           /* @__PURE__ */ jsx11(Text8, { fw: 600, children: title }),
           description ? /* @__PURE__ */ jsx11(Text8, { size: "sm", c: "dimmed", children: description }) : null,
-          /* @__PURE__ */ jsx11(Group7, { children: /* @__PURE__ */ jsx11(Button4, { variant: "light", onClick: () => inputRef.current?.click(), children: actionLabel }) })
+          acceptedTypesLabel || maxSizeLabel ? /* @__PURE__ */ jsxs8(Group7, { gap: "xs", justify: mode === "inline" ? "flex-start" : "center", children: [
+            acceptedTypesLabel ? /* @__PURE__ */ jsx11(Badge2, { variant: "outline", color: "gray", children: acceptedTypesLabel }) : null,
+            maxSizeLabel ? /* @__PURE__ */ jsx11(Badge2, { variant: "outline", color: "gray", children: maxSizeLabel }) : null
+          ] }) : null,
+          selectedFiles.length ? /* @__PURE__ */ jsxs8(Text8, { size: "sm", children: [
+            "Selected: ",
+            selectedFiles.join(", ")
+          ] }) : null,
+          policyText ? /* @__PURE__ */ jsx11(Text8, { size: "sm", c: isError ? "red.7" : "dimmed", children: policyText }) : null,
+          error ? /* @__PURE__ */ jsx11(Text8, { size: "sm", c: "red.7", role: "alert", children: error }) : null,
+          /* @__PURE__ */ jsxs8(Group7, { children: [
+            /* @__PURE__ */ jsx11(Button4, { variant: "light", onClick: () => inputRef.current?.click(), disabled: isDisabled, children: actionLabel }),
+            retryAction,
+            removeAction
+          ] })
         ] })
       ]
     }
@@ -892,6 +974,7 @@ import { jsx as jsx12 } from "react/jsx-runtime";
 var stateBlockVariantByState = {
   unauthenticated: "permission",
   "expired-session": "info",
+  timeout: "error",
   forbidden: "permission",
   missing: "error",
   unavailable: "error"
@@ -905,6 +988,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."
@@ -936,6 +1023,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":