@doneisbetter/gds-admin 2.6.1

package/dist/chunk-DCLRWG2B.mjs

@@ -0,0 +1,174 @@
+// src/AppShell.tsx
+import { AppShell as MantineAppShell, Burger, Divider, Group, ScrollArea, Stack, Text, Title } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { ThemeToggle } from "@doneisbetter/gds-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function AppShell({
+  logoText = "GDS",
+  navLinks,
+  primaryNavigation,
+  secondaryNavigation,
+  accountPanel,
+  headerContext,
+  headerActions,
+  mobileNavigation,
+  children
+}) {
+  const [opened, { toggle }] = useDisclosure();
+  const primaryNav = primaryNavigation ?? navLinks;
+  return /* @__PURE__ */ jsxs(
+    MantineAppShell,
+    {
+      header: { height: headerContext ? 72 : 60 },
+      footer: mobileNavigation ? { height: 68 } : void 0,
+      navbar: {
+        width: 250,
+        breakpoint: "sm",
+        collapsed: { mobile: !opened }
+      },
+      padding: "md",
+      children: [
+        /* @__PURE__ */ jsx(MantineAppShell.Header, { children: /* @__PURE__ */ jsxs(Group, { h: "100%", px: "md", justify: "space-between", align: "center", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsxs(Group, { wrap: "nowrap", style: { minWidth: 0, flex: 1 }, children: [
+            /* @__PURE__ */ jsx(Burger, { opened, onClick: toggle, hiddenFrom: "sm", size: "sm", "aria-label": "Toggle navigation" }),
+            /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx(Title, { order: 3, lineClamp: 1, children: logoText }),
+              headerContext ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", lineClamp: 1, children: headerContext }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { wrap: "nowrap", children: [
+            headerActions,
+            /* @__PURE__ */ jsx(ThemeToggle, {})
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(MantineAppShell.Navbar, { p: "md", children: /* @__PURE__ */ jsx(ScrollArea, { h: "100%", type: "auto", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", h: "100%", children: [
+          primaryNav ? /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 700, c: "dimmed", children: "Primary" }),
+            primaryNav
+          ] }) : null,
+          secondaryNavigation ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", fw: 700, c: "dimmed", children: "More" }),
+              secondaryNavigation
+            ] })
+          ] }) : null,
+          accountPanel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Divider, { mt: "auto" }),
+            /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", fw: 700, c: "dimmed", children: "Account" }),
+              accountPanel
+            ] })
+          ] }) : null
+        ] }) }) }),
+        mobileNavigation ? /* @__PURE__ */ jsx(MantineAppShell.Footer, { children: /* @__PURE__ */ jsx(Group, { h: "100%", px: "md", justify: "space-around", wrap: "nowrap", children: mobileNavigation }) }) : null,
+        /* @__PURE__ */ jsx(MantineAppShell.Main, { children })
+      ]
+    }
+  );
+}
+
+// src/DataTable.tsx
+import { Table, Paper, LoadingOverlay } from "@mantine/core";
+import { useGdsTranslation } from "@doneisbetter/gds-theme";
+import { StateBlock } from "@doneisbetter/gds-core";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function DataTable({ data, columns, loading = false, getRowKey }) {
+  const { t } = useGdsTranslation();
+  if (!data.length && !loading) {
+    return /* @__PURE__ */ jsx2(Paper, { p: "xl", withBorder: true, children: /* @__PURE__ */ jsx2(
+      StateBlock,
+      {
+        variant: "empty",
+        title: t("gds.state.emptyDataTitle", "No data available"),
+        description: t("gds.state.emptyData", "No data available."),
+        compact: true
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs2(Paper, { withBorder: true, pos: "relative", style: { overflow: "hidden" }, children: [
+    /* @__PURE__ */ jsx2(LoadingOverlay, { visible: loading, zIndex: 1e3, overlayProps: { radius: "sm", blur: 2 } }),
+    /* @__PURE__ */ jsxs2(Table, { striped: true, highlightOnHover: true, children: [
+      /* @__PURE__ */ jsx2(Table.Thead, { children: /* @__PURE__ */ jsx2(Table.Tr, { children: columns.map((col) => /* @__PURE__ */ jsx2(Table.Th, { children: col.label }, col.key)) }) }),
+      /* @__PURE__ */ jsx2(Table.Tbody, { children: data.map((item, rowIndex) => /* @__PURE__ */ jsx2(Table.Tr, { children: columns.map((col) => /* @__PURE__ */ jsx2(Table.Td, { children: col.render ? col.render(item) : item[col.key] }, col.key)) }, getRowKey ? getRowKey(item, rowIndex) : rowIndex)) })
+    ] })
+  ] });
+}
+
+// src/SemanticNavLink.tsx
+import { forwardRef } from "react";
+import { NavLink, createPolymorphicComponent } from "@mantine/core";
+import { useGdsTranslation as useGdsTranslation2 } from "@doneisbetter/gds-theme";
+import { GdsVocabulary } from "@doneisbetter/gds-core";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var _SemanticNavLink = forwardRef(
+  ({ action, ...props }, ref) => {
+    const { t } = useGdsTranslation2();
+    const config = GdsVocabulary[action];
+    const Icon = config.icon;
+    return /* @__PURE__ */ jsx3(
+      NavLink,
+      {
+        ref,
+        label: t(config.id, config.defaultMessage),
+        leftSection: /* @__PURE__ */ jsx3(Icon, { size: "1rem", stroke: 1.5 }),
+        ...props
+      }
+    );
+  }
+);
+var SemanticNavLink = createPolymorphicComponent(_SemanticNavLink);
+
+// src/ResponsiveDataView.tsx
+import React from "react";
+import { Badge, Group as Group2, SimpleGrid, Stack as Stack2 } from "@mantine/core";
+import { useMediaQuery } from "@mantine/hooks";
+import { StateBlock as StateBlock2 } from "@doneisbetter/gds-core";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function ResponsiveDataView({
+  data,
+  columns,
+  renderCard,
+  loading = false,
+  error,
+  errorAction,
+  emptyTitle = "No results yet",
+  emptyDescription = "Try changing filters or create a new record.",
+  emptyAction,
+  activeFilters = [],
+  toolbar,
+  filterDrawer,
+  mobileFilters,
+  getRowKey
+}) {
+  const isMobile = useMediaQuery("(max-width: 48em)");
+  return /* @__PURE__ */ jsxs3(Stack2, { gap: "md", children: [
+    toolbar,
+    activeFilters.length ? /* @__PURE__ */ jsx4(Group2, { gap: "xs", wrap: "wrap", children: activeFilters.map((filter, index) => /* @__PURE__ */ jsx4(
+      Badge,
+      {
+        variant: "light",
+        color: "violet",
+        rightSection: filter.onRemove ? "\xD7" : void 0,
+        style: filter.onRemove ? { cursor: "pointer" } : void 0,
+        onClick: filter.onRemove,
+        children: filter.label
+      },
+      `${filter.label}-${index}`
+    )) }) : null,
+    mobileFilters && isMobile ? /* @__PURE__ */ jsx4(Stack2, { gap: "xs", children: mobileFilters }) : null,
+    filterDrawer && isMobile ? filterDrawer : null,
+    error ? /* @__PURE__ */ jsx4(StateBlock2, { variant: "error", title: "Unable to load data", description: error, action: errorAction, compact: true }) : null,
+    !error && loading ? /* @__PURE__ */ jsx4(StateBlock2, { variant: "loading", title: "Loading records", description: "The shared registry surface is synchronizing.", compact: true }) : null,
+    !error && !loading && data.length === 0 ? /* @__PURE__ */ jsx4(StateBlock2, { variant: "empty", title: emptyTitle, description: emptyDescription, action: emptyAction, compact: true }) : null,
+    !error && isMobile && data.length > 0 ? /* @__PURE__ */ jsx4(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "md", children: data.map((item, index) => /* @__PURE__ */ jsx4(React.Fragment, { children: renderCard(item, index) }, getRowKey ? getRowKey(item, index) : index)) }) : null,
+    !error && !isMobile ? /* @__PURE__ */ jsx4(DataTable, { data, columns, loading, getRowKey }) : null
+  ] });
+}
+
+export {
+  AppShell,
+  DataTable,
+  SemanticNavLink,
+  ResponsiveDataView
+};

package/dist/chunk-ZUUEDN7I.mjs

@@ -0,0 +1,238 @@
+// src/FormSection.tsx
+import { Box, Title, Text, Stack, Divider } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormSection({ title, description, children, withDivider = true }) {
+  return /* @__PURE__ */ jsxs(Box, { mb: "xl", children: [
+    /* @__PURE__ */ jsxs(Box, { mb: "md", children: [
+      /* @__PURE__ */ jsx(Title, { order: 4, children: title }),
+      description && /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(Stack, { gap: "md", children }),
+    withDivider && /* @__PURE__ */ jsx(Divider, { my: "xl" })
+  ] });
+}
+
+// src/StatsStrip.tsx
+import { SimpleGrid, Paper, Text as Text2, Group, Box as Box2 } from "@mantine/core";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function StatsStrip({ stats }) {
+  const items = stats.map((stat, index) => /* @__PURE__ */ jsx2(Paper, { p: "lg", withBorder: true, radius: "md", children: /* @__PURE__ */ jsxs2(Group, { justify: "space-between", align: "flex-end", gap: "xs", children: [
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { c: "dimmed", tt: "uppercase", fw: 700, size: "xs", children: stat.label }),
+      /* @__PURE__ */ jsx2(Text2, { fw: 700, size: "xl", mt: "sm", children: stat.value })
+    ] }),
+    stat.diff !== void 0 && /* @__PURE__ */ jsxs2(Text2, { c: stat.diff > 0 ? "teal" : "red", size: "sm", fw: 600, children: [
+      stat.diff > 0 ? "+" : "",
+      stat.diff,
+      "%"
+    ] })
+  ] }) }, index));
+  return /* @__PURE__ */ jsx2(SimpleGrid, { cols: { base: 1, sm: 2, md: 3 }, spacing: "md", children: items });
+}
+
+// src/InfoCard.tsx
+import { Card, Text as Text3, Group as Group2, ThemeIcon, Box as Box3 } from "@mantine/core";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function InfoCard({ title, value, description, icon, color = "blue" }) {
+  return /* @__PURE__ */ jsx3(Card, { p: "xl", children: /* @__PURE__ */ jsxs3(Group2, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { tt: "uppercase", fw: 700, c: "dimmed", size: "xs", children: title }),
+      /* @__PURE__ */ jsx3(Text3, { fw: 700, size: "xl", mt: "sm", children: value }),
+      description && /* @__PURE__ */ jsx3(Text3, { c: "dimmed", size: "sm", mt: "xs", children: description })
+    ] }),
+    icon && /* @__PURE__ */ jsx3(ThemeIcon, { size: "xl", radius: "md", variant: "light", color, children: icon })
+  ] }) });
+}
+
+// src/PageHeader.tsx
+import { ActionIcon, Breadcrumbs, Group as Group3, Menu, Title as Title2, Text as Text4, Box as Box4, Stack as Stack2 } from "@mantine/core";
+import { GdsIcons } from "@doneisbetter/gds-core";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function PageHeader({
+  title,
+  description,
+  subtitle,
+  eyebrow,
+  breadcrumbs,
+  status,
+  primaryAction,
+  secondaryActions,
+  overflowActions = []
+}) {
+  return /* @__PURE__ */ jsxs4(Stack2, { gap: "sm", mb: "xl", children: [
+    breadcrumbs?.length ? /* @__PURE__ */ jsx4(Breadcrumbs, { children: breadcrumbs }) : null,
+    /* @__PURE__ */ jsxs4(Group3, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs4(Box4, { style: { minWidth: 0, flex: 1 }, children: [
+        eyebrow ? /* @__PURE__ */ jsx4(Text4, { c: "dimmed", size: "sm", fw: 700, mb: 4, children: eyebrow }) : null,
+        /* @__PURE__ */ jsx4(Title2, { order: 1, children: title }),
+        subtitle ? /* @__PURE__ */ jsx4(Text4, { c: "dimmed", mt: "xs", size: "sm", children: subtitle }) : null,
+        description && /* @__PURE__ */ jsx4(Text4, { c: "dimmed", mt: "xs", size: "lg", children: description }),
+        status ? /* @__PURE__ */ jsx4(Group3, { mt: "sm", gap: "sm", children: status }) : null
+      ] }),
+      (secondaryActions || primaryAction || overflowActions.length) && /* @__PURE__ */ jsxs4(Group3, { wrap: "wrap", justify: "flex-end", children: [
+        secondaryActions,
+        primaryAction,
+        overflowActions.length ? /* @__PURE__ */ jsxs4(Menu, { shadow: "md", width: 220, withinPortal: true, children: [
+          /* @__PURE__ */ jsx4(Menu.Target, { children: /* @__PURE__ */ jsx4(ActionIcon, { variant: "default", size: "lg", "aria-label": "More actions", children: /* @__PURE__ */ jsx4(GdsIcons.Menu, { size: "1rem" }) }) }),
+          /* @__PURE__ */ jsx4(Menu.Dropdown, { children: overflowActions.map((action, index) => /* @__PURE__ */ jsx4(
+            Menu.Item,
+            {
+              component: action.href ? "a" : "button",
+              href: action.href,
+              onClick: action.onClick,
+              color: action.color,
+              disabled: action.disabled,
+              children: action.label
+            },
+            `${String(action.label)}-${index}`
+          )) })
+        ] }) : null
+      ] })
+    ] })
+  ] });
+}
+
+// src/WorkspaceHeader.tsx
+import { Breadcrumbs as Breadcrumbs2, Group as Group4, Stack as Stack3, Text as Text5, Title as Title3 } from "@mantine/core";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function WorkspaceHeader({
+  breadcrumbs,
+  eyebrow,
+  title,
+  description,
+  primaryAction,
+  secondaryActions
+}) {
+  return /* @__PURE__ */ jsxs5(Stack3, { gap: "sm", mb: "xl", children: [
+    breadcrumbs?.length ? /* @__PURE__ */ jsx5(Breadcrumbs2, { children: breadcrumbs }) : null,
+    eyebrow ? /* @__PURE__ */ jsx5(Text5, { size: "sm", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
+    /* @__PURE__ */ jsxs5(Group4, { justify: "space-between", align: "flex-start", gap: "md", children: [
+      /* @__PURE__ */ jsxs5(Stack3, { gap: 6, children: [
+        /* @__PURE__ */ jsx5(Title3, { order: 1, children: title }),
+        description ? /* @__PURE__ */ jsx5(Text5, { c: "dimmed", maw: 640, children: description }) : null
+      ] }),
+      /* @__PURE__ */ jsxs5(Group4, { gap: "sm", children: [
+        secondaryActions,
+        primaryAction
+      ] })
+    ] })
+  ] });
+}
+
+// src/EditorScaffold.tsx
+import { Grid, Paper as Paper2, Stack as Stack4 } from "@mantine/core";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function EditorScaffold({
+  header,
+  context,
+  form,
+  preview,
+  settings,
+  footer,
+  stickyFooter = false
+}) {
+  return /* @__PURE__ */ jsxs6(Stack4, { gap: "lg", children: [
+    header,
+    context,
+    /* @__PURE__ */ jsxs6(Grid, { gutter: "lg", align: "start", children: [
+      /* @__PURE__ */ jsx6(Grid.Col, { span: { base: 12, md: preview ? 7 : 8 }, children: form }),
+      preview || settings ? /* @__PURE__ */ jsx6(Grid.Col, { span: { base: 12, md: preview ? 5 : 4 }, children: /* @__PURE__ */ jsxs6(Stack4, { gap: "lg", children: [
+        preview,
+        settings
+      ] }) }) : null
+    ] }),
+    footer ? stickyFooter ? /* @__PURE__ */ jsx6(
+      Paper2,
+      {
+        withBorder: true,
+        radius: "xl",
+        p: "md",
+        style: {
+          position: "sticky",
+          bottom: "1rem",
+          zIndex: 10
+        },
+        children: footer
+      }
+    ) : footer : null
+  ] });
+}
+
+// src/ContentOpsSection.tsx
+import { SectionPanel } from "@doneisbetter/gds-core";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function ContentOpsSection({
+  id,
+  title,
+  description,
+  action,
+  children,
+  tone = "default"
+}) {
+  return /* @__PURE__ */ jsx7(SectionPanel, { id, title, description, action, tone, children });
+}
+
+// src/ContentOpsActionBar.tsx
+import { Badge, Group as Group5, Paper as Paper3, Text as Text6 } from "@mantine/core";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function ContentOpsActionBar({
+  dirty = false,
+  saving = false,
+  status,
+  primaryAction,
+  secondaryAction,
+  tertiaryAction
+}) {
+  return /* @__PURE__ */ jsx8(Paper3, { withBorder: true, radius: "xl", p: "md", children: /* @__PURE__ */ jsxs7(Group5, { justify: "space-between", align: "center", gap: "md", wrap: "wrap", children: [
+    /* @__PURE__ */ jsxs7(Group5, { gap: "sm", wrap: "wrap", children: [
+      /* @__PURE__ */ jsx8(Badge, { color: saving ? "violet" : dirty ? "yellow" : "teal", variant: "light", children: saving ? "Saving" : dirty ? "Unsaved changes" : "Saved" }),
+      status ? typeof status === "string" ? /* @__PURE__ */ jsx8(Text6, { size: "sm", c: "dimmed", children: status }) : status : null
+    ] }),
+    /* @__PURE__ */ jsxs7(Group5, { gap: "sm", wrap: "wrap", children: [
+      tertiaryAction,
+      secondaryAction,
+      primaryAction
+    ] })
+  ] }) });
+}
+
+// src/ContentOpsEditor.tsx
+import { Stack as Stack5 } from "@mantine/core";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function ContentOpsEditor({
+  header,
+  context,
+  status,
+  sections,
+  actionBar,
+  preview,
+  settings
+}) {
+  return /* @__PURE__ */ jsxs8(Stack5, { gap: "lg", children: [
+    header,
+    status,
+    /* @__PURE__ */ jsx9(
+      EditorScaffold,
+      {
+        context,
+        form: /* @__PURE__ */ jsx9(Stack5, { gap: "lg", children: sections }),
+        preview,
+        settings,
+        footer: actionBar,
+        stickyFooter: true
+      }
+    )
+  ] });
+}
+
+export {
+  FormSection,
+  StatsStrip,
+  InfoCard,
+  PageHeader,
+  WorkspaceHeader,
+  EditorScaffold,
+  ContentOpsSection,
+  ContentOpsActionBar,
+  ContentOpsEditor
+};

package/dist/client.d.mts

@@ -0,0 +1,88 @@
+export { ContentOpsActionBar, ContentOpsActionBarProps, ContentOpsEditor, ContentOpsEditorProps, ContentOpsSection, ContentOpsSectionProps, FormSection, FormSectionProps, InfoCard, InfoCardProps, PageHeader, PageHeaderOverflowAction, PageHeaderProps, StatItem, StatsStrip, StatsStripProps, WorkspaceHeader, WorkspaceHeaderProps } from './server.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { ReactNode, Key } from 'react';
+import * as _mantine_core from '@mantine/core';
+import { NavLinkProps } from '@mantine/core';
+import { SemanticAction } from '@doneisbetter/gds-core';
+
+interface AppShellProps {
+    logoText?: string;
+    navLinks?: ReactNode;
+    primaryNavigation?: ReactNode;
+    secondaryNavigation?: ReactNode;
+    accountPanel?: ReactNode;
+    headerContext?: ReactNode;
+    headerActions?: ReactNode;
+    mobileNavigation?: ReactNode;
+    children: ReactNode;
+}
+/**
+ * AppShell provides the standard GDS application layout.
+ * It strictly controls the header, sidebar, and main content area.
+ */
+declare function AppShell({ logoText, navLinks, primaryNavigation, secondaryNavigation, accountPanel, headerContext, headerActions, mobileNavigation, children, }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+interface DataTableColumn<T> {
+    key: string;
+    label: string;
+    render?: (item: T) => ReactNode;
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: DataTableColumn<T>[];
+    loading?: boolean;
+    getRowKey?: (item: T, index: number) => Key;
+}
+/**
+ * Standardized Data Table
+ */
+declare function DataTable<T extends Record<string, unknown>>({ data, columns, loading, getRowKey }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface SemanticNavLinkProps extends Omit<NavLinkProps, 'leftSection' | 'label'> {
+    action: SemanticAction;
+}
+declare const SemanticNavLink: (<C = "a">(props: _mantine_core.PolymorphicComponentProps<C, SemanticNavLinkProps>) => React.ReactElement) & Omit<React$1.FunctionComponent<(SemanticNavLinkProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof SemanticNavLinkProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (SemanticNavLinkProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+interface ResponsiveDataViewFilterChip {
+    label: string;
+    onRemove?: () => void;
+}
+interface ResponsiveDataViewProps<T extends Record<string, unknown>> {
+    data: T[];
+    columns: DataTableColumn<T>[];
+    renderCard: (item: T, index: number) => React__default.ReactNode;
+    loading?: boolean;
+    error?: string;
+    errorAction?: React__default.ReactNode;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    emptyAction?: React__default.ReactNode;
+    activeFilters?: ResponsiveDataViewFilterChip[];
+    toolbar?: React__default.ReactNode;
+    filterDrawer?: React__default.ReactNode;
+    mobileFilters?: React__default.ReactNode;
+    getRowKey?: (item: T, index: number) => React__default.Key;
+}
+declare function ResponsiveDataView<T extends Record<string, unknown>>({ data, columns, renderCard, loading, error, errorAction, emptyTitle, emptyDescription, emptyAction, activeFilters, toolbar, filterDrawer, mobileFilters, getRowKey, }: ResponsiveDataViewProps<T>): react_jsx_runtime.JSX.Element;
+
+interface EditorScaffoldProps {
+    header?: ReactNode;
+    context?: ReactNode;
+    form: ReactNode;
+    preview?: ReactNode;
+    settings?: ReactNode;
+    footer?: ReactNode;
+    stickyFooter?: boolean;
+}
+declare function EditorScaffold({ header, context, form, preview, settings, footer, stickyFooter, }: EditorScaffoldProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, type AppShellProps, DataTable, type DataTableColumn, type DataTableProps, EditorScaffold, type EditorScaffoldProps, ResponsiveDataView, type ResponsiveDataViewFilterChip, type ResponsiveDataViewProps, SemanticNavLink, type SemanticNavLinkProps };

package/dist/client.d.ts

@@ -0,0 +1,88 @@
+export { ContentOpsActionBar, ContentOpsActionBarProps, ContentOpsEditor, ContentOpsEditorProps, ContentOpsSection, ContentOpsSectionProps, FormSection, FormSectionProps, InfoCard, InfoCardProps, PageHeader, PageHeaderOverflowAction, PageHeaderProps, StatItem, StatsStrip, StatsStripProps, WorkspaceHeader, WorkspaceHeaderProps } from './server.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { ReactNode, Key } from 'react';
+import * as _mantine_core from '@mantine/core';
+import { NavLinkProps } from '@mantine/core';
+import { SemanticAction } from '@doneisbetter/gds-core';
+
+interface AppShellProps {
+    logoText?: string;
+    navLinks?: ReactNode;
+    primaryNavigation?: ReactNode;
+    secondaryNavigation?: ReactNode;
+    accountPanel?: ReactNode;
+    headerContext?: ReactNode;
+    headerActions?: ReactNode;
+    mobileNavigation?: ReactNode;
+    children: ReactNode;
+}
+/**
+ * AppShell provides the standard GDS application layout.
+ * It strictly controls the header, sidebar, and main content area.
+ */
+declare function AppShell({ logoText, navLinks, primaryNavigation, secondaryNavigation, accountPanel, headerContext, headerActions, mobileNavigation, children, }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+interface DataTableColumn<T> {
+    key: string;
+    label: string;
+    render?: (item: T) => ReactNode;
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: DataTableColumn<T>[];
+    loading?: boolean;
+    getRowKey?: (item: T, index: number) => Key;
+}
+/**
+ * Standardized Data Table
+ */
+declare function DataTable<T extends Record<string, unknown>>({ data, columns, loading, getRowKey }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface SemanticNavLinkProps extends Omit<NavLinkProps, 'leftSection' | 'label'> {
+    action: SemanticAction;
+}
+declare const SemanticNavLink: (<C = "a">(props: _mantine_core.PolymorphicComponentProps<C, SemanticNavLinkProps>) => React.ReactElement) & Omit<React$1.FunctionComponent<(SemanticNavLinkProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof SemanticNavLinkProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (SemanticNavLinkProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+interface ResponsiveDataViewFilterChip {
+    label: string;
+    onRemove?: () => void;
+}
+interface ResponsiveDataViewProps<T extends Record<string, unknown>> {
+    data: T[];
+    columns: DataTableColumn<T>[];
+    renderCard: (item: T, index: number) => React__default.ReactNode;
+    loading?: boolean;
+    error?: string;
+    errorAction?: React__default.ReactNode;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    emptyAction?: React__default.ReactNode;
+    activeFilters?: ResponsiveDataViewFilterChip[];
+    toolbar?: React__default.ReactNode;
+    filterDrawer?: React__default.ReactNode;
+    mobileFilters?: React__default.ReactNode;
+    getRowKey?: (item: T, index: number) => React__default.Key;
+}
+declare function ResponsiveDataView<T extends Record<string, unknown>>({ data, columns, renderCard, loading, error, errorAction, emptyTitle, emptyDescription, emptyAction, activeFilters, toolbar, filterDrawer, mobileFilters, getRowKey, }: ResponsiveDataViewProps<T>): react_jsx_runtime.JSX.Element;
+
+interface EditorScaffoldProps {
+    header?: ReactNode;
+    context?: ReactNode;
+    form: ReactNode;
+    preview?: ReactNode;
+    settings?: ReactNode;
+    footer?: ReactNode;
+    stickyFooter?: boolean;
+}
+declare function EditorScaffold({ header, context, form, preview, settings, footer, stickyFooter, }: EditorScaffoldProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, type AppShellProps, DataTable, type DataTableColumn, type DataTableProps, EditorScaffold, type EditorScaffoldProps, ResponsiveDataView, type ResponsiveDataViewFilterChip, type ResponsiveDataViewProps, SemanticNavLink, type SemanticNavLinkProps };