@arcanejs/toolkit 3.0.0 → 3.1.0

package/dist/frontend/index.d.mts

@@ -1,8 +1,16 @@
+import { Theme } from '@arcanejs/toolkit-frontend/styling';
 import { FrontendComponentRenderers } from '@arcanejs/toolkit-frontend/types';
 
-type ArcaneFrontendOptions = {
+type Props = {
+    className?: string;
     renderers: FrontendComponentRenderers;
+    themes?: {
+        dark: Theme;
+        light: Theme;
+    };
 };
+
+type ArcaneFrontendOptions = Pick<Props, 'renderers' | 'themes'>;
 declare const startArcaneFrontend: (opts: ArcaneFrontendOptions) => void;
 
 export { type ArcaneFrontendOptions, startArcaneFrontend };

package/dist/frontend/index.d.ts

@@ -1,8 +1,16 @@
+import { Theme } from '@arcanejs/toolkit-frontend/styling';
 import { FrontendComponentRenderers } from '@arcanejs/toolkit-frontend/types';
 
-type ArcaneFrontendOptions = {
+type Props = {
+    className?: string;
     renderers: FrontendComponentRenderers;
+    themes?: {
+        dark: Theme;
+        light: Theme;
+    };
 };
+
+type ArcaneFrontendOptions = Pick<Props, 'renderers' | 'themes'>;
 declare const startArcaneFrontend: (opts: ArcaneFrontendOptions) => void;
 
 export { type ArcaneFrontendOptions, startArcaneFrontend };

package/dist/frontend/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/frontend/index.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/frontend/index.ts
 var _client = require('react-dom/client');
 var _util = require('@arcanejs/toolkit-frontend/util');
 
@@ -337,11 +337,18 @@ var StyledStage = _styledcomponents.styled.call(void 0, Stage)`
   padding: ${(p) => p.theme.sizingPx.spacing}px;
 `;
 function rootComponent(props) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PreferredThemeProvider, { dark: _styling.DARK_THEME, light: _styling.LIGHT_THEME, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _styling.BaseStyle, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _styling.GlobalStyle, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledStage, { ...props })
-  ] });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    PreferredThemeProvider,
+    {
+      dark: _nullishCoalesce(_optionalChain([props, 'access', _ => _.themes, 'optionalAccess', _2 => _2.dark]), () => ( _styling.DARK_THEME)),
+      light: _nullishCoalesce(_optionalChain([props, 'access', _3 => _3.themes, 'optionalAccess', _4 => _4.light]), () => ( _styling.LIGHT_THEME)),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _styling.BaseStyle, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _styling.GlobalStyle, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledStage, { ...props })
+      ]
+    }
+  );
 }
 
 // src/frontend/index.ts

package/dist/frontend/index.mjs

@@ -337,11 +337,18 @@ var StyledStage = styled(Stage)`
   padding: ${(p) => p.theme.sizingPx.spacing}px;
 `;
 function rootComponent(props) {
-  return /* @__PURE__ */ jsxs(PreferredThemeProvider, { dark: DARK_THEME2, light: LIGHT_THEME2, children: [
-    /* @__PURE__ */ jsx2(BaseStyle2, {}),
-    /* @__PURE__ */ jsx2(GlobalStyle2, {}),
-    /* @__PURE__ */ jsx2(StyledStage, { ...props })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    PreferredThemeProvider,
+    {
+      dark: props.themes?.dark ?? DARK_THEME2,
+      light: props.themes?.light ?? LIGHT_THEME2,
+      children: [
+        /* @__PURE__ */ jsx2(BaseStyle2, {}),
+        /* @__PURE__ */ jsx2(GlobalStyle2, {}),
+        /* @__PURE__ */ jsx2(StyledStage, { ...props })
+      ]
+    }
+  );
 }
 
 // src/frontend/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanejs/toolkit",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "private": false,
   "description": "Build web-accessible control interfaces for your long-running Node.js processes",
   "keywords": [
@@ -115,7 +115,7 @@
     "tsup": "^8.1.0",
     "typescript": "^5.3.3",
     "@arcanejs/eslint-config": "^0.0.0",
-    "@arcanejs/toolkit-frontend": "^0.5.0",
+    "@arcanejs/toolkit-frontend": "^0.6.0",
     "@arcanejs/typescript-config": "^0.0.0"
   },
   "dependencies": {
@@ -132,7 +132,7 @@
     "react": "^18",
     "react-dom": "18.3.1",
     "styled-components": "^6.1.13",
-    "@arcanejs/toolkit-frontend": "^0.5.0"
+    "@arcanejs/toolkit-frontend": "^0.6.0"
   },
   "peerDependenciesMeta": {
     "@arcanejs/toolkit-frontend": {