@dax-ui/theme 0.0.0-stage → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,20 @@
+# @dax-ui/theme
+
+## 0.2.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8ff9]
+  - @dax-ui/tokens@0.2.0
+
+## 0.1.0
+
+### Minor Changes
+
+- First public release: design tokens, theme and UIProvider, Button, TextField, the
+  @dax-ui/react bundle, and @dax-ui/nextjs for Next.js App Router.
+
+### Patch Changes
+
+- Updated dependencies
+  - @dax-ui/tokens@0.1.0

package/LICENSE

@@ -0,0 +1,12 @@
+Copyright (c) 2026 Digital Auxilius. All rights reserved.
+
+This software and its source code are proprietary. They are made publicly available
+for viewing and installation only. No license is granted to use, copy, modify, merge,
+publish, distribute, sublicense or sell copies of this software, in whole or in part,
+except under a separate written agreement with Digital Auxilius.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY ARISING FROM, OUT OF OR
+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,3 +1,121 @@
-# Temporary Holding Version
+# @dax-ui/theme
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The dax-ui theme and `UIProvider`. Every app wraps its tree in `UIProvider` once;
+every other `@dax-ui` component needs it.
+
+## Installation
+
+```bash
+pnpm add @dax-ui/theme
+```
+
+MUI and Emotion are included; the app only needs React 18 or 19. Don't add
+`@mui/material` to the app as well: a second copy wouldn't share the dax-ui theme.
+
+## Usage
+
+Wrap the app once, at the root:
+
+```tsx
+import { UIProvider } from '@dax-ui/theme';
+
+export function App({ children }) {
+  return <UIProvider defaultMode="system">{children}</UIProvider>;
+}
+```
+
+### Next.js App Router
+
+Use [`@dax-ui/nextjs`](https://www.npmjs.com/package/@dax-ui/nextjs) instead: its `UIProvider` adds server-side style
+collection and the color-mode script, and it re-exports everything else from this package.
+
+### Other server rendering
+
+Render `ColorSchemeScript` first inside `<body>` so the page doesn't flash the wrong
+color mode before React loads:
+
+```tsx
+<body>
+  <ColorSchemeScript />
+  <UIProvider>{children}</UIProvider>
+</body>
+```
+
+### Light/dark toggle
+
+```tsx
+import { useColorScheme } from '@dax-ui/theme';
+
+function ModeToggle() {
+  const { mode, setMode } = useColorScheme();
+  return (
+    <button onClick={() => setMode(mode === 'dark' ? 'light' : 'dark')}>
+      Switch to {mode === 'dark' ? 'light' : 'dark'} mode
+    </button>
+  );
+}
+```
+
+### App-specific overrides
+
+`createAppTheme` deep-merges overrides onto the dax-ui defaults:
+
+```tsx
+import { UIProvider, createAppTheme } from '@dax-ui/theme';
+
+const appTheme = createAppTheme({ shape: { borderRadius: 12 } });
+
+<UIProvider theme={appTheme}>{children}</UIProvider>;
+```
+
+### Styling your own elements
+
+`styled` and `useTheme` read the same theme, including the custom `brand` color:
+
+```tsx
+import { styled, useTheme } from '@dax-ui/theme';
+
+const Panel = styled('section')(({ theme }) => ({
+  padding: theme.spacing(2),
+  borderRadius: theme.shape.borderRadius,
+  borderLeft: `4px solid ${theme.palette.brand.main}`,
+}));
+
+function Example() {
+  const theme = useTheme();
+  return <p style={{ color: theme.palette.text.secondary }}>...</p>;
+}
+```
+
+Every dax-ui component also accepts an `sx` prop: `<Button sx={{ mt: 2 }}>Save</Button>`.
+
+## Exports
+
+| Export | What it is |
+| --- | --- |
+| `UIProvider` | The provider; props below |
+| `ColorSchemeScript` | Prevents a color-mode flash with server rendering; props below |
+| `useColorScheme` | `{ mode, setMode }` for reading and changing the color mode |
+| `createAppTheme(overrides)` | The dax-ui theme with overrides deep-merged on top |
+| `styled`, `useTheme` | Style custom elements / read the theme in components |
+| `theme`, `themeOptions` | The default theme and the options it's built from |
+| `Theme`, `ThemeOptions` | Types |
+
+## UIProvider props
+
+<!-- props:start UIProvider -->
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `children` *(required)* | `ReactNode` |  | The app. Every @dax-ui component must render inside the provider. |
+| `defaultMode` | `"light" \| "dark" \| "system"` | `system` | Color mode on first visit. `system` follows the OS setting. After that, the user's choice made through `useColorScheme().setMode()` is remembered. |
+| `disableCssBaseline` | `boolean` | `false` | Skips MUI's CSS reset (`CssBaseline`), for apps that already ship their own. |
+| `theme` | `Theme` | `createAppTheme()` | Replaces the default theme, e.g. `createAppTheme({ ...overrides })`. |
+<!-- props:end -->
+
+## ColorSchemeScript props
+
+<!-- props:start ColorSchemeScript -->
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `defaultMode` | `"light" \| "dark" \| "system"` | `system` | Color mode on first visit. Must match `UIProvider`'s `defaultMode`. |
+<!-- props:end -->

package/lib/index.d.ts

@@ -0,0 +1,63 @@
+import { ThemeOptions, Theme } from '@mui/material/styles';
+export { Theme, ThemeOptions, styled, useColorScheme, useTheme } from '@mui/material/styles';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+declare module '@mui/material/styles' {
+    interface Palette {
+        brand: Palette['primary'];
+    }
+    interface PaletteOptions {
+        brand?: PaletteOptions['primary'];
+    }
+}
+/** Raw theme options the default theme is built from. To extend them, use `createAppTheme`. */
+declare const themeOptions: ThemeOptions;
+/**
+ * Builds a theme from the dax-ui defaults with app-specific overrides deep-merged on top,
+ * so apps can adjust the theme without importing MUI. Pass the result to `UIProvider`.
+ */
+declare function createAppTheme(overrides?: ThemeOptions): Theme;
+/** The default dax-ui theme. */
+declare const theme: Theme;
+
+interface UIProviderProps {
+    /** The app. Every @dax-ui component must render inside the provider. */
+    children: ReactNode;
+    /**
+     * Replaces the default theme, e.g. `createAppTheme({ ...overrides })`.
+     * @default theme
+     */
+    theme?: Theme;
+    /**
+     * Color mode on first visit. `system` follows the OS setting. After that, the user's
+     * choice made through `useColorScheme().setMode()` is remembered.
+     * @default 'system'
+     */
+    defaultMode?: 'light' | 'dark' | 'system';
+    /**
+     * Skips MUI's CSS reset (`CssBaseline`), for apps that already ship their own.
+     * @default false
+     */
+    disableCssBaseline?: boolean;
+}
+/**
+ * Applies the dax-ui theme, color mode and CSS reset.
+ * Wrap the app in it once, at the root; every @dax-ui component needs it.
+ */
+declare function UIProvider({ children, theme, defaultMode, disableCssBaseline, }: UIProviderProps): react.JSX.Element;
+
+interface ColorSchemeScriptProps {
+    /**
+     * Color mode on first visit. Must match `UIProvider`'s `defaultMode`.
+     * @default 'system'
+     */
+    defaultMode?: 'light' | 'dark' | 'system';
+}
+/**
+ * Applies the saved color mode before the page paints, so server-rendered apps
+ * (e.g. Next.js) don't flash the wrong mode. Render it first inside `<body>`.
+ */
+declare function ColorSchemeScript({ defaultMode }: ColorSchemeScriptProps): react.JSX.Element;
+
+export { ColorSchemeScript, type ColorSchemeScriptProps, UIProvider, type UIProviderProps, createAppTheme, theme, themeOptions };

package/lib/index.js

@@ -0,0 +1,102 @@
+"use client";
+
+// src/theme.ts
+import { createTheme } from "@mui/material/styles";
+import deepmerge from "@mui/utils/deepmerge";
+import { tokens } from "@dax-ui/tokens";
+var { color, radius, font } = tokens;
+var themeOptions = {
+  // CSS variables give flicker-free dark mode and SSR-safe theming.
+  cssVariables: { colorSchemeSelector: "class" },
+  colorSchemes: {
+    light: {
+      palette: {
+        primary: { main: color.brand[600], light: color.brand[300], dark: color.brand[700] },
+        brand: { main: color.brand[500], light: color.brand[100], dark: color.brand[900] },
+        success: { main: color.success },
+        warning: { main: color.warning },
+        error: { main: color.error },
+        info: { main: color.info },
+        background: { default: color.neutral[50], paper: color.neutral[0] },
+        text: { primary: color.neutral[900], secondary: color.neutral[600] },
+        divider: color.neutral[200]
+      }
+    },
+    dark: {
+      palette: {
+        primary: { main: color.brand[300], light: color.brand[100], dark: color.brand[500] },
+        brand: { main: color.brand[300], light: color.brand[100], dark: color.brand[700] },
+        success: { main: color.success },
+        warning: { main: color.warning },
+        error: { main: color.error },
+        info: { main: color.info },
+        background: { default: color.neutral[950], paper: color.neutral[900] },
+        text: { primary: color.neutral[50], secondary: color.neutral[400] },
+        divider: color.neutral[800]
+      }
+    }
+  },
+  shape: { borderRadius: radius.md },
+  spacing: tokens.spacingUnit,
+  typography: {
+    fontFamily: font.family,
+    fontWeightRegular: font.weight.regular,
+    fontWeightMedium: font.weight.medium,
+    fontWeightBold: font.weight.bold,
+    button: { textTransform: "none", fontWeight: font.weight.semibold }
+  },
+  components: {
+    MuiButton: {
+      defaultProps: { disableElevation: true },
+      styleOverrides: {
+        root: { borderRadius: radius.md }
+      }
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        root: { borderRadius: radius.md }
+      }
+    }
+  }
+};
+function createAppTheme(overrides = {}) {
+  return createTheme(deepmerge(themeOptions, overrides));
+}
+var theme = createAppTheme();
+
+// src/UIProvider.tsx
+import CssBaseline from "@mui/material/CssBaseline";
+import { ThemeProvider } from "@mui/material/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+function UIProvider({
+  children,
+  theme: theme2 = theme,
+  defaultMode = "system",
+  disableCssBaseline = false
+}) {
+  return /* @__PURE__ */ jsxs(ThemeProvider, { theme: theme2, defaultMode, children: [
+    !disableCssBaseline && /* @__PURE__ */ jsx(CssBaseline, { enableColorScheme: true }),
+    children
+  ] });
+}
+
+// src/ColorSchemeScript.tsx
+import InitColorSchemeScript from "@mui/material/InitColorSchemeScript";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ColorSchemeScript({ defaultMode = "system" }) {
+  return /* @__PURE__ */ jsx2(InitColorSchemeScript, { attribute: "class", defaultMode });
+}
+
+// src/index.ts
+import { styled, useColorScheme, useTheme } from "@mui/material/styles";
+export {
+  ColorSchemeScript,
+  UIProvider,
+  createAppTheme,
+  styled,
+  theme,
+  themeOptions,
+  useColorScheme,
+  useTheme
+};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme.ts","../src/UIProvider.tsx","../src/ColorSchemeScript.tsx","../src/index.ts"],"sourcesContent":["import { createTheme, type Theme, type ThemeOptions } from '@mui/material/styles';\nimport deepmerge from '@mui/utils/deepmerge';\nimport { tokens } from '@dax-ui/tokens';\n\n// Custom theme values. Kept in this module (not a side-effect import) so the\n// augmentation always ships in the published .d.ts files.\ndeclare module '@mui/material/styles' {\n  interface Palette {\n    brand: Palette['primary'];\n  }\n  interface PaletteOptions {\n    brand?: PaletteOptions['primary'];\n  }\n}\n\nconst { color, radius, font } = tokens;\n\n/** Raw theme options the default theme is built from. To extend them, use `createAppTheme`. */\nexport const themeOptions: ThemeOptions = {\n  // CSS variables give flicker-free dark mode and SSR-safe theming.\n  cssVariables: { colorSchemeSelector: 'class' },\n  colorSchemes: {\n    light: {\n      palette: {\n        primary: { main: color.brand[600], light: color.brand[300], dark: color.brand[700] },\n        brand: { main: color.brand[500], light: color.brand[100], dark: color.brand[900] },\n        success: { main: color.success },\n        warning: { main: color.warning },\n        error: { main: color.error },\n        info: { main: color.info },\n        background: { default: color.neutral[50], paper: color.neutral[0] },\n        text: { primary: color.neutral[900], secondary: color.neutral[600] },\n        divider: color.neutral[200],\n      },\n    },\n    dark: {\n      palette: {\n        primary: { main: color.brand[300], light: color.brand[100], dark: color.brand[500] },\n        brand: { main: color.brand[300], light: color.brand[100], dark: color.brand[700] },\n        success: { main: color.success },\n        warning: { main: color.warning },\n        error: { main: color.error },\n        info: { main: color.info },\n        background: { default: color.neutral[950], paper: color.neutral[900] },\n        text: { primary: color.neutral[50], secondary: color.neutral[400] },\n        divider: color.neutral[800],\n      },\n    },\n  },\n  shape: { borderRadius: radius.md },\n  spacing: tokens.spacingUnit,\n  typography: {\n    fontFamily: font.family,\n    fontWeightRegular: font.weight.regular,\n    fontWeightMedium: font.weight.medium,\n    fontWeightBold: font.weight.bold,\n    button: { textTransform: 'none', fontWeight: font.weight.semibold },\n  },\n  components: {\n    MuiButton: {\n      defaultProps: { disableElevation: true },\n      styleOverrides: {\n        root: { borderRadius: radius.md },\n      },\n    },\n    MuiOutlinedInput: {\n      styleOverrides: {\n        root: { borderRadius: radius.md },\n      },\n    },\n  },\n};\n\n/**\n * Builds a theme from the dax-ui defaults with app-specific overrides deep-merged on top,\n * so apps can adjust the theme without importing MUI. Pass the result to `UIProvider`.\n */\nexport function createAppTheme(overrides: ThemeOptions = {}): Theme {\n  return createTheme(deepmerge(themeOptions, overrides));\n}\n\n/** The default dax-ui theme. */\nexport const theme = createAppTheme();\n","import type { ReactNode } from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { ThemeProvider, type Theme } from '@mui/material/styles';\nimport { theme as defaultTheme } from './theme';\n\nexport interface UIProviderProps {\n  /** The app. Every @dax-ui component must render inside the provider. */\n  children: ReactNode;\n  /**\n   * Replaces the default theme, e.g. `createAppTheme({ ...overrides })`.\n   * @default theme\n   */\n  theme?: Theme;\n  /**\n   * Color mode on first visit. `system` follows the OS setting. After that, the user's\n   * choice made through `useColorScheme().setMode()` is remembered.\n   * @default 'system'\n   */\n  defaultMode?: 'light' | 'dark' | 'system';\n  /**\n   * Skips MUI's CSS reset (`CssBaseline`), for apps that already ship their own.\n   * @default false\n   */\n  disableCssBaseline?: boolean;\n}\n\n/**\n * Applies the dax-ui theme, color mode and CSS reset.\n * Wrap the app in it once, at the root; every @dax-ui component needs it.\n */\nexport function UIProvider({\n  children,\n  theme = defaultTheme,\n  defaultMode = 'system',\n  disableCssBaseline = false,\n}: UIProviderProps) {\n  return (\n    <ThemeProvider theme={theme} defaultMode={defaultMode}>\n      {!disableCssBaseline && <CssBaseline enableColorScheme />}\n      {children}\n    </ThemeProvider>\n  );\n}\n","import InitColorSchemeScript from '@mui/material/InitColorSchemeScript';\n\nexport interface ColorSchemeScriptProps {\n  /**\n   * Color mode on first visit. Must match `UIProvider`'s `defaultMode`.\n   * @default 'system'\n   */\n  defaultMode?: 'light' | 'dark' | 'system';\n}\n\n/**\n * Applies the saved color mode before the page paints, so server-rendered apps\n * (e.g. Next.js) don't flash the wrong mode. Render it first inside `<body>`.\n */\nexport function ColorSchemeScript({ defaultMode = 'system' }: ColorSchemeScriptProps) {\n  // `attribute` must match the theme's `colorSchemeSelector: 'class'`.\n  return <InitColorSchemeScript attribute=\"class\" defaultMode={defaultMode} />;\n}\n","export { createAppTheme, theme, themeOptions } from './theme';\nexport { UIProvider } from './UIProvider';\nexport type { UIProviderProps } from './UIProvider';\nexport { ColorSchemeScript } from './ColorSchemeScript';\nexport type { ColorSchemeScriptProps } from './ColorSchemeScript';\n// Re-exported so apps can style things and read the theme without installing MUI.\nexport { styled, useColorScheme, useTheme } from '@mui/material/styles';\nexport type { Theme, ThemeOptions } from '@mui/material/styles';\n"],"mappings":"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","names":["theme","jsx"]}

package/package.json

@@ -1,6 +1,59 @@
 {
   "name": "@dax-ui/theme",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "dax-ui MUI theme and UIProvider",
+  "keywords": [
+    "dax-ui",
+    "react",
+    "design-system",
+    "theme",
+    "mui",
+    "dark-mode"
+  ],
+  "author": "Digital Auxilius",
+  "homepage": "https://github.com/FaaizHussain26/DAX-UI/tree/main/packages/theme#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/FaaizHussain26/DAX-UI.git",
+    "directory": "packages/theme"
+  },
+  "bugs": {
+    "url": "https://github.com/FaaizHussain26/DAX-UI/issues"
+  },
+  "license": "UNLICENSED",
+  "type": "module",
+  "sideEffects": false,
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "CHANGELOG.md"
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/material": "^9.5.0",
+    "@mui/utils": "^9.5.0",
+    "@dax-ui/tokens": "^0.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@dax-ui/builder": "^0.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "builder"
+  }
 }