@undefine-ui/design-system 2.0.0 → 2.1.0

package/README.md

@@ -10,6 +10,8 @@ pnpm add @undefine-ui/design-system
 pnpm add @mui/material @mui/x-data-grid @emotion/react @emotion/styled react react-dom react-hook-form
 ```
 
+**Note**: Fonts (Work Sans and Geist) are bundled with the package and automatically loaded by the `ThemeProvider`. You don't need to install or import `@fontsource` packages separately.
+
 ## Usage
 
 ### Providers
@@ -29,7 +31,7 @@ export function DesignSystemApp({ children }: { children: React.ReactNode }) {
 ```
 
 - `SettingsProvider` exposes the design-system preferences (mode, contrast, fonts, nav layout) through the `useSettings` hook. Provide your own `settings` object if you want different defaults or if you persist user choices.
-- `ThemeProvider` wraps MUI’s CssVarsProvider with the Define theme (`createTheme`). It accepts any React children and automatically injects `CssBaseline`.
+- `ThemeProvider` wraps MUI's CssVarsProvider with the Define theme (`createTheme`). It accepts any React children and automatically injects `CssBaseline` and loads the required fonts (Work Sans and Geist).
 - Both providers are exported from the package root so you can colocate them with your router/root layout.
 
 ### Theming hooks

package/dist/index.cjs

@@ -5562,6 +5562,17 @@ var getInitColorSchemeScript = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
 // src/theme/ThemeProvider.tsx
 var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"), 1);
 var import_styles31 = require("@mui/material/styles");
+var import__ = require("@fontsource/work-sans/300.css");
+var import__2 = require("@fontsource/work-sans/400.css");
+var import__3 = require("@fontsource/work-sans/500.css");
+var import__4 = require("@fontsource/work-sans/600.css");
+var import__5 = require("@fontsource/work-sans/700.css");
+var import__6 = require("@fontsource/geist/300.css");
+var import__7 = require("@fontsource/geist/400.css");
+var import__8 = require("@fontsource/geist/500.css");
+var import__9 = require("@fontsource/geist/600.css");
+var import__10 = require("@fontsource/geist/700.css");
+var import_satoshi = require("./satoshi-4X3TX4PE.css");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var ThemeProvider = ({ children }) => {
   const settings = useSettings();