@crediblemark/build 0.22.4 → 0.22.9

package/dist/{ArrayField-EPM4TV3J.mjs → ArrayField-MR3B7WKR.mjs}

@@ -1,26 +1,26 @@
 import {
   SubField
-} from "./chunk-RDTXKOE7.mjs";
+} from "./chunk-P6XSBCUA.mjs";
 import {
   DragIcon,
   createDynamicCollisionDetector,
   setDeep,
   useSensors
-} from "./chunk-K27LFPQL.mjs";
+} from "./chunk-62JTNLF7.mjs";
 import {
   getDeep,
   useFieldStore,
   useFieldStoreApi,
   useNestedFieldContext
-} from "./chunk-2JUMF5G3.mjs";
-import "./chunk-4PJ4QMWI.mjs";
+} from "./chunk-ACKK2BYK.mjs";
+import "./chunk-RUAHVDDE.mjs";
 import "./chunk-AL77I3BV.mjs";
 import {
   IconButton
-} from "./chunk-T6RT6PV4.mjs";
-import "./chunk-NYBWAKLT.mjs";
-import "./chunk-67TMLSKM.mjs";
-import "./chunk-JNMMY5D7.mjs";
+} from "./chunk-AP7SVXSU.mjs";
+import "./chunk-7HQNPCGI.mjs";
+import "./chunk-QA2U7BOE.mjs";
+import "./chunk-6TAU2PST.mjs";
 import {
   Copy,
   List,
@@ -30,7 +30,7 @@ import {
   replace,
   useAppStore,
   useAppStoreApi
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 import {
   populateIds
 } from "./chunk-64A37UUC.mjs";

package/dist/{Editor-L674TD7T.mjs → Editor-5TR52PVR.mjs}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-DEUK76GN.mjs";
 import {
   LoadedRichTextMenu
-} from "./chunk-AEKBE267.mjs";
+} from "./chunk-FC3ZRBT2.mjs";
 import {
   EditorInner
-} from "./chunk-4PJ4QMWI.mjs";
+} from "./chunk-RUAHVDDE.mjs";
 import "./chunk-AL77I3BV.mjs";
-import "./chunk-T6RT6PV4.mjs";
-import "./chunk-NYBWAKLT.mjs";
-import "./chunk-67TMLSKM.mjs";
-import "./chunk-JNMMY5D7.mjs";
+import "./chunk-AP7SVXSU.mjs";
+import "./chunk-7HQNPCGI.mjs";
+import "./chunk-QA2U7BOE.mjs";
+import "./chunk-6TAU2PST.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 import "./chunk-64A37UUC.mjs";
 import "./chunk-SMAWAXVX.mjs";
 import "./chunk-BFHV72KK.mjs";

package/dist/{ObjectField-MW3SSNKI.mjs → ObjectField-ZGTFFKHJ.mjs}

@@ -1,21 +1,21 @@
 import {
   SubField
-} from "./chunk-RDTXKOE7.mjs";
+} from "./chunk-P6XSBCUA.mjs";
 import {
   getDeep,
   useFieldStoreApi,
   useNestedFieldContext
-} from "./chunk-2JUMF5G3.mjs";
-import "./chunk-4PJ4QMWI.mjs";
+} from "./chunk-ACKK2BYK.mjs";
+import "./chunk-RUAHVDDE.mjs";
 import "./chunk-AL77I3BV.mjs";
-import "./chunk-T6RT6PV4.mjs";
-import "./chunk-NYBWAKLT.mjs";
-import "./chunk-67TMLSKM.mjs";
-import "./chunk-JNMMY5D7.mjs";
+import "./chunk-AP7SVXSU.mjs";
+import "./chunk-7HQNPCGI.mjs";
+import "./chunk-QA2U7BOE.mjs";
+import "./chunk-6TAU2PST.mjs";
 import {
   EllipsisVertical,
   useAppStore
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 import "./chunk-64A37UUC.mjs";
 import "./chunk-SMAWAXVX.mjs";
 import {

package/dist/{chunk-K27LFPQL.mjs → chunk-62JTNLF7.mjs}

@@ -1,6 +1,6 @@
 import {
   GripVertical
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-BFHV72KK.mjs";

package/dist/{chunk-JNMMY5D7.mjs → chunk-6TAU2PST.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 
 // components/RichTextMenu/controls/ListSelect/use-options.ts
 import { useMemo } from "react";

package/dist/{chunk-NYBWAKLT.mjs → chunk-7HQNPCGI.mjs}

@@ -3,7 +3,7 @@ import {
   TextAlignEnd,
   TextAlignJustify,
   TextAlignStart
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 
 // components/RichTextMenu/controls/AlignSelect/use-options.ts
 import { useMemo } from "react";

package/dist/{chunk-2JUMF5G3.mjs → chunk-ACKK2BYK.mjs}

@@ -1,11 +1,11 @@
 import {
   EditorInner
-} from "./chunk-4PJ4QMWI.mjs";
+} from "./chunk-RUAHVDDE.mjs";
 import {
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-T6RT6PV4.mjs";
+} from "./chunk-AP7SVXSU.mjs";
 import {
   ChevronDown,
   CircleCheckBig,
@@ -17,7 +17,7 @@ import {
   SlidersHorizontal,
   Type,
   useAppStore
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-BFHV72KK.mjs";
@@ -907,7 +907,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment4, jsx as jsx14 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-L674TD7T.mjs").then((m) => ({
+  () => import("./Editor-5TR52PVR.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -944,8 +944,8 @@ var RichtextField = ({
 
 // components/AutoField/AutoFieldInternal.tsx
 import { jsx as jsx15 } from "react/jsx-runtime";
-var ArrayField = lazy2(() => import("./ArrayField-EPM4TV3J.mjs").then((m) => ({ default: m.ArrayField })));
-var ObjectField = lazy2(() => import("./ObjectField-MW3SSNKI.mjs").then((m) => ({ default: m.ObjectField })));
+var ArrayField = lazy2(() => import("./ArrayField-MR3B7WKR.mjs").then((m) => ({ default: m.ArrayField })));
+var ObjectField = lazy2(() => import("./ObjectField-ZGTFFKHJ.mjs").then((m) => ({ default: m.ObjectField })));
 var getClassNameWrapper = get_class_name_factory_default("InputWrapper", styles_module_default);
 var defaultFields = {
   array: ArrayField,

package/dist/{chunk-T6RT6PV4.mjs → chunk-AP7SVXSU.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-NYBWAKLT.mjs";
+} from "./chunk-7HQNPCGI.mjs";
 import {
   useHeadingOptions
-} from "./chunk-67TMLSKM.mjs";
+} from "./chunk-QA2U7BOE.mjs";
 import {
   useListOptions
-} from "./chunk-JNMMY5D7.mjs";
+} from "./chunk-6TAU2PST.mjs";
 import {
   Bold,
   Code,
@@ -26,7 +26,7 @@ import {
   TextAlignStart,
   Underline,
   useControlContext
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-BFHV72KK.mjs";
@@ -310,7 +310,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-ARSKBJWP.mjs").then((m) => ({
+  () => import("./loaded-PWOXIOQ2.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -529,7 +529,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-AH3CPHD2.mjs").then((m) => ({
+  () => import("./loaded-QZ5Z7NDX.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -559,7 +559,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-2GLOBOVP.mjs").then((m) => ({
+  () => import("./loaded-IATND5Y2.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-JNHQNNGW.mjs → chunk-D4PXAFBJ.mjs}

@@ -1,13 +1,13 @@
 import {
   LoadedRichTextMenu
-} from "./chunk-AEKBE267.mjs";
+} from "./chunk-FC3ZRBT2.mjs";
 import {
   DragIcon,
   collisionStore,
   createDynamicCollisionDetector,
   setDeep,
   useSensors
-} from "./chunk-K27LFPQL.mjs";
+} from "./chunk-62JTNLF7.mjs";
 import {
   AutoFieldPrivate,
   Button,
@@ -16,7 +16,7 @@ import {
   fieldContextStore,
   useContextStore,
   useSafeId
-} from "./chunk-2JUMF5G3.mjs";
+} from "./chunk-ACKK2BYK.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -30,7 +30,7 @@ import {
   ActionBar,
   IconButton,
   Loader
-} from "./chunk-T6RT6PV4.mjs";
+} from "./chunk-AP7SVXSU.mjs";
 import {
   Box,
   ChartColumn,
@@ -55,6 +55,7 @@ import {
   Megaphone,
   Minimize2,
   Monitor,
+  Moon,
   PanelLeft,
   PanelRight,
   Quote,
@@ -63,6 +64,7 @@ import {
   Settings,
   Shapes,
   Smartphone,
+  Sun,
   Tablet,
   ToyBrick,
   Trash,
@@ -83,7 +85,7 @@ import {
   useRegisterHistorySlice,
   useRegisterPermissionsSlice,
   useResetAutoZoom
-} from "./chunk-ZY24NW7X.mjs";
+} from "./chunk-E7XYUXJM.mjs";
 import {
   getItem,
   insert,
@@ -1516,7 +1518,7 @@ import {
 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-L674TD7T.mjs").then((m) => ({
+  () => import("./Editor-5TR52PVR.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -5163,16 +5165,42 @@ var HeaderInner = ({
           }),
           children: /* @__PURE__ */ jsxs11("div", { className: getClassName15("inner"), children: [
             /* @__PURE__ */ jsxs11("div", { className: getClassName15("leftActions"), children: [
-              /* @__PURE__ */ jsx30("div", { style: { marginRight: "16px" }, children: /* @__PURE__ */ jsx30(
-                Button,
-                {
-                  href: "/dashboard",
-                  variant: "secondary",
-                  size: "medium",
-                  icon: /* @__PURE__ */ jsx30(LayoutDashboard, { size: 14 }),
-                  children: "Dashboard"
-                }
-              ) }),
+              /* @__PURE__ */ jsxs11("div", { style: { marginRight: "8px", display: "flex", gap: "8px", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsx30(
+                  Button,
+                  {
+                    href: "/dashboard",
+                    variant: "secondary",
+                    size: "medium",
+                    icon: /* @__PURE__ */ jsx30(LayoutDashboard, { size: 14 }),
+                    children: "Dashboard"
+                  }
+                ),
+                /* @__PURE__ */ jsxs11(
+                  IconButton,
+                  {
+                    type: "button",
+                    onClick: () => {
+                      const editorEl = document.querySelector(".CredBuild");
+                      if (!editorEl) return;
+                      const isDark = editorEl.classList.contains("dark");
+                      const newTheme = isDark ? "light" : "dark";
+                      if (isDark) {
+                        editorEl.classList.remove("dark");
+                      } else {
+                        editorEl.classList.add("dark");
+                      }
+                      localStorage.setItem("credbuild-theme", newTheme);
+                      window.dispatchEvent(new CustomEvent("credbuild-theme-change", { detail: newTheme }));
+                    },
+                    title: "Toggle Theme",
+                    children: [
+                      /* @__PURE__ */ jsx30(Sun, { className: "cb-theme-sun", size: 16 }),
+                      /* @__PURE__ */ jsx30(Moon, { className: "cb-theme-moon", size: 16 })
+                    ]
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxs11("div", { className: getClassName15("toggle"), children: [
                 /* @__PURE__ */ jsx30("div", { className: getClassName15("leftSideBarToggle"), children: /* @__PURE__ */ jsx30(
                   IconButton,
@@ -5905,8 +5933,23 @@ var Layout = ({ children }) => {
     [overrides]
   );
   const [mounted, setMounted] = useState16(false);
+  const [theme, setTheme] = useState16("dark");
   useEffect22(() => {
     setMounted(true);
+    const savedTheme = localStorage.getItem("credbuild-theme");
+    if (savedTheme) {
+      setTheme(savedTheme);
+    }
+    const handleThemeToggle = (e) => {
+      const newTheme = e.detail || localStorage.getItem("credbuild-theme");
+      if (newTheme) setTheme(newTheme);
+    };
+    window.addEventListener("credbuild-theme-change", handleThemeToggle);
+    window.addEventListener("storage", handleThemeToggle);
+    return () => {
+      window.removeEventListener("credbuild-theme-change", handleThemeToggle);
+      window.removeEventListener("storage", handleThemeToggle);
+    };
   }, []);
   const ready = useAppStore((s) => s.status === "READY");
   useMonitorHotkeys();
@@ -5993,7 +6036,7 @@ var Layout = ({ children }) => {
   return /* @__PURE__ */ jsxs16(
     "div",
     {
-      className: `CredBuild ${getClassName21({
+      className: `CredBuild ${theme === "dark" ? "dark" : ""} ${getClassName21({
         hidePlugins: hasLegacySideBarPlugin
       })}`,
       id: instanceId,