@doneisbetter/gds-core 2.6.4 → 2.6.5

package/dist/server.mjs

@@ -37,6 +37,9 @@ import {
   PublicProductCard,
   PublicShell,
   PublicSiteFooter,
+  ReferenceLinkGrid,
+  ReferenceLocaleNotice,
+  ReferenceSection,
   SectionPanel,
   SimpleDataTable,
   SocialAuthButtons,
@@ -60,7 +63,7 @@ import {
   resolveAccentPanelStyles,
   resolveSemanticActionConfig,
   ru
-} from "./chunk-BAS4ZGKL.mjs";
+} from "./chunk-6LOTZ3IZ.mjs";
 export {
   AccentPanel,
   AccessSummary,
@@ -100,6 +103,9 @@ export {
   PublicProductCard,
   PublicShell,
   PublicSiteFooter,
+  ReferenceLinkGrid,
+  ReferenceLocaleNotice,
+  ReferenceSection,
   SectionPanel,
   SimpleDataTable,
   SocialAuthButtons,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doneisbetter/gds-core",
-  "version": "2.6.4",
+  "version": "2.6.5",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -38,7 +38,7 @@
     "dev": "tsup --watch"
   },
   "peerDependencies": {
-    "@doneisbetter/gds-theme": "^2.6.4",
+    "@doneisbetter/gds-theme": "^2.6.5",
     "@mantine/core": "^7.9.0 || ^8.3.0 || ^9.0.0",
     "@mantine/hooks": "^7.9.0 || ^8.3.0 || ^9.0.0",
     "@tabler/icons-react": "^3.5.0",

package/dist/chunk-EN3TN22M.mjs

@@ -1,585 +0,0 @@
-import {
-  GdsIcons,
-  StateBlock,
-  getSemanticActionLabel,
-  resolveSemanticActionConfig
-} from "./chunk-BAS4ZGKL.mjs";
-
-// src/SemanticButton.tsx
-import { useEffect, useState } from "react";
-import { Button } from "@mantine/core";
-import { useGdsTranslation } from "@doneisbetter/gds-theme";
-import { IconCheck, IconX } from "@tabler/icons-react";
-import { jsx } from "react/jsx-runtime";
-function SemanticButton({
-  action,
-  loading,
-  feedbackState,
-  feedbackText,
-  prerenderLabelOnly = true,
-  vocabularyPacks = [],
-  ...props
-}) {
-  const { t } = useGdsTranslation();
-  const config = resolveSemanticActionConfig(action, vocabularyPacks);
-  const [mounted, setMounted] = useState(!prerenderLabelOnly);
-  const [internalFeedback, setInternalFeedback] = useState(null);
-  useEffect(() => {
-    if (prerenderLabelOnly) {
-      setMounted(true);
-    }
-  }, [prerenderLabelOnly]);
-  useEffect(() => {
-    if (feedbackState) {
-      setInternalFeedback(feedbackState);
-      const timer = setTimeout(() => setInternalFeedback(null), 2e3);
-      return () => clearTimeout(timer);
-    }
-  }, [feedbackState]);
-  let Icon = config.icon;
-  let label = getSemanticActionLabel(action, t, vocabularyPacks);
-  let color = props.color;
-  if (!mounted) {
-    const { leftSection, ...buttonProps } = props;
-    return /* @__PURE__ */ jsx(Button, { loading, color, ...buttonProps, children: getSemanticActionLabel(action, void 0, vocabularyPacks) });
-  }
-  if (internalFeedback === "success") {
-    const defaultFeedback = config.feedback ?? { icon: IconCheck, color: "teal", messageId: "gds.feedback.saved" };
-    Icon = defaultFeedback.icon;
-    label = feedbackText || t(defaultFeedback.messageId, "Success");
-    color = defaultFeedback.color;
-  } else if (internalFeedback === "error") {
-    Icon = IconX;
-    label = feedbackText || t("gds.feedback.error", "Something went wrong");
-    color = "red";
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      leftSection: /* @__PURE__ */ jsx(Icon, { size: "1rem" }),
-      loading,
-      color,
-      ...props,
-      children: label
-    }
-  );
-}
-
-// src/ConfirmDialog.tsx
-import { Modal, Group, Text } from "@mantine/core";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function ConfirmDialog({
-  opened,
-  onClose,
-  onConfirm,
-  title,
-  children,
-  confirmAction = "confirm",
-  cancelAction = "cancel",
-  isDanger = true,
-  loading = false
-}) {
-  return /* @__PURE__ */ jsxs(Modal, { opened, onClose, title, centered: true, trapFocus: true, children: [
-    /* @__PURE__ */ jsx2(Text, { size: "sm", mb: "xl", children }),
-    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
-      /* @__PURE__ */ jsx2(SemanticButton, { action: cancelAction, variant: "default", onClick: onClose, disabled: loading }),
-      /* @__PURE__ */ jsx2(SemanticButton, { action: confirmAction, color: isDanger ? "red" : "violet", onClick: onConfirm, loading })
-    ] })
-  ] });
-}
-
-// src/ThemeToggle.tsx
-import { ActionIcon, useMantineColorScheme, useComputedColorScheme } from "@mantine/core";
-import { useGdsTranslation as useGdsTranslation2 } from "@doneisbetter/gds-theme";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function ThemeToggle({ size = "md" }) {
-  const { setColorScheme } = useMantineColorScheme();
-  const computedColorScheme = useComputedColorScheme("light", { getInitialValueInEffect: true });
-  const { t } = useGdsTranslation2();
-  const toggleColorScheme = () => {
-    setColorScheme(computedColorScheme === "dark" ? "light" : "dark");
-  };
-  const isDark = computedColorScheme === "dark";
-  return /* @__PURE__ */ jsx3(
-    ActionIcon,
-    {
-      onClick: toggleColorScheme,
-      variant: "default",
-      size,
-      "aria-label": t("gds.aria.themeToggle", "Toggle color scheme"),
-      children: isDark ? /* @__PURE__ */ jsx3(GdsIcons.Sun, { size: "1.2rem" }) : /* @__PURE__ */ jsx3(GdsIcons.Moon, { size: "1.2rem" })
-    }
-  );
-}
-
-// src/GameBoardTile.tsx
-import { Center, Paper, Text as Text2, UnstyledButton, useMantineTheme } from "@mantine/core";
-import { useMediaQuery } from "@mantine/hooks";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function GameBoardTile({
-  face,
-  revealed,
-  matched,
-  disabled,
-  onPress,
-  highlightColor
-}) {
-  const theme = useMantineTheme();
-  const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-  const highlighted = revealed && !matched;
-  const revealBg = highlightColor ?? (typeof theme.primaryColor === "string" ? `${theme.primaryColor}.5` : "violet.5");
-  return /* @__PURE__ */ jsx4(UnstyledButton, { w: "100%", disabled, onClick: onPress, "aria-pressed": revealed, children: /* @__PURE__ */ jsx4(
-    Paper,
-    {
-      withBorder: true,
-      radius: "md",
-      p: "md",
-      bg: revealed ? revealBg : "dark.6",
-      styles: {
-        root: {
-          aspectRatio: "1",
-          opacity: matched ? 0.55 : 1,
-          cursor: disabled ? "not-allowed" : "pointer",
-          transition: reduceMotion ? "opacity 0.2s ease" : "transform 0.25s ease, background-color 0.25s ease, opacity 0.25s ease",
-          transform: reduceMotion || !highlighted ? "scale(1)" : "scale(1.02)"
-        }
-      },
-      children: /* @__PURE__ */ jsx4(Center, { h: "100%", children: /* @__PURE__ */ jsx4(Text2, { size: "xl", fw: 700, children: face }) })
-    }
-  ) });
-}
-
-// src/DiscoveryShell.tsx
-import { AppShell as MantineAppShell, Box, Burger, Group as Group2, ScrollArea } from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-function DiscoveryShell({
-  header,
-  sidebar,
-  footer,
-  children,
-  mobileNavigationLabel = "Toggle navigation",
-  defaultSidebarOpen = false,
-  stickySidebar = true,
-  sidebarWidth = 280,
-  headerHeight = 60,
-  shellPadding = "md",
-  collapseBreakpoint = "sm"
-}) {
-  const [opened, { toggle, close }] = useDisclosure(defaultSidebarOpen);
-  return /* @__PURE__ */ jsxs2(
-    MantineAppShell,
-    {
-      header: { height: headerHeight },
-      footer: footer ? { height: 68 } : void 0,
-      navbar: {
-        width: sidebarWidth,
-        breakpoint: collapseBreakpoint,
-        collapsed: { mobile: !opened }
-      },
-      padding: shellPadding,
-      children: [
-        /* @__PURE__ */ jsx5(MantineAppShell.Header, { children: /* @__PURE__ */ jsxs2(Group2, { h: "100%", px: "md", gap: "sm", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx5(
-            Burger,
-            {
-              opened,
-              onClick: toggle,
-              hiddenFrom: collapseBreakpoint,
-              size: "sm",
-              "aria-label": mobileNavigationLabel
-            }
-          ),
-          /* @__PURE__ */ jsx5(Box, { style: { flex: 1, minWidth: 0 }, children: header })
-        ] }) }),
-        /* @__PURE__ */ jsx5(MantineAppShell.Navbar, { p: "md", "data-sticky-sidebar": stickySidebar || void 0, children: /* @__PURE__ */ jsx5(ScrollArea, { h: "100%", type: "auto", children: /* @__PURE__ */ jsx5(
-          Box,
-          {
-            h: "100%",
-            style: stickySidebar ? {
-              display: "flex",
-              flexDirection: "column"
-            } : void 0,
-            children: sidebar
-          }
-        ) }) }),
-        footer ? /* @__PURE__ */ jsx5(MantineAppShell.Footer, { children: /* @__PURE__ */ jsx5(Group2, { h: "100%", px: "md", justify: "space-around", wrap: "nowrap", children: footer }) }) : null,
-        /* @__PURE__ */ jsx5(MantineAppShell.Main, { onClick: () => close(), children })
-      ]
-    }
-  );
-}
-
-// src/SidebarNav.tsx
-import { forwardRef } from "react";
-import { Box as Box2, NavLink, Stack, Text as Text3, createPolymorphicComponent } from "@mantine/core";
-import { useGdsTranslation as useGdsTranslation3 } from "@doneisbetter/gds-theme";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-function SidebarNav({ children, ariaLabel = "Primary navigation", gap = "md" }) {
-  return /* @__PURE__ */ jsx6(Stack, { component: "nav", "aria-label": ariaLabel, gap, h: "100%", children });
-}
-function SidebarNavSection({ label, children, pushToBottom = false }) {
-  return /* @__PURE__ */ jsxs3(Stack, { gap: "xs", mt: pushToBottom ? "auto" : void 0, children: [
-    label ? /* @__PURE__ */ jsx6(Text3, { size: "xs", fw: 700, c: "dimmed", children: label }) : null,
-    /* @__PURE__ */ jsx6(Stack, { gap: 4, children })
-  ] });
-}
-var _SidebarNavItem = forwardRef(
-  ({
-    action,
-    label,
-    description,
-    badge,
-    icon,
-    "aria-label": ariaLabel,
-    "aria-current": ariaCurrent,
-    vocabularyPacks = [],
-    ...props
-  }, ref) => {
-    const { t } = useGdsTranslation3();
-    const config = action ? resolveSemanticActionConfig(action, vocabularyPacks) : null;
-    const Icon = config?.icon;
-    const resolvedLabel = label ?? (action ? getSemanticActionLabel(action, t, vocabularyPacks) : void 0);
-    return /* @__PURE__ */ jsx6(
-      NavLink,
-      {
-        ref,
-        label: resolvedLabel,
-        description,
-        leftSection: icon ?? (Icon ? /* @__PURE__ */ jsx6(Icon, { size: "1rem", stroke: 1.5 }) : void 0),
-        rightSection: badge ? /* @__PURE__ */ jsx6(Box2, { children: badge }) : props.rightSection,
-        "aria-label": ariaLabel ?? (typeof resolvedLabel === "string" ? resolvedLabel : void 0),
-        "aria-current": props.active ? "page" : ariaCurrent,
-        ...props
-      }
-    );
-  }
-);
-var SidebarNavItem = createPolymorphicComponent(_SidebarNavItem);
-
-// src/DocsCodeBlock.tsx
-import { useState as useState2 } from "react";
-import { ActionIcon as ActionIcon2, Code, Group as Group3, Paper as Paper2, Stack as Stack2, Text as Text4 } from "@mantine/core";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-function DocsCodeBlock({ code, language, title, withCopy = true }) {
-  const [copied, setCopied] = useState2(false);
-  const handleCopy = async () => {
-    if (!navigator?.clipboard) {
-      return;
-    }
-    await navigator.clipboard.writeText(code);
-    setCopied(true);
-    window.setTimeout(() => setCopied(false), 1200);
-  };
-  return /* @__PURE__ */ jsx7(Paper2, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ jsxs4(Stack2, { gap: "sm", children: [
-    title || withCopy ? /* @__PURE__ */ jsxs4(Group3, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ jsxs4(Stack2, { gap: 0, children: [
-        title ? /* @__PURE__ */ jsx7(Text4, { fw: 600, children: title }) : null,
-        language ? /* @__PURE__ */ jsx7(Text4, { size: "xs", c: "dimmed", children: language }) : null
-      ] }),
-      withCopy ? /* @__PURE__ */ jsx7(
-        ActionIcon2,
-        {
-          variant: "subtle",
-          "aria-label": copied ? "Copied code block" : "Copy code block",
-          onClick: () => {
-            void handleCopy();
-          },
-          children: /* @__PURE__ */ jsx7(GdsIcons.Copy, { size: "1rem" })
-        }
-      ) : null
-    ] }) : null,
-    /* @__PURE__ */ jsx7(Code, { block: true, children: code })
-  ] }) });
-}
-
-// src/ShareButtonGroup.tsx
-import { useState as useState3 } from "react";
-import { ActionIcon as ActionIcon3, Button as Button2, Group as Group4, Stack as Stack3, Text as Text5 } from "@mantine/core";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var channelLabels = {
-  native: "Share",
-  copy: "Copy link",
-  mail: "Email",
-  message: "Message",
-  x: "Share on X",
-  facebook: "Share on Facebook",
-  linkedin: "Share on LinkedIn",
-  whatsapp: "Share on WhatsApp",
-  telegram: "Share on Telegram"
-};
-function encodeShare(url, title, text) {
-  const safeUrl = encodeURIComponent(url);
-  const safeTitle = encodeURIComponent(title ?? "");
-  const safeText = encodeURIComponent(text ?? title ?? "");
-  return {
-    mail: `mailto:?subject=${safeTitle}&body=${safeText ? `${safeText}%0A%0A` : ""}${safeUrl}`,
-    message: `sms:?&body=${safeText ? `${safeText}%20` : ""}${safeUrl}`,
-    x: `https://x.com/intent/tweet?text=${safeText ? `${safeText}%20` : ""}${safeUrl}`,
-    facebook: `https://www.facebook.com/sharer/sharer.php?u=${safeUrl}`,
-    linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${safeUrl}`,
-    whatsapp: `https://wa.me/?text=${safeText ? `${safeText}%20` : ""}${safeUrl}`,
-    telegram: `https://t.me/share/url?url=${safeUrl}&text=${safeText}`
-  };
-}
-function ShareAction({
-  channel,
-  compact,
-  href,
-  onClick
-}) {
-  const label = channelLabels[channel];
-  const Icon = channel === "copy" ? GdsIcons.Copy : channel === "mail" ? GdsIcons.Mail : channel === "message" ? GdsIcons.Message : GdsIcons.Refer;
-  if (compact) {
-    return href ? /* @__PURE__ */ jsx8(ActionIcon3, { component: "a", href, target: "_blank", rel: "noreferrer", variant: "subtle", size: "lg", "aria-label": label, children: /* @__PURE__ */ jsx8(Icon, { size: "1rem", stroke: 1.75 }) }) : /* @__PURE__ */ jsx8(ActionIcon3, { variant: "subtle", size: "lg", "aria-label": label, onClick, children: /* @__PURE__ */ jsx8(Icon, { size: "1rem", stroke: 1.75 }) });
-  }
-  return href ? /* @__PURE__ */ jsx8(Button2, { component: "a", href, target: "_blank", rel: "noreferrer", variant: "default", leftSection: /* @__PURE__ */ jsx8(Icon, { size: "1rem", stroke: 1.75 }), children: label }) : /* @__PURE__ */ jsx8(Button2, { variant: "default", leftSection: /* @__PURE__ */ jsx8(Icon, { size: "1rem", stroke: 1.75 }), onClick, children: label });
-}
-function ShareButtonGroup({
-  url,
-  title,
-  text,
-  channels = ["native", "copy", "mail"],
-  compact = false,
-  label = "Share this",
-  description
-}) {
-  const [copied, setCopied] = useState3(false);
-  const [shared, setShared] = useState3(false);
-  const hrefs = encodeShare(url, title, text);
-  async function handleCopy() {
-    await navigator.clipboard?.writeText?.(url);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1800);
-  }
-  async function handleNativeShare() {
-    if (navigator.share) {
-      await navigator.share({ url, title, text });
-      setShared(true);
-      setTimeout(() => setShared(false), 1800);
-      return;
-    }
-    await handleCopy();
-  }
-  return /* @__PURE__ */ jsxs5(Stack3, { gap: "sm", children: [
-    /* @__PURE__ */ jsxs5(Stack3, { gap: 2, children: [
-      /* @__PURE__ */ jsx8(Text5, { fw: 600, children: label }),
-      description ? /* @__PURE__ */ jsx8(Text5, { size: "sm", c: "dimmed", children: description }) : null
-    ] }),
-    /* @__PURE__ */ jsx8(Group4, { gap: "sm", wrap: "wrap", children: channels.map((channel) => {
-      if (channel === "copy") {
-        return /* @__PURE__ */ jsx8(ShareAction, { channel, compact, onClick: () => void handleCopy() }, channel);
-      }
-      if (channel === "native") {
-        return /* @__PURE__ */ jsx8(ShareAction, { channel, compact, onClick: () => void handleNativeShare() }, channel);
-      }
-      return /* @__PURE__ */ jsx8(ShareAction, { channel, compact, href: hrefs[channel] }, channel);
-    }) }),
-    copied ? /* @__PURE__ */ jsx8(Text5, { size: "sm", c: "teal", children: "Link copied." }) : null,
-    shared ? /* @__PURE__ */ jsx8(Text5, { size: "sm", c: "teal", children: "Share sheet opened." }) : null
-  ] });
-}
-
-// src/UploadDropzone.tsx
-import { useRef, useState as useState4 } from "react";
-import { Box as Box3, Button as Button3, Group as Group5, Stack as Stack4, Text as Text6 } from "@mantine/core";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function UploadDropzone({
-  title,
-  description,
-  onFilesSelected,
-  accept,
-  multiple = true,
-  actionLabel = "Choose files",
-  mode = "panel"
-}) {
-  const inputRef = useRef(null);
-  const [dragging, setDragging] = useState4(false);
-  const UploadIcon = GdsIcons.Upload;
-  const forwardFiles = (files) => {
-    if (!files?.length || !onFilesSelected) {
-      return;
-    }
-    onFilesSelected(Array.from(files));
-  };
-  return /* @__PURE__ */ jsxs6(
-    Box3,
-    {
-      onDragOver: (event) => {
-        event.preventDefault();
-        setDragging(true);
-      },
-      onDragLeave: () => setDragging(false),
-      onDrop: (event) => {
-        event.preventDefault();
-        setDragging(false);
-        forwardFiles(event.dataTransfer.files);
-      },
-      p: mode === "inline" ? "md" : "xl",
-      style: {
-        border: `1px dashed var(${dragging ? "--mantine-color-violet-6" : "--mantine-color-default-border"})`,
-        borderRadius: "var(--mantine-radius-lg)",
-        background: dragging ? "var(--mantine-color-violet-light)" : "transparent"
-      },
-      children: [
-        /* @__PURE__ */ jsx9(
-          "input",
-          {
-            ref: inputRef,
-            type: "file",
-            hidden: true,
-            accept,
-            multiple,
-            onChange: (event) => forwardFiles(event.currentTarget.files)
-          }
-        ),
-        /* @__PURE__ */ jsxs6(Stack4, { align: mode === "inline" ? "flex-start" : "center", ta: mode === "inline" ? "left" : "center", gap: "sm", children: [
-          /* @__PURE__ */ jsx9(UploadIcon, { size: "1.5rem" }),
-          /* @__PURE__ */ jsx9(Text6, { fw: 600, children: title }),
-          description ? /* @__PURE__ */ jsx9(Text6, { size: "sm", c: "dimmed", children: description }) : null,
-          /* @__PURE__ */ jsx9(Group5, { children: /* @__PURE__ */ jsx9(Button3, { variant: "light", onClick: () => inputRef.current?.click(), children: actionLabel }) })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/AccessRecoveryPanel.tsx
-import { Group as Group6 } from "@mantine/core";
-import { useGdsTranslation as useGdsTranslation4 } from "@doneisbetter/gds-theme";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var stateBlockVariantByState = {
-  unauthenticated: "permission",
-  "expired-session": "info",
-  forbidden: "permission",
-  missing: "error",
-  unavailable: "error"
-};
-var defaultCopyByState = {
-  unauthenticated: {
-    title: "Sign in required",
-    description: "Please sign in to continue to this content."
-  },
-  "expired-session": {
-    title: "Session expired",
-    description: "Sign in again or retry to continue where you left off."
-  },
-  forbidden: {
-    title: "You do not have access",
-    description: "This content is outside your current permissions or scope."
-  },
-  missing: {
-    title: "Content not found",
-    description: "The resource may have moved, been deleted, or never existed in this scope."
-  },
-  unavailable: {
-    title: "Content is temporarily unavailable",
-    description: "Try again in a moment or return to a safe destination."
-  }
-};
-function defaultActionsForState(state, {
-  onRetry,
-  onSignIn,
-  onBack,
-  supportAction
-}) {
-  const signInAction = onSignIn ? { action: "login", onClick: onSignIn } : null;
-  const retryAction = onRetry ? { action: "refresh", onClick: onRetry, variant: "light" } : null;
-  const backAction = onBack ? { action: "back", onClick: onBack, variant: "default" } : null;
-  switch (state) {
-    case "unauthenticated":
-      return { primary: signInAction, secondary: backAction, tertiary: supportAction ?? null };
-    case "expired-session":
-      return {
-        primary: signInAction ?? retryAction,
-        secondary: retryAction && signInAction ? retryAction : backAction,
-        tertiary: supportAction ?? null
-      };
-    case "forbidden":
-      return { primary: backAction, secondary: supportAction ?? null, tertiary: null };
-    case "missing":
-      return { primary: backAction, secondary: supportAction ?? null, tertiary: null };
-    case "unavailable":
-      return {
-        primary: retryAction ?? backAction,
-        secondary: retryAction && backAction ? backAction : supportAction ?? null,
-        tertiary: retryAction && backAction ? supportAction ?? null : null
-      };
-  }
-}
-function ActionGroup({
-  primaryAction,
-  secondaryAction,
-  tertiaryAction
-}) {
-  const actions = [primaryAction, secondaryAction, tertiaryAction].filter(Boolean);
-  if (actions.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx10(Group6, { gap: "sm", justify: "center", wrap: "wrap", children: actions.map((actionConfig, index) => /* @__PURE__ */ jsx10(
-    SemanticButton,
-    {
-      action: actionConfig.action,
-      onClick: actionConfig.onClick,
-      loading: actionConfig.loading,
-      disabled: actionConfig.disabled,
-      color: actionConfig.color,
-      variant: actionConfig.variant ?? (index === 0 ? "filled" : "default")
-    },
-    `${actionConfig.action}-${index}`
-  )) });
-}
-function AccessRecoveryPanel({
-  state,
-  title,
-  description,
-  primaryAction,
-  secondaryAction,
-  tertiaryAction,
-  onRetry,
-  onSignIn,
-  onBack,
-  supportAction,
-  compact = false
-}) {
-  const { t } = useGdsTranslation4();
-  const defaultCopy = defaultCopyByState[state];
-  const defaults = defaultActionsForState(state, {
-    onRetry,
-    onSignIn,
-    onBack,
-    supportAction
-  });
-  return /* @__PURE__ */ jsx10(
-    StateBlock,
-    {
-      variant: stateBlockVariantByState[state],
-      compact,
-      title: title ?? t(`gds.accessRecovery.${state}.title`, defaultCopy.title),
-      description: description ?? t(`gds.accessRecovery.${state}.description`, defaultCopy.description),
-      action: /* @__PURE__ */ jsx10(
-        ActionGroup,
-        {
-          primaryAction: primaryAction ?? defaults.primary,
-          secondaryAction: secondaryAction ?? defaults.secondary,
-          tertiaryAction: tertiaryAction ?? defaults.tertiary
-        }
-      )
-    }
-  );
-}
-
-export {
-  SemanticButton,
-  ConfirmDialog,
-  ThemeToggle,
-  GameBoardTile,
-  DiscoveryShell,
-  SidebarNav,
-  SidebarNavSection,
-  SidebarNavItem,
-  DocsCodeBlock,
-  ShareButtonGroup,
-  UploadDropzone,
-  AccessRecoveryPanel
-};