@doneisbetter/gds-theme 2.6.1

package/dist/chunk-AS4RLGFF.mjs

@@ -0,0 +1,218 @@
+// src/theme.ts
+import { DEFAULT_THEME, createTheme, mergeMantineTheme, mergeThemeOverrides } from "@mantine/core";
+var baseTheme = mergeMantineTheme(DEFAULT_THEME, createTheme({
+  primaryColor: "violet",
+  fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+  fontSmoothing: true,
+  defaultRadius: "md",
+  black: "#111827",
+  white: "#ffffff",
+  headings: {
+    fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+    sizes: {
+      h1: { fontSize: "2.5rem", fontWeight: "800" },
+      h2: { fontSize: "1.75rem", fontWeight: "700" },
+      h3: { fontSize: "1.25rem", fontWeight: "600" }
+    }
+  },
+  shadows: {
+    md: "0 8px 24px rgba(15, 23, 42, 0.08)",
+    lg: "0 16px 40px rgba(15, 23, 42, 0.12)"
+  },
+  components: {
+    Button: {
+      defaultProps: {
+        radius: "md",
+        size: "sm",
+        fw: 600
+      }
+    },
+    Card: {
+      defaultProps: {
+        radius: "lg",
+        shadow: "sm",
+        withBorder: true
+      },
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-body)"
+        }
+      }
+    },
+    Paper: {
+      defaultProps: {
+        radius: "lg",
+        withBorder: true
+      }
+    },
+    TextInput: {
+      defaultProps: {
+        radius: "md"
+      }
+    },
+    Table: {
+      defaultProps: {
+        highlightOnHover: true,
+        verticalSpacing: "md"
+      }
+    },
+    Badge: {
+      defaultProps: {
+        radius: "xl"
+      }
+    }
+  }
+}));
+var gdsTheme = baseTheme;
+var gdsDarkPublicTheme = extendGdsTheme({
+  primaryColor: "violet",
+  components: {
+    AppShell: {
+      styles: {
+        main: {
+          backgroundColor: "var(--mantine-color-dark-8)"
+        }
+      }
+    },
+    Card: {
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    Paper: {
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    Table: {
+      styles: {
+        table: {
+          color: "var(--mantine-color-gray-0)"
+        }
+      }
+    }
+  }
+});
+var gdsFlatSurfaceTheme = extendGdsTheme({
+  shadows: {
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    xl: "none"
+  },
+  components: {
+    Card: {
+      defaultProps: {
+        shadow: void 0,
+        withBorder: true
+      }
+    },
+    Paper: {
+      defaultProps: {
+        withBorder: true
+      }
+    }
+  }
+});
+var gdsEditorialPublicTheme = extendGdsTheme({
+  headings: {
+    fontFamily: '"Instrument Serif", Georgia, "Times New Roman", serif',
+    sizes: {
+      h1: { fontSize: "2.75rem", fontWeight: "700" },
+      h2: { fontSize: "2rem", fontWeight: "700" },
+      h3: { fontSize: "1.375rem", fontWeight: "600" }
+    }
+  },
+  shadows: {
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    xl: "none"
+  },
+  components: {
+    Card: {
+      defaultProps: {
+        shadow: void 0,
+        withBorder: true
+      }
+    },
+    Paper: {
+      defaultProps: {
+        withBorder: true
+      }
+    }
+  }
+});
+function createPublicBrandTheme({
+  editorialSerif = false,
+  flatSurfaces = false,
+  overrides = {}
+} = {}) {
+  const layeredOverrides = [];
+  if (flatSurfaces) {
+    layeredOverrides.push(gdsFlatSurfaceTheme);
+  }
+  if (editorialSerif) {
+    layeredOverrides.push(gdsEditorialPublicTheme);
+  }
+  layeredOverrides.push(overrides);
+  const mergedOverrides = layeredOverrides.reduce(
+    (theme, layer) => mergeThemeOverrides(theme, layer),
+    {}
+  );
+  return extendGdsTheme(mergedOverrides);
+}
+function extendGdsTheme(overrides = {}) {
+  return mergeMantineTheme(baseTheme, overrides);
+}
+function withGdsMotion(overrides = {}) {
+  return extendGdsTheme(
+    mergeThemeOverrides(
+      {
+        components: {
+          Button: {
+            styles: {
+              root: {
+                transition: "transform 150ms ease, filter 120ms ease",
+                "&:hover": {
+                  transform: "translateY(-1px)",
+                  filter: "brightness(1.05)"
+                },
+                "&:active": {
+                  transform: "translateY(0)",
+                  filter: "brightness(0.95)"
+                }
+              }
+            }
+          },
+          Card: {
+            styles: {
+              root: {
+                transition: "transform 150ms ease, box-shadow 150ms ease"
+              }
+            }
+          }
+        }
+      },
+      overrides
+    )
+  );
+}
+
+export {
+  gdsTheme,
+  gdsDarkPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsEditorialPublicTheme,
+  createPublicBrandTheme,
+  extendGdsTheme,
+  withGdsMotion
+};

package/dist/chunk-TAI4BSAN.mjs

@@ -0,0 +1,42 @@
+import {
+  gdsTheme
+} from "./chunk-AS4RLGFF.mjs";
+
+// src/i18n.ts
+import { createContext, useContext } from "react";
+var GdsI18nContext = createContext({
+  locale: "en",
+  messages: {}
+});
+function useGdsTranslation() {
+  const { messages, locale } = useContext(GdsI18nContext);
+  return {
+    t: (id, defaultMessage) => messages[id] || defaultMessage,
+    locale
+  };
+}
+
+// src/GdsProvider.tsx
+import { MantineProvider, DirectionProvider, Box } from "@mantine/core";
+import { ModalsProvider } from "@mantine/modals";
+import { Notifications } from "@mantine/notifications";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function GdsProvider({
+  children,
+  locale = "en",
+  messages = {},
+  theme = gdsTheme,
+  defaultColorScheme = "light"
+}) {
+  const isRtl = ["ar", "he"].includes(locale);
+  const dir = isRtl ? "rtl" : "ltr";
+  return /* @__PURE__ */ jsx(DirectionProvider, { initialDirection: dir, children: /* @__PURE__ */ jsx(GdsI18nContext.Provider, { value: { locale, messages }, children: /* @__PURE__ */ jsx(MantineProvider, { theme, withCssVariables: true, withGlobalClasses: true, defaultColorScheme, children: /* @__PURE__ */ jsx(ModalsProvider, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Notifications, {}),
+    /* @__PURE__ */ jsx(Box, { dir, h: "100%", children })
+  ] }) }) }) }) });
+}
+
+export {
+  useGdsTranslation,
+  GdsProvider
+};

package/dist/client.d.mts

@@ -0,0 +1,29 @@
+export { createPublicBrandTheme, extendGdsTheme, gdsDarkPublicTheme, gdsEditorialPublicTheme, gdsFlatSurfaceTheme, gdsTheme, withGdsMotion } from './server.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { MantineThemeOverride } from '@mantine/core';
+
+interface GdsProviderProps {
+    children: React.ReactNode;
+    locale?: string;
+    messages?: Record<string, string>;
+    theme?: MantineThemeOverride;
+    defaultColorScheme?: 'light' | 'dark' | 'auto';
+}
+/**
+ * GdsProvider is the single required root provider for any application
+ * adopting the General Design System. It injects the strict Mantine theme.
+ */
+declare function GdsProvider({ children, locale, messages, theme, defaultColorScheme, }: GdsProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * useGdsTranslation provides a lightweight translation hook.
+ * It looks up the translation key in the provider's message dictionary,
+ * and falls back to the default semantic English string if not found.
+ */
+declare function useGdsTranslation(): {
+    t: (id: string, defaultMessage: string) => string;
+    locale: string;
+};
+
+export { GdsProvider, type GdsProviderProps, useGdsTranslation };

package/dist/client.d.ts

@@ -0,0 +1,29 @@
+export { createPublicBrandTheme, extendGdsTheme, gdsDarkPublicTheme, gdsEditorialPublicTheme, gdsFlatSurfaceTheme, gdsTheme, withGdsMotion } from './server.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { MantineThemeOverride } from '@mantine/core';
+
+interface GdsProviderProps {
+    children: React.ReactNode;
+    locale?: string;
+    messages?: Record<string, string>;
+    theme?: MantineThemeOverride;
+    defaultColorScheme?: 'light' | 'dark' | 'auto';
+}
+/**
+ * GdsProvider is the single required root provider for any application
+ * adopting the General Design System. It injects the strict Mantine theme.
+ */
+declare function GdsProvider({ children, locale, messages, theme, defaultColorScheme, }: GdsProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * useGdsTranslation provides a lightweight translation hook.
+ * It looks up the translation key in the provider's message dictionary,
+ * and falls back to the default semantic English string if not found.
+ */
+declare function useGdsTranslation(): {
+    t: (id: string, defaultMessage: string) => string;
+    locale: string;
+};
+
+export { GdsProvider, type GdsProviderProps, useGdsTranslation };

package/dist/client.js

@@ -0,0 +1,290 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client.ts
+var client_exports = {};
+__export(client_exports, {
+  GdsProvider: () => GdsProvider,
+  createPublicBrandTheme: () => createPublicBrandTheme,
+  extendGdsTheme: () => extendGdsTheme,
+  gdsDarkPublicTheme: () => gdsDarkPublicTheme,
+  gdsEditorialPublicTheme: () => gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme: () => gdsFlatSurfaceTheme,
+  gdsTheme: () => gdsTheme,
+  useGdsTranslation: () => useGdsTranslation,
+  withGdsMotion: () => withGdsMotion
+});
+module.exports = __toCommonJS(client_exports);
+
+// src/theme.ts
+var import_core = require("@mantine/core");
+var baseTheme = (0, import_core.mergeMantineTheme)(import_core.DEFAULT_THEME, (0, import_core.createTheme)({
+  primaryColor: "violet",
+  fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+  fontSmoothing: true,
+  defaultRadius: "md",
+  black: "#111827",
+  white: "#ffffff",
+  headings: {
+    fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+    sizes: {
+      h1: { fontSize: "2.5rem", fontWeight: "800" },
+      h2: { fontSize: "1.75rem", fontWeight: "700" },
+      h3: { fontSize: "1.25rem", fontWeight: "600" }
+    }
+  },
+  shadows: {
+    md: "0 8px 24px rgba(15, 23, 42, 0.08)",
+    lg: "0 16px 40px rgba(15, 23, 42, 0.12)"
+  },
+  components: {
+    Button: {
+      defaultProps: {
+        radius: "md",
+        size: "sm",
+        fw: 600
+      }
+    },
+    Card: {
+      defaultProps: {
+        radius: "lg",
+        shadow: "sm",
+        withBorder: true
+      },
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-body)"
+        }
+      }
+    },
+    Paper: {
+      defaultProps: {
+        radius: "lg",
+        withBorder: true
+      }
+    },
+    TextInput: {
+      defaultProps: {
+        radius: "md"
+      }
+    },
+    Table: {
+      defaultProps: {
+        highlightOnHover: true,
+        verticalSpacing: "md"
+      }
+    },
+    Badge: {
+      defaultProps: {
+        radius: "xl"
+      }
+    }
+  }
+}));
+var gdsTheme = baseTheme;
+var gdsDarkPublicTheme = extendGdsTheme({
+  primaryColor: "violet",
+  components: {
+    AppShell: {
+      styles: {
+        main: {
+          backgroundColor: "var(--mantine-color-dark-8)"
+        }
+      }
+    },
+    Card: {
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    Paper: {
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    Table: {
+      styles: {
+        table: {
+          color: "var(--mantine-color-gray-0)"
+        }
+      }
+    }
+  }
+});
+var gdsFlatSurfaceTheme = extendGdsTheme({
+  shadows: {
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    xl: "none"
+  },
+  components: {
+    Card: {
+      defaultProps: {
+        shadow: void 0,
+        withBorder: true
+      }
+    },
+    Paper: {
+      defaultProps: {
+        withBorder: true
+      }
+    }
+  }
+});
+var gdsEditorialPublicTheme = extendGdsTheme({
+  headings: {
+    fontFamily: '"Instrument Serif", Georgia, "Times New Roman", serif',
+    sizes: {
+      h1: { fontSize: "2.75rem", fontWeight: "700" },
+      h2: { fontSize: "2rem", fontWeight: "700" },
+      h3: { fontSize: "1.375rem", fontWeight: "600" }
+    }
+  },
+  shadows: {
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    xl: "none"
+  },
+  components: {
+    Card: {
+      defaultProps: {
+        shadow: void 0,
+        withBorder: true
+      }
+    },
+    Paper: {
+      defaultProps: {
+        withBorder: true
+      }
+    }
+  }
+});
+function createPublicBrandTheme({
+  editorialSerif = false,
+  flatSurfaces = false,
+  overrides = {}
+} = {}) {
+  const layeredOverrides = [];
+  if (flatSurfaces) {
+    layeredOverrides.push(gdsFlatSurfaceTheme);
+  }
+  if (editorialSerif) {
+    layeredOverrides.push(gdsEditorialPublicTheme);
+  }
+  layeredOverrides.push(overrides);
+  const mergedOverrides = layeredOverrides.reduce(
+    (theme, layer) => (0, import_core.mergeThemeOverrides)(theme, layer),
+    {}
+  );
+  return extendGdsTheme(mergedOverrides);
+}
+function extendGdsTheme(overrides = {}) {
+  return (0, import_core.mergeMantineTheme)(baseTheme, overrides);
+}
+function withGdsMotion(overrides = {}) {
+  return extendGdsTheme(
+    (0, import_core.mergeThemeOverrides)(
+      {
+        components: {
+          Button: {
+            styles: {
+              root: {
+                transition: "transform 150ms ease, filter 120ms ease",
+                "&:hover": {
+                  transform: "translateY(-1px)",
+                  filter: "brightness(1.05)"
+                },
+                "&:active": {
+                  transform: "translateY(0)",
+                  filter: "brightness(0.95)"
+                }
+              }
+            }
+          },
+          Card: {
+            styles: {
+              root: {
+                transition: "transform 150ms ease, box-shadow 150ms ease"
+              }
+            }
+          }
+        }
+      },
+      overrides
+    )
+  );
+}
+
+// src/GdsProvider.tsx
+var import_core2 = require("@mantine/core");
+var import_modals = require("@mantine/modals");
+var import_notifications = require("@mantine/notifications");
+
+// src/i18n.ts
+var import_react = require("react");
+var GdsI18nContext = (0, import_react.createContext)({
+  locale: "en",
+  messages: {}
+});
+function useGdsTranslation() {
+  const { messages, locale } = (0, import_react.useContext)(GdsI18nContext);
+  return {
+    t: (id, defaultMessage) => messages[id] || defaultMessage,
+    locale
+  };
+}
+
+// src/GdsProvider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function GdsProvider({
+  children,
+  locale = "en",
+  messages = {},
+  theme = gdsTheme,
+  defaultColorScheme = "light"
+}) {
+  const isRtl = ["ar", "he"].includes(locale);
+  const dir = isRtl ? "rtl" : "ltr";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.DirectionProvider, { initialDirection: dir, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GdsI18nContext.Provider, { value: { locale, messages }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.MantineProvider, { theme, withCssVariables: true, withGlobalClasses: true, defaultColorScheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modals.ModalsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_notifications.Notifications, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.Box, { dir, h: "100%", children })
+  ] }) }) }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GdsProvider,
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  useGdsTranslation,
+  withGdsMotion
+});

package/dist/client.mjs

@@ -0,0 +1,24 @@
+import {
+  GdsProvider,
+  useGdsTranslation
+} from "./chunk-TAI4BSAN.mjs";
+import {
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  withGdsMotion
+} from "./chunk-AS4RLGFF.mjs";
+export {
+  GdsProvider,
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  useGdsTranslation,
+  withGdsMotion
+};

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { createPublicBrandTheme, extendGdsTheme, gdsDarkPublicTheme, gdsEditorialPublicTheme, gdsFlatSurfaceTheme, gdsTheme, withGdsMotion } from './server.mjs';
+export { GdsProvider, GdsProviderProps, useGdsTranslation } from './client.mjs';
+import '@mantine/core';
+import 'react/jsx-runtime';
+import 'react';

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { createPublicBrandTheme, extendGdsTheme, gdsDarkPublicTheme, gdsEditorialPublicTheme, gdsFlatSurfaceTheme, gdsTheme, withGdsMotion } from './server.js';
+export { GdsProvider, GdsProviderProps, useGdsTranslation } from './client.js';
+import '@mantine/core';
+import 'react/jsx-runtime';
+import 'react';

package/dist/index.js

@@ -0,0 +1,290 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  GdsProvider: () => GdsProvider,
+  createPublicBrandTheme: () => createPublicBrandTheme,
+  extendGdsTheme: () => extendGdsTheme,
+  gdsDarkPublicTheme: () => gdsDarkPublicTheme,
+  gdsEditorialPublicTheme: () => gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme: () => gdsFlatSurfaceTheme,
+  gdsTheme: () => gdsTheme,
+  useGdsTranslation: () => useGdsTranslation,
+  withGdsMotion: () => withGdsMotion
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/theme.ts
+var import_core = require("@mantine/core");
+var baseTheme = (0, import_core.mergeMantineTheme)(import_core.DEFAULT_THEME, (0, import_core.createTheme)({
+  primaryColor: "violet",
+  fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+  fontSmoothing: true,
+  defaultRadius: "md",
+  black: "#111827",
+  white: "#ffffff",
+  headings: {
+    fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+    sizes: {
+      h1: { fontSize: "2.5rem", fontWeight: "800" },
+      h2: { fontSize: "1.75rem", fontWeight: "700" },
+      h3: { fontSize: "1.25rem", fontWeight: "600" }
+    }
+  },
+  shadows: {
+    md: "0 8px 24px rgba(15, 23, 42, 0.08)",
+    lg: "0 16px 40px rgba(15, 23, 42, 0.12)"
+  },
+  components: {
+    Button: {
+      defaultProps: {
+        radius: "md",
+        size: "sm",
+        fw: 600
+      }
+    },
+    Card: {
+      defaultProps: {
+        radius: "lg",
+        shadow: "sm",
+        withBorder: true
+      },
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-body)"
+        }
+      }
+    },
+    Paper: {
+      defaultProps: {
+        radius: "lg",
+        withBorder: true
+      }
+    },
+    TextInput: {
+      defaultProps: {
+        radius: "md"
+      }
+    },
+    Table: {
+      defaultProps: {
+        highlightOnHover: true,
+        verticalSpacing: "md"
+      }
+    },
+    Badge: {
+      defaultProps: {
+        radius: "xl"
+      }
+    }
+  }
+}));
+var gdsTheme = baseTheme;
+var gdsDarkPublicTheme = extendGdsTheme({
+  primaryColor: "violet",
+  components: {
+    AppShell: {
+      styles: {
+        main: {
+          backgroundColor: "var(--mantine-color-dark-8)"
+        }
+      }
+    },
+    Card: {
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    Paper: {
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    Table: {
+      styles: {
+        table: {
+          color: "var(--mantine-color-gray-0)"
+        }
+      }
+    }
+  }
+});
+var gdsFlatSurfaceTheme = extendGdsTheme({
+  shadows: {
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    xl: "none"
+  },
+  components: {
+    Card: {
+      defaultProps: {
+        shadow: void 0,
+        withBorder: true
+      }
+    },
+    Paper: {
+      defaultProps: {
+        withBorder: true
+      }
+    }
+  }
+});
+var gdsEditorialPublicTheme = extendGdsTheme({
+  headings: {
+    fontFamily: '"Instrument Serif", Georgia, "Times New Roman", serif',
+    sizes: {
+      h1: { fontSize: "2.75rem", fontWeight: "700" },
+      h2: { fontSize: "2rem", fontWeight: "700" },
+      h3: { fontSize: "1.375rem", fontWeight: "600" }
+    }
+  },
+  shadows: {
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    xl: "none"
+  },
+  components: {
+    Card: {
+      defaultProps: {
+        shadow: void 0,
+        withBorder: true
+      }
+    },
+    Paper: {
+      defaultProps: {
+        withBorder: true
+      }
+    }
+  }
+});
+function createPublicBrandTheme({
+  editorialSerif = false,
+  flatSurfaces = false,
+  overrides = {}
+} = {}) {
+  const layeredOverrides = [];
+  if (flatSurfaces) {
+    layeredOverrides.push(gdsFlatSurfaceTheme);
+  }
+  if (editorialSerif) {
+    layeredOverrides.push(gdsEditorialPublicTheme);
+  }
+  layeredOverrides.push(overrides);
+  const mergedOverrides = layeredOverrides.reduce(
+    (theme, layer) => (0, import_core.mergeThemeOverrides)(theme, layer),
+    {}
+  );
+  return extendGdsTheme(mergedOverrides);
+}
+function extendGdsTheme(overrides = {}) {
+  return (0, import_core.mergeMantineTheme)(baseTheme, overrides);
+}
+function withGdsMotion(overrides = {}) {
+  return extendGdsTheme(
+    (0, import_core.mergeThemeOverrides)(
+      {
+        components: {
+          Button: {
+            styles: {
+              root: {
+                transition: "transform 150ms ease, filter 120ms ease",
+                "&:hover": {
+                  transform: "translateY(-1px)",
+                  filter: "brightness(1.05)"
+                },
+                "&:active": {
+                  transform: "translateY(0)",
+                  filter: "brightness(0.95)"
+                }
+              }
+            }
+          },
+          Card: {
+            styles: {
+              root: {
+                transition: "transform 150ms ease, box-shadow 150ms ease"
+              }
+            }
+          }
+        }
+      },
+      overrides
+    )
+  );
+}
+
+// src/GdsProvider.tsx
+var import_core2 = require("@mantine/core");
+var import_modals = require("@mantine/modals");
+var import_notifications = require("@mantine/notifications");
+
+// src/i18n.ts
+var import_react = require("react");
+var GdsI18nContext = (0, import_react.createContext)({
+  locale: "en",
+  messages: {}
+});
+function useGdsTranslation() {
+  const { messages, locale } = (0, import_react.useContext)(GdsI18nContext);
+  return {
+    t: (id, defaultMessage) => messages[id] || defaultMessage,
+    locale
+  };
+}
+
+// src/GdsProvider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function GdsProvider({
+  children,
+  locale = "en",
+  messages = {},
+  theme = gdsTheme,
+  defaultColorScheme = "light"
+}) {
+  const isRtl = ["ar", "he"].includes(locale);
+  const dir = isRtl ? "rtl" : "ltr";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.DirectionProvider, { initialDirection: dir, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GdsI18nContext.Provider, { value: { locale, messages }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.MantineProvider, { theme, withCssVariables: true, withGlobalClasses: true, defaultColorScheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modals.ModalsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_notifications.Notifications, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.Box, { dir, h: "100%", children })
+  ] }) }) }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GdsProvider,
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  useGdsTranslation,
+  withGdsMotion
+});

package/dist/index.mjs

@@ -0,0 +1,24 @@
+import {
+  GdsProvider,
+  useGdsTranslation
+} from "./chunk-TAI4BSAN.mjs";
+import {
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  withGdsMotion
+} from "./chunk-AS4RLGFF.mjs";
+export {
+  GdsProvider,
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  useGdsTranslation,
+  withGdsMotion
+};

package/dist/server.d.mts

@@ -0,0 +1,16 @@
+import { MantineThemeOverride, MantineTheme } from '@mantine/core';
+
+declare const gdsTheme: MantineTheme;
+declare const gdsDarkPublicTheme: MantineTheme;
+declare const gdsFlatSurfaceTheme: MantineTheme;
+declare const gdsEditorialPublicTheme: MantineTheme;
+interface PublicBrandThemeOptions {
+    editorialSerif?: boolean;
+    flatSurfaces?: boolean;
+    overrides?: MantineThemeOverride;
+}
+declare function createPublicBrandTheme({ editorialSerif, flatSurfaces, overrides, }?: PublicBrandThemeOptions): MantineTheme;
+declare function extendGdsTheme(overrides?: MantineThemeOverride): MantineTheme;
+declare function withGdsMotion(overrides?: MantineThemeOverride): MantineTheme;
+
+export { createPublicBrandTheme, extendGdsTheme, gdsDarkPublicTheme, gdsEditorialPublicTheme, gdsFlatSurfaceTheme, gdsTheme, withGdsMotion };

package/dist/server.d.ts

@@ -0,0 +1,16 @@
+import { MantineThemeOverride, MantineTheme } from '@mantine/core';
+
+declare const gdsTheme: MantineTheme;
+declare const gdsDarkPublicTheme: MantineTheme;
+declare const gdsFlatSurfaceTheme: MantineTheme;
+declare const gdsEditorialPublicTheme: MantineTheme;
+interface PublicBrandThemeOptions {
+    editorialSerif?: boolean;
+    flatSurfaces?: boolean;
+    overrides?: MantineThemeOverride;
+}
+declare function createPublicBrandTheme({ editorialSerif, flatSurfaces, overrides, }?: PublicBrandThemeOptions): MantineTheme;
+declare function extendGdsTheme(overrides?: MantineThemeOverride): MantineTheme;
+declare function withGdsMotion(overrides?: MantineThemeOverride): MantineTheme;
+
+export { createPublicBrandTheme, extendGdsTheme, gdsDarkPublicTheme, gdsEditorialPublicTheme, gdsFlatSurfaceTheme, gdsTheme, withGdsMotion };

package/dist/server.js

@@ -0,0 +1,250 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/server.ts
+var server_exports = {};
+__export(server_exports, {
+  createPublicBrandTheme: () => createPublicBrandTheme,
+  extendGdsTheme: () => extendGdsTheme,
+  gdsDarkPublicTheme: () => gdsDarkPublicTheme,
+  gdsEditorialPublicTheme: () => gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme: () => gdsFlatSurfaceTheme,
+  gdsTheme: () => gdsTheme,
+  withGdsMotion: () => withGdsMotion
+});
+module.exports = __toCommonJS(server_exports);
+
+// src/theme.ts
+var import_core = require("@mantine/core");
+var baseTheme = (0, import_core.mergeMantineTheme)(import_core.DEFAULT_THEME, (0, import_core.createTheme)({
+  primaryColor: "violet",
+  fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+  fontSmoothing: true,
+  defaultRadius: "md",
+  black: "#111827",
+  white: "#ffffff",
+  headings: {
+    fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+    sizes: {
+      h1: { fontSize: "2.5rem", fontWeight: "800" },
+      h2: { fontSize: "1.75rem", fontWeight: "700" },
+      h3: { fontSize: "1.25rem", fontWeight: "600" }
+    }
+  },
+  shadows: {
+    md: "0 8px 24px rgba(15, 23, 42, 0.08)",
+    lg: "0 16px 40px rgba(15, 23, 42, 0.12)"
+  },
+  components: {
+    Button: {
+      defaultProps: {
+        radius: "md",
+        size: "sm",
+        fw: 600
+      }
+    },
+    Card: {
+      defaultProps: {
+        radius: "lg",
+        shadow: "sm",
+        withBorder: true
+      },
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-body)"
+        }
+      }
+    },
+    Paper: {
+      defaultProps: {
+        radius: "lg",
+        withBorder: true
+      }
+    },
+    TextInput: {
+      defaultProps: {
+        radius: "md"
+      }
+    },
+    Table: {
+      defaultProps: {
+        highlightOnHover: true,
+        verticalSpacing: "md"
+      }
+    },
+    Badge: {
+      defaultProps: {
+        radius: "xl"
+      }
+    }
+  }
+}));
+var gdsTheme = baseTheme;
+var gdsDarkPublicTheme = extendGdsTheme({
+  primaryColor: "violet",
+  components: {
+    AppShell: {
+      styles: {
+        main: {
+          backgroundColor: "var(--mantine-color-dark-8)"
+        }
+      }
+    },
+    Card: {
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    Paper: {
+      styles: {
+        root: {
+          backgroundColor: "var(--mantine-color-dark-7)",
+          borderColor: "var(--mantine-color-dark-4)"
+        }
+      }
+    },
+    Table: {
+      styles: {
+        table: {
+          color: "var(--mantine-color-gray-0)"
+        }
+      }
+    }
+  }
+});
+var gdsFlatSurfaceTheme = extendGdsTheme({
+  shadows: {
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    xl: "none"
+  },
+  components: {
+    Card: {
+      defaultProps: {
+        shadow: void 0,
+        withBorder: true
+      }
+    },
+    Paper: {
+      defaultProps: {
+        withBorder: true
+      }
+    }
+  }
+});
+var gdsEditorialPublicTheme = extendGdsTheme({
+  headings: {
+    fontFamily: '"Instrument Serif", Georgia, "Times New Roman", serif',
+    sizes: {
+      h1: { fontSize: "2.75rem", fontWeight: "700" },
+      h2: { fontSize: "2rem", fontWeight: "700" },
+      h3: { fontSize: "1.375rem", fontWeight: "600" }
+    }
+  },
+  shadows: {
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "none",
+    xl: "none"
+  },
+  components: {
+    Card: {
+      defaultProps: {
+        shadow: void 0,
+        withBorder: true
+      }
+    },
+    Paper: {
+      defaultProps: {
+        withBorder: true
+      }
+    }
+  }
+});
+function createPublicBrandTheme({
+  editorialSerif = false,
+  flatSurfaces = false,
+  overrides = {}
+} = {}) {
+  const layeredOverrides = [];
+  if (flatSurfaces) {
+    layeredOverrides.push(gdsFlatSurfaceTheme);
+  }
+  if (editorialSerif) {
+    layeredOverrides.push(gdsEditorialPublicTheme);
+  }
+  layeredOverrides.push(overrides);
+  const mergedOverrides = layeredOverrides.reduce(
+    (theme, layer) => (0, import_core.mergeThemeOverrides)(theme, layer),
+    {}
+  );
+  return extendGdsTheme(mergedOverrides);
+}
+function extendGdsTheme(overrides = {}) {
+  return (0, import_core.mergeMantineTheme)(baseTheme, overrides);
+}
+function withGdsMotion(overrides = {}) {
+  return extendGdsTheme(
+    (0, import_core.mergeThemeOverrides)(
+      {
+        components: {
+          Button: {
+            styles: {
+              root: {
+                transition: "transform 150ms ease, filter 120ms ease",
+                "&:hover": {
+                  transform: "translateY(-1px)",
+                  filter: "brightness(1.05)"
+                },
+                "&:active": {
+                  transform: "translateY(0)",
+                  filter: "brightness(0.95)"
+                }
+              }
+            }
+          },
+          Card: {
+            styles: {
+              root: {
+                transition: "transform 150ms ease, box-shadow 150ms ease"
+              }
+            }
+          }
+        }
+      },
+      overrides
+    )
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  withGdsMotion
+});

package/dist/server.mjs

@@ -0,0 +1,18 @@
+import {
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  withGdsMotion
+} from "./chunk-AS4RLGFF.mjs";
+export {
+  createPublicBrandTheme,
+  extendGdsTheme,
+  gdsDarkPublicTheme,
+  gdsEditorialPublicTheme,
+  gdsFlatSurfaceTheme,
+  gdsTheme,
+  withGdsMotion
+};

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@doneisbetter/gds-theme",
+  "version": "2.6.1",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sovereignsquad/general-design-system.git",
+    "directory": "packages/gds-theme"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.mjs",
+      "require": "./dist/client.js"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.mjs",
+      "require": "./dist/server.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "@mantine/core": "^7.9.0 || ^8.3.0",
+    "@mantine/hooks": "^7.9.0 || ^8.3.0",
+    "@mantine/modals": "^7.9.0 || ^8.3.0",
+    "@mantine/notifications": "^7.9.0 || ^8.3.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@mantine/core": "^7.9.0",
+    "@mantine/hooks": "^7.9.0",
+    "@mantine/modals": "^7.9.0",
+    "@mantine/notifications": "^7.9.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}