@arbidocs/blocks 0.5.63 → 0.5.65

package/dist/{chunk-OLDGMBEF.cjs → chunk-67AFX23Y.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkN5WJBQYF_cjs = require('./chunk-N5WJBQYF.cjs');
+var chunkNEGFHF3V_cjs = require('./chunk-NEGFHF3V.cjs');
 var chunkNWNVWO6L_cjs = require('./chunk-NWNVWO6L.cjs');
 var chunkUFEXJIEY_cjs = require('./chunk-UFEXJIEY.cjs');
 var zustand = require('zustand');
@@ -10,74 +10,199 @@ var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var lucideReact = require('lucide-react');
-var TabsPrimitive = require('@radix-ui/react-tabs');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 
+var COALESCE_MS = 400;
+var sameColors = (a, b) => Object.keys(a).length === Object.keys(b).length && Object.keys(a).every((k) => a[k] === b[k]);
 function createThemeStore(config) {
-  const { defaultTheme, presets, storageKey } = config;
+  const { defaultTheme, presets, storageKey, darkColors } = config;
+  const firstPresetId = presets[0]?.id ?? null;
+  const initial = () => ({
+    colors: { ...defaultTheme.colors },
+    dark: { ...defaultTheme.dark ?? darkColors ?? {} },
+    fonts: { ...defaultTheme.fonts },
+    radius: defaultTheme.radius,
+    inputs: chunkNEGFHF3V_cjs.inferInputs(defaultTheme.colors),
+    overrides: [],
+    activePresetId: firstPresetId
+  });
+  const presetDark = (colors, preset) => {
+    if (preset?.dark) return { ...preset.dark };
+    const base = { ...darkColors ?? {} };
+    if (sameColors(colors, defaultTheme.colors)) return base;
+    const derived = chunkNEGFHF3V_cjs.deriveColors(chunkNEGFHF3V_cjs.inferInputs(colors), "dark");
+    for (const key of Object.keys(colors)) {
+      if (colors[key] !== defaultTheme.colors[key] && derived[key]) base[key] = derived[key];
+    }
+    return base;
+  };
+  let lastEdit = null;
   const useStore = zustand.create()(
     middleware.persist(
-      (set, get) => ({
-        ...defaultTheme,
-        activePresetId: presets[0]?.id ?? null,
-        setColor: (key, value) => set((s) => ({ colors: { ...s.colors, [key]: value }, activePresetId: null })),
-        setFont: (which, value) => set((s) => ({ fonts: { ...s.fonts, [which]: value }, activePresetId: null })),
-        // A pairing sets both faces together — that is the whole point of it.
-        // Unknown ids are ignored rather than clearing the typography.
-        setFontPairing: (pairingId) => {
-          const pairing = chunkNWNVWO6L_cjs.getFontPairing(pairingId);
-          if (!pairing) return;
-          set({ fonts: { display: pairing.display, sans: pairing.sans } });
-        },
-        setRadius: (radius) => set({ radius, activePresetId: null }),
-        applyPreset: (presetId) => {
-          const preset = presets.find((p) => p.id === presetId);
-          if (!preset) return;
-          set({
-            colors: { ...preset.tokens.colors },
-            fonts: { ...preset.tokens.fonts },
-            radius: preset.tokens.radius,
-            activePresetId: presetId
-          });
-        },
-        reset: () => set({
-          colors: { ...defaultTheme.colors },
-          fonts: { ...defaultTheme.fonts },
-          radius: defaultTheme.radius,
-          activePresetId: presets[0]?.id ?? null
+      (set, get) => {
+        const entry = () => {
+          const { colors, dark, fonts, radius, inputs, overrides, activePresetId } = get();
+          return { colors, dark, fonts, radius, inputs, overrides, activePresetId };
+        };
+        const commit = (patch, editKey) => {
+          const now = Date.now();
+          const merge = editKey !== void 0 && lastEdit?.key === editKey && now - lastEdit.at < COALESCE_MS && get().past.length > 0;
+          lastEdit = editKey === void 0 ? null : { key: editKey, at: now };
+          set((s) => ({
+            ...patch,
+            past: merge ? s.past : [...s.past, entry()].slice(-100),
+            future: []
+          }));
+        };
+        return {
+          ...initial(),
+          past: [],
+          future: [],
+          setInput: (key, value) => {
+            const s = get();
+            const inputs = { ...s.inputs, [key]: value };
+            const light = chunkNEGFHF3V_cjs.deriveColors(inputs, "light");
+            const dark = chunkNEGFHF3V_cjs.deriveColors(inputs, "dark");
+            const colors = { ...s.colors };
+            const darkSet = { ...s.dark };
+            for (const token of chunkNEGFHF3V_cjs.DERIVED_TOKENS) {
+              if (!token.deps.includes(key) || s.overrides.includes(token.key)) continue;
+              colors[token.key] = light[token.key];
+              darkSet[token.key] = dark[token.key];
+            }
+            commit({ inputs, colors, dark: darkSet, activePresetId: null }, `input:${key}`);
+          },
+          setColor: (key, value, scheme = "light") => {
+            const s = get();
+            const overrides = s.overrides.includes(key) ? s.overrides : [...s.overrides, key];
+            if (scheme === "dark") {
+              commit(
+                { dark: { ...s.dark, [key]: value }, overrides, activePresetId: null },
+                `dark:${key}`
+              );
+            } else {
+              commit(
+                { colors: { ...s.colors, [key]: value }, overrides, activePresetId: null },
+                `color:${key}`
+              );
+            }
+          },
+          clearOverride: (key) => {
+            const s = get();
+            if (!s.overrides.includes(key)) return;
+            const overrides = s.overrides.filter((k) => k !== key);
+            const light = chunkNEGFHF3V_cjs.deriveColors(s.inputs, "light");
+            const dark = chunkNEGFHF3V_cjs.deriveColors(s.inputs, "dark");
+            const lightValue = light[key] ?? defaultTheme.colors[key];
+            const darkValue = dark[key] ?? darkColors?.[key];
+            const colors = { ...s.colors };
+            const darkSet = { ...s.dark };
+            if (lightValue !== void 0) colors[key] = lightValue;
+            if (darkValue !== void 0) darkSet[key] = darkValue;
+            commit({ overrides, colors, dark: darkSet });
+          },
+          setFont: (which, value) => commit(
+            { fonts: { ...get().fonts, [which]: value }, activePresetId: null },
+            `font:${which}`
+          ),
+          // A pairing sets both faces together — that is the whole point of it.
+          // Unknown ids are ignored rather than clearing the typography.
+          setFontPairing: (pairingId) => {
+            const pairing = chunkNWNVWO6L_cjs.getFontPairing(pairingId);
+            if (!pairing) return;
+            commit({
+              fonts: { display: pairing.display, sans: pairing.sans },
+              activePresetId: null
+            });
+          },
+          setRadius: (radius) => commit({ radius, activePresetId: null }, "radius"),
+          applyPreset: (presetId) => {
+            const preset = presets.find((p) => p.id === presetId);
+            if (!preset) return;
+            const colors = { ...preset.tokens.colors };
+            commit({
+              colors,
+              dark: presetDark(colors, preset.tokens),
+              fonts: { ...preset.tokens.fonts },
+              radius: preset.tokens.radius,
+              inputs: chunkNEGFHF3V_cjs.inferInputs(colors),
+              overrides: [],
+              activePresetId: presetId
+            });
+          },
+          reset: () => commit(initial()),
+          undo: () => {
+            const s = get();
+            const previous = s.past[s.past.length - 1];
+            if (!previous) return;
+            lastEdit = null;
+            set({ ...previous, past: s.past.slice(0, -1), future: [entry(), ...s.future] });
+          },
+          redo: () => {
+            const s = get();
+            const next = s.future[0];
+            if (!next) return;
+            lastEdit = null;
+            set({ ...next, past: [...s.past, entry()], future: s.future.slice(1) });
+          },
+          load: (tokens) => {
+            const colors = { ...defaultTheme.colors, ...tokens.colors };
+            lastEdit = null;
+            set({
+              colors,
+              dark: { ...presetDark(colors), ...tokens.dark ?? {} },
+              fonts: tokens.fonts ?? defaultTheme.fonts,
+              radius: tokens.radius ?? defaultTheme.radius,
+              inputs: chunkNEGFHF3V_cjs.inferInputs(colors),
+              overrides: [],
+              activePresetId: null,
+              past: [],
+              future: []
+            });
+          },
+          snapshot: () => {
+            const { colors, fonts, radius, dark } = get();
+            return darkColors ? { colors, fonts, radius, dark } : { colors, fonts, radius };
+          }
+        };
+      },
+      {
+        name: storageKey,
+        version: 1,
+        partialize: (s) => ({
+          colors: s.colors,
+          dark: s.dark,
+          fonts: s.fonts,
+          radius: s.radius,
+          inputs: s.inputs,
+          overrides: s.overrides,
+          activePresetId: s.activePresetId
         }),
-        snapshot: () => {
-          const { colors, fonts, radius } = get();
-          return { colors, fonts, radius };
+        // v0 stored only colours, fonts, radius and the preset: describe those colours with
+        // inputs, and keep the host's dark set.
+        migrate: (stored, version) => {
+          const old = stored ?? {};
+          if (version >= 1) return old;
+          const colors = { ...defaultTheme.colors, ...old.colors ?? {} };
+          return {
+            ...initial(),
+            ...old,
+            colors,
+            dark: presetDark(colors),
+            inputs: chunkNEGFHF3V_cjs.inferInputs(colors),
+            overrides: []
+          };
         }
-      }),
-      { name: storageKey }
+      }
     )
   );
   return { ...config, useStore };
 }
 function applyStoredTheme(bundle) {
-  const { colors, fonts, radius } = bundle.useStore.getState();
-  chunkN5WJBQYF_cjs.applyThemeVars({ colors, fonts, radius }, { mode: bundle.mode, dark: bundle.darkColors });
+  const { colors, fonts, radius, dark } = bundle.useStore.getState();
+  chunkNEGFHF3V_cjs.applyThemeVars(
+    { colors, fonts, radius },
+    { mode: bundle.mode, dark: bundle.darkColors ? dark : void 0 }
+  );
 }
 function SectionHeading({
   eyebrow,
@@ -662,36 +787,6 @@ function PricingTable({ plans, testId }) {
     }
   );
 }
-function Tabs({ items, testId }) {
-  const list = items ?? [];
-  const [active, setActive] = react.useState("0");
-  const activeIndex = Math.min(Number(active), Math.max(list.length - 1, 0));
-  return /* @__PURE__ */ jsxRuntime.jsxs(TabsPrimitive__namespace.Root, { value: String(activeIndex), onValueChange: setActive, "data-testid": testId, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.List, { className: "flex flex-wrap gap-1 border-b border-border", children: list.map((t, i) => /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.Trigger,
-      {
-        value: String(i),
-        className: ui.cn(
-          "-mb-px border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
-          i === activeIndex ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
-        ),
-        "data-testid": testId && `${testId}-tab-${i}`,
-        children: t.label
-      },
-      i
-    )) }),
-    list.map((t, i) => /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.Content,
-      {
-        value: String(i),
-        className: "pt-5 text-sm leading-relaxed text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        "data-testid": i === activeIndex ? testId && `${testId}-panel` : void 0,
-        children: t.content
-      },
-      i
-    ))
-  ] });
-}
 function Accordion({ items, allowMultiple = false, testId }) {
   const [open, setOpen] = react.useState([]);
   const toggle = (i) => setOpen(
@@ -1209,7 +1304,6 @@ exports.RichTextBlock = RichTextBlock;
 exports.SectionHeading = SectionHeading;
 exports.Spacer = Spacer;
 exports.Steps = Steps;
-exports.Tabs = Tabs;
 exports.TeamGrid = TeamGrid;
 exports.Testimonial = Testimonial;
 exports.TestimonialGrid = TestimonialGrid;
@@ -1224,5 +1318,5 @@ exports.toEmbedUrl = toEmbedUrl;
 exports.useAssetRenderer = useAssetRenderer;
 exports.useAssetResolverActive = useAssetResolverActive;
 exports.useEditorialTone = useEditorialTone;
-//# sourceMappingURL=chunk-OLDGMBEF.cjs.map
-//# sourceMappingURL=chunk-OLDGMBEF.cjs.map
+//# sourceMappingURL=chunk-67AFX23Y.cjs.map
+//# sourceMappingURL=chunk-67AFX23Y.cjs.map