@particle-academy/fancy-slides 0.1.5 → 0.1.7

package/dist/registry.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
+var react = require('react');
 var fancyEcharts = require('@particle-academy/fancy-echarts');
 var jsxRuntime = require('react/jsx-runtime');
 var fancyCode = require('@particle-academy/fancy-code');
 var reactFancy = require('@particle-academy/react-fancy');
-var react = require('react');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -15,6 +15,15 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+function useIsDarkSlide() {
+  return react.useContext(SlideContext)?.isDark ?? false;
+}
+var SlideContext;
+var init_slide_context = __esm({
+  "src/components/Slide/slide-context.ts"() {
+    SlideContext = react.createContext(null);
+  }
+});
 
 // src/registry/element-renderers/chart-host.tsx
 var chart_host_exports = {};
@@ -22,10 +31,13 @@ __export(chart_host_exports, {
   default: () => ChartHost
 });
 function ChartHost({ element }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(fancyEcharts.EChart, { option: element.option, theme: element.chartTheme }) });
+  const isDarkSlide = useIsDarkSlide();
+  const theme = element.chartTheme ?? (isDarkSlide ? "dark" : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(fancyEcharts.EChart, { option: element.option, theme }) });
 }
 var init_chart_host = __esm({
   "src/registry/element-renderers/chart-host.tsx"() {
+    init_slide_context();
     fancyEcharts.registerAll();
     fancyEcharts.registerBuiltinThemes();
   }

package/dist/registry.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/registry/element-renderers/chart-host.tsx","../src/registry/element-renderers/code-host.tsx","../src/registry/element-renderers/table-host.tsx","../src/registry/element-renderers/embed-host.tsx","../src/registry/index.tsx"],"names":["jsx","EChart","registerAll","registerBuiltinThemes","CodeEditor","jsxs","Table","ChartHost","lazy","CodeHost","TableHost","EmbedHost","Suspense"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,kBAAA,GAAA,EAAA;AAAA,QAAA,CAAA,kBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAee,SAAR,SAAA,CAA2B,EAAE,OAAA,EAAQ,EAAoD;AAC5F,EAAA,sCACK,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,QAAQ,MAAA,EAAQ,MAAA,EAAO,EACxC,QAAA,kBAAAA,cAAA,CAACC,uBAAO,MAAA,EAAQ,OAAA,CAAQ,QAAkD,KAAA,EAAO,OAAA,CAAQ,YAAY,CAAA,EACzG,CAAA;AAER;AArBA,IAAA,eAAA,GAAA,KAAA,CAAA;AAAA,EAAA,+CAAA,GAAA;AAYA,IAAAC,wBAAA,EAAY;AACZ,IAAAC,kCAAA,EAAsB;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACbtB,IAAA,iBAAA,GAAA,EAAA;AAAA,QAAA,CAAA,iBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAGe,SAAR,QAAA,CAA0B,EAAE,OAAA,EAAQ,EAA6B;AACpE,EAAA,uBACIH,cAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,MAAA,EAAQ,MAAA,EAAQ,QAAA,EAAU,QAAA,EAAU,YAAA,EAAc,CAAA,IAC3E,QAAA,kBAAAA,cAAAA;AAAA,IAACI,oBAAA;AAAA,IAAA;AAAA,MACG,OAAO,OAAA,CAAQ,IAAA;AAAA,MACf,QAAA,EAAU,QAAQ,QAAA,IAAY,YAAA;AAAA,MAC9B,KAAA,EAAO,QAAQ,SAAA,IAAa,MAAA;AAAA,MAC5B,QAAA,EAAQ,IAAA;AAAA,MACR,WAAA,EAAa,QAAQ,WAAA,IAAe,IAAA;AAAA,MAEpC,QAAA,kBAAAJ,cAAAA,CAACI,oBAAA,CAAW,KAAA,EAAX,EAAiB;AAAA;AAAA,GACtB,EACJ,CAAA;AAER;AAjBA,IAAA,cAAA,GAAA,KAAA,CAAA;AAAA,EAAA,8CAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,kBAAA,GAAA,EAAA;AAAA,QAAA,CAAA,kBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAGe,SAAR,SAAA,CAA2B,EAAE,OAAA,EAAQ,EAA8B;AACtE,EAAA,uBACIJ,cAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,MAAA,EAAQ,MAAA,EAAQ,UAAU,MAAA,EAAO,EAC1D,QAAA,kBAAAK,eAAA,CAACC,gBAAA,EAAA,EAAM,WAAU,QAAA,EACb,QAAA,EAAA;AAAA,oBAAAN,cAAAA,CAACM,gBAAA,CAAM,IAAA,EAAN,EACG,QAAA,kBAAAN,cAAAA,CAACM,gBAAA,CAAM,GAAA,EAAN,EACI,QAAA,EAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBAClBN,cAAAA,CAACM,gBAAA,CAAM,IAAA,EAAN,EAAuB,MAAA,EAAM,IAAA,EACzB,QAAA,EAAA,CAAA,CAAE,KAAA,EAAA,EADU,CAAA,CAAE,GAEnB,CACH,CAAA,EACL,CAAA,EACJ,CAAA;AAAA,oBACAN,cAAAA,CAACM,gBAAA,CAAM,IAAA,EAAN,EACI,kBAAQ,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAK,sBACpBN,cAAAA,CAACM,iBAAM,GAAA,EAAN,EACI,kBAAQ,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBAClBN,cAAAA,CAACM,gBAAA,CAAM,IAAA,EAAN,EAAwB,qBAAW,GAAA,CAAI,CAAA,CAAE,GAAG,CAAC,KAA7B,CAAA,CAAE,GAA6B,CACnD,CAAA,EAAA,EAHW,CAIhB,CACH,CAAA,EACL;AAAA,GAAA,EACJ,CAAA,EACJ,CAAA;AAER;AAEA,SAAS,WAAW,CAAA,EAAoB;AACpC,EAAA,IAAI,CAAA,IAAK,MAAM,OAAO,EAAA;AACtB,EAAA,IAAI,OAAO,CAAA,KAAM,QAAA,EAAU,OAAO,IAAA,CAAK,UAAU,CAAC,CAAA;AAClD,EAAA,OAAO,OAAO,CAAC,CAAA;AACnB;AAlCA,IAAA,eAAA,GAAA,KAAA,CAAA;AAAA,EAAA,+CAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,kBAAA,GAAA,EAAA;AAAA,QAAA,CAAA,kBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAEe,SAAR,SAAA,CAA2B,EAAE,OAAA,EAAQ,EAA8B;AACtE,EAAA,uBACIN,cAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACG,KAAK,OAAA,CAAQ,GAAA;AAAA,MACb,KAAA,EAAO,QAAQ,KAAA,IAAS,kBAAA;AAAA,MACxB,OAAA,EAAS,QAAQ,OAAA,IAAW,eAAA;AAAA,MAC5B,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAQ,MAAA,EAAQ,MAAA,EAAQ,CAAA,EAAG,OAAA,EAAS,OAAA;AAAQ;AAAA,GACxE;AAER;AAXA,IAAA,eAAA,GAAA,KAAA,CAAA;AAAA,EAAA,+CAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;ACkBA,IAAMO,UAAAA,GAAYC,UAAA,CAAK,MAAM,OAAA,CAAA,OAAA,EAAA,CAAA,IAAA,CAAA,OAAA,eAAA,EAAA,EAAA,kBAAA,CAAA,CAAwC,CAAA;AACrE,IAAMC,SAAAA,GAAWD,UAAA,CAAK,MAAM,OAAA,CAAA,OAAA,EAAA,CAAA,IAAA,CAAA,OAAA,cAAA,EAAA,EAAA,iBAAA,CAAA,CAAuC,CAAA;AACnE,IAAME,UAAAA,GAAYF,UAAA,CAAK,MAAM,OAAA,CAAA,OAAA,EAAA,CAAA,IAAA,CAAA,OAAA,eAAA,EAAA,EAAA,kBAAA,CAAA,CAAwC,CAAA;AACrE,IAAMG,UAAAA,GAAYH,UAAA,CAAK,MAAM,OAAA,CAAA,OAAA,EAAA,CAAA,IAAA,CAAA,OAAA,eAAA,EAAA,EAAA,kBAAA,CAAA,CAAwC,CAAA;AAErE,IAAM,OAAA,GAAU,CAAC,EAAE,KAAA,uBACfH,eAAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACG,KAAA,EAAO;AAAA,MACH,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,KAAA,EAAO,MAAA;AAAA,MACP,MAAA,EAAQ,MAAA;AAAA,MACR,KAAA,EAAO,iBAAA;AAAA,MACP,QAAA,EAAU,EAAA;AAAA,MACV,UAAA,EAAY;AAAA,KAChB;AAAA,IAEC,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MAAM;AAAA;AAAA;AACX,CAAA;AAQG,SAAS,sBAAA,CAAuB,SAAuB,YAAA,EAAsB;AAChF,EAAA,QAAQ,QAAQ,IAAA;AAAM,IAClB,KAAK,OAAA;AACD,MAAA,uBACIL,cAAAA,CAACY,cAAA,EAAA,EAAS,QAAA,kBAAUZ,eAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,eAAA,EAAgB,CAAA,EAC/C,0BAAAA,cAAAA,CAACO,UAAAA,EAAA,EAAU,OAAA,EAAkC,cAA4B,CAAA,EAC7E,CAAA;AAAA,IAER,KAAK,MAAA;AACD,MAAA,uBACIP,cAAAA,CAACY,cAAA,EAAA,EAAS,QAAA,kBAAUZ,cAAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,cAAA,EAAe,GAC9C,QAAA,kBAAAA,cAAAA,CAACS,SAAAA,EAAA,EAAS,SAAiC,CAAA,EAC/C,CAAA;AAAA,IAER,KAAK,OAAA;AACD,MAAA,uBACIT,cAAAA,CAACY,cAAA,EAAA,EAAS,QAAA,kBAAUZ,cAAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,eAAA,EAAgB,GAC/C,QAAA,kBAAAA,cAAAA,CAACU,UAAAA,EAAA,EAAU,SAAkC,CAAA,EACjD,CAAA;AAAA,IAER,KAAK,OAAA;AACD,MAAA,uBACIV,cAAAA,CAACY,cAAA,EAAA,EAAS,QAAA,kBAAUZ,cAAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,eAAA,EAAgB,GAC/C,QAAA,kBAAAA,cAAAA,CAACW,UAAAA,EAAA,EAAU,SAAkC,CAAA,EACjD,CAAA;AAAA,IAER;AACI,MAAA,OAAO,MAAA;AAAA;AAEnB","file":"registry.cjs","sourcesContent":["import { EChart, registerAll, registerBuiltinThemes } from \"@particle-academy/fancy-echarts\";\nimport type { ChartElement } from \"../../types\";\n\n// fancy-echarts ships its chart types as opt-in tree-shake-friendly modules,\n// so the consumer normally calls `registerAll()` somewhere global. The\n// registry subpath here is the natural spot to wire it: this module only\n// loads when a deck actually contains a chart element (defaultElementRegistry\n// is React.lazy), so the registration cost is paid by chart-using hosts\n// only — non-chart consumers never even import this file.\n//\n// `registerAll()` is idempotent on echarts' side, so re-imports across\n// chunks are safe.\nregisterAll();\nregisterBuiltinThemes();\n\nexport default function ChartHost({ element }: { element: ChartElement; slideWidthPx: number }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\" }}>\n            <EChart option={element.option as Parameters<typeof EChart>[0][\"option\"]} theme={element.chartTheme} />\n        </div>\n    );\n}\n","import { CodeEditor } from \"@particle-academy/fancy-code\";\nimport type { CodeElement } from \"../../types\";\n\nexport default function CodeHost({ element }: { element: CodeElement }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\", overflow: \"hidden\", borderRadius: 8 }}>\n            <CodeEditor\n                value={element.code}\n                language={element.language ?? \"javascript\"}\n                theme={element.codeTheme ?? \"dark\"}\n                readOnly\n                lineNumbers={element.lineNumbers ?? true}\n            >\n                <CodeEditor.Panel />\n            </CodeEditor>\n        </div>\n    );\n}\n","import { Table } from \"@particle-academy/react-fancy\";\nimport type { TableElement } from \"../../types\";\n\nexport default function TableHost({ element }: { element: TableElement }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\", overflow: \"auto\" }}>\n            <Table className=\"w-full\">\n                <Table.Head>\n                    <Table.Row>\n                        {element.columns.map((c) => (\n                            <Table.Cell key={c.key} header>\n                                {c.label}\n                            </Table.Cell>\n                        ))}\n                    </Table.Row>\n                </Table.Head>\n                <Table.Body>\n                    {element.rows.map((row, i) => (\n                        <Table.Row key={i}>\n                            {element.columns.map((c) => (\n                                <Table.Cell key={c.key}>{formatCell(row[c.key])}</Table.Cell>\n                            ))}\n                        </Table.Row>\n                    ))}\n                </Table.Body>\n            </Table>\n        </div>\n    );\n}\n\nfunction formatCell(v: unknown): string {\n    if (v == null) return \"\";\n    if (typeof v === \"object\") return JSON.stringify(v);\n    return String(v);\n}\n","import type { EmbedElement } from \"../../types\";\n\nexport default function EmbedHost({ element }: { element: EmbedElement }) {\n    return (\n        <iframe\n            src={element.src}\n            title={element.title ?? \"Embedded content\"}\n            sandbox={element.sandbox ?? \"allow-scripts\"}\n            style={{ width: \"100%\", height: \"100%\", border: 0, display: \"block\" }}\n        />\n    );\n}\n","/**\n * Default element registry. Wires up the element types fancy-slides doesn't\n * render natively (chart / code / table / embed) by composing the other\n * fancy packages as optional peer deps.\n *\n * Hosts opt into this by importing from the `/registry` subpath:\n *\n *     import { defaultElementRegistry } from \"@particle-academy/fancy-slides/registry\";\n *     <DeckEditor renderElement={defaultElementRegistry} … />\n *\n * Keeping it behind a subpath means consumers who only render decks with\n * built-in element types (text / image / shape) never pull fancy-echarts,\n * fancy-code, or react-fancy Table into their bundle.\n */\n\nimport { lazy, Suspense } from \"react\";\nimport type { ChartElement, CodeElement, SlideElement, EmbedElement, TableElement } from \"../types\";\n\nconst ChartHost = lazy(() => import(\"./element-renderers/chart-host\"));\nconst CodeHost = lazy(() => import(\"./element-renderers/code-host\"));\nconst TableHost = lazy(() => import(\"./element-renderers/table-host\"));\nconst EmbedHost = lazy(() => import(\"./element-renderers/embed-host\"));\n\nconst Loading = ({ label }: { label: string }) => (\n    <div\n        style={{\n            display: \"grid\",\n            placeItems: \"center\",\n            width: \"100%\",\n            height: \"100%\",\n            color: \"rgba(0,0,0,0.4)\",\n            fontSize: 12,\n            fontFamily: \"ui-sans-serif, system-ui, sans-serif\",\n        }}\n    >\n        {label}…\n    </div>\n);\n\n/**\n * Renderer signature compatible with `Slide`'s `renderElement` prop. Returns\n * `undefined` for element types fancy-slides handles itself, so the call\n * site falls back to the built-in renderer.\n */\nexport function defaultElementRegistry(element: SlideElement, slideWidthPx: number) {\n    switch (element.type) {\n        case \"chart\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading chart\" />}>\n                    <ChartHost element={element as ChartElement} slideWidthPx={slideWidthPx} />\n                </Suspense>\n            );\n        case \"code\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading code\" />}>\n                    <CodeHost element={element as CodeElement} />\n                </Suspense>\n            );\n        case \"table\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading table\" />}>\n                    <TableHost element={element as TableElement} />\n                </Suspense>\n            );\n        case \"embed\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading embed\" />}>\n                    <EmbedHost element={element as EmbedElement} />\n                </Suspense>\n            );\n        default:\n            return undefined;\n    }\n}\n"]}
+{"version":3,"sources":["../src/components/Slide/slide-context.ts","../src/registry/element-renderers/chart-host.tsx","../src/registry/element-renderers/code-host.tsx","../src/registry/element-renderers/table-host.tsx","../src/registry/element-renderers/embed-host.tsx","../src/registry/index.tsx"],"names":["useContext","createContext","jsx","EChart","registerAll","registerBuiltinThemes","CodeEditor","jsxs","Table","ChartHost","lazy","CodeHost","TableHost","EmbedHost","Suspense"],"mappings":"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","file":"registry.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { Theme } from \"../../types\";\n\n/**\n * What the surrounding <Slide> knows about itself. Exposed to children\n * (including `renderElement` callbacks and registry hosts like chart-host)\n * via React context so they can react to the deck's theme without the\n * renderElement signature having to carry it around.\n */\nexport interface SlideContextValue {\n    /** Fully-resolved theme (merged with defaults). */\n    theme: Theme;\n    /**\n     * Heuristic: true when the resolved background is dark enough that\n     * native-rendered widgets (charts, code blocks) should use a dark variant.\n     * Computed once from `theme.colors.background` luminance.\n     */\n    isDark: boolean;\n    /** Slide width in CSS pixels at the current render size. */\n    slideWidthPx: number;\n}\n\nexport const SlideContext = createContext<SlideContextValue | null>(null);\n\n/**\n * Read the surrounding <Slide>'s context. Returns null when called outside\n * a Slide — chart-host / code-host can use that signal to fall back to\n * a sensible default (light theme, no resize anchor).\n */\nexport function useSlideContext(): SlideContextValue | null {\n    return useContext(SlideContext);\n}\n\n/**\n * Convenience: returns the resolved theme, or undefined when the caller\n * isn't inside a Slide.\n */\nexport function useSlideTheme(): Theme | undefined {\n    return useContext(SlideContext)?.theme;\n}\n\n/**\n * Convenience: returns true when the surrounding slide's background reads\n * as \"dark enough\" — useful for charts/code blocks that ship a dark variant.\n */\nexport function useIsDarkSlide(): boolean {\n    return useContext(SlideContext)?.isDark ?? false;\n}\n\n/** Compute `isDark` from a hex/rgb colour. Used by Slide when building the context. */\nexport function isDarkColor(color: string): boolean {\n    // Normalise #rgb / #rrggbb / rgb()/rgba() to a triple.\n    const m = color.match(/^#([0-9a-f]{3,8})$/i);\n    if (m) {\n        let hex = m[1];\n        if (hex.length === 3) {\n            hex = hex.split(\"\").map((c) => c + c).join(\"\");\n        }\n        if (hex.length >= 6) {\n            const r = parseInt(hex.slice(0, 2), 16);\n            const g = parseInt(hex.slice(2, 4), 16);\n            const b = parseInt(hex.slice(4, 6), 16);\n            return relativeLuminance(r, g, b) < 0.5;\n        }\n    }\n    const rgb = color.match(/rgba?\\(([^)]+)\\)/i);\n    if (rgb) {\n        const [r, g, b] = rgb[1].split(\",\").map((s) => parseInt(s.trim(), 10));\n        if (!Number.isNaN(r) && !Number.isNaN(g) && !Number.isNaN(b)) {\n            return relativeLuminance(r, g, b) < 0.5;\n        }\n    }\n    return false;\n}\n\nfunction relativeLuminance(r: number, g: number, b: number): number {\n    // Standard sRGB → relative luminance.\n    const toLinear = (c: number) => {\n        const v = c / 255;\n        return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\n    };\n    return 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);\n}\n","import { EChart, registerAll, registerBuiltinThemes } from \"@particle-academy/fancy-echarts\";\nimport type { ChartElement } from \"../../types\";\nimport { useIsDarkSlide } from \"../../components/Slide/slide-context\";\n\n// fancy-echarts ships its chart types as opt-in tree-shake-friendly modules,\n// so the consumer normally calls `registerAll()` somewhere global. The\n// registry subpath here is the natural spot to wire it: this module only\n// loads when a deck actually contains a chart element (defaultElementRegistry\n// is React.lazy), so the registration cost is paid by chart-using hosts\n// only — non-chart consumers never even import this file.\n//\n// `registerAll()` is idempotent on echarts' side, so re-imports across\n// chunks are safe.\nregisterAll();\nregisterBuiltinThemes();\n\nexport default function ChartHost({ element }: { element: ChartElement; slideWidthPx: number }) {\n    // If the slide background reads as dark and the chart doesn't already\n    // pin a theme explicitly, fall back to echarts' built-in \"dark\" theme\n    // so the chart legend/axis/tooltip text stay legible.\n    const isDarkSlide = useIsDarkSlide();\n    const theme = element.chartTheme ?? (isDarkSlide ? \"dark\" : undefined);\n    return (\n        <div style={{ width: \"100%\", height: \"100%\" }}>\n            <EChart option={element.option as Parameters<typeof EChart>[0][\"option\"]} theme={theme} />\n        </div>\n    );\n}\n","import { CodeEditor } from \"@particle-academy/fancy-code\";\nimport type { CodeElement } from \"../../types\";\n\nexport default function CodeHost({ element }: { element: CodeElement }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\", overflow: \"hidden\", borderRadius: 8 }}>\n            <CodeEditor\n                value={element.code}\n                language={element.language ?? \"javascript\"}\n                theme={element.codeTheme ?? \"dark\"}\n                readOnly\n                lineNumbers={element.lineNumbers ?? true}\n            >\n                <CodeEditor.Panel />\n            </CodeEditor>\n        </div>\n    );\n}\n","import { Table } from \"@particle-academy/react-fancy\";\nimport type { TableElement } from \"../../types\";\n\nexport default function TableHost({ element }: { element: TableElement }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\", overflow: \"auto\" }}>\n            <Table className=\"w-full\">\n                <Table.Head>\n                    <Table.Row>\n                        {element.columns.map((c) => (\n                            <Table.Cell key={c.key} header>\n                                {c.label}\n                            </Table.Cell>\n                        ))}\n                    </Table.Row>\n                </Table.Head>\n                <Table.Body>\n                    {element.rows.map((row, i) => (\n                        <Table.Row key={i}>\n                            {element.columns.map((c) => (\n                                <Table.Cell key={c.key}>{formatCell(row[c.key])}</Table.Cell>\n                            ))}\n                        </Table.Row>\n                    ))}\n                </Table.Body>\n            </Table>\n        </div>\n    );\n}\n\nfunction formatCell(v: unknown): string {\n    if (v == null) return \"\";\n    if (typeof v === \"object\") return JSON.stringify(v);\n    return String(v);\n}\n","import type { EmbedElement } from \"../../types\";\n\nexport default function EmbedHost({ element }: { element: EmbedElement }) {\n    return (\n        <iframe\n            src={element.src}\n            title={element.title ?? \"Embedded content\"}\n            sandbox={element.sandbox ?? \"allow-scripts\"}\n            style={{ width: \"100%\", height: \"100%\", border: 0, display: \"block\" }}\n        />\n    );\n}\n","/**\n * Default element registry. Wires up the element types fancy-slides doesn't\n * render natively (chart / code / table / embed) by composing the other\n * fancy packages as optional peer deps.\n *\n * Hosts opt into this by importing from the `/registry` subpath:\n *\n *     import { defaultElementRegistry } from \"@particle-academy/fancy-slides/registry\";\n *     <DeckEditor renderElement={defaultElementRegistry} … />\n *\n * Keeping it behind a subpath means consumers who only render decks with\n * built-in element types (text / image / shape) never pull fancy-echarts,\n * fancy-code, or react-fancy Table into their bundle.\n */\n\nimport { lazy, Suspense } from \"react\";\nimport type { ChartElement, CodeElement, SlideElement, EmbedElement, TableElement } from \"../types\";\n\nconst ChartHost = lazy(() => import(\"./element-renderers/chart-host\"));\nconst CodeHost = lazy(() => import(\"./element-renderers/code-host\"));\nconst TableHost = lazy(() => import(\"./element-renderers/table-host\"));\nconst EmbedHost = lazy(() => import(\"./element-renderers/embed-host\"));\n\nconst Loading = ({ label }: { label: string }) => (\n    <div\n        style={{\n            display: \"grid\",\n            placeItems: \"center\",\n            width: \"100%\",\n            height: \"100%\",\n            color: \"rgba(0,0,0,0.4)\",\n            fontSize: 12,\n            fontFamily: \"ui-sans-serif, system-ui, sans-serif\",\n        }}\n    >\n        {label}…\n    </div>\n);\n\n/**\n * Renderer signature compatible with `Slide`'s `renderElement` prop. Returns\n * `undefined` for element types fancy-slides handles itself, so the call\n * site falls back to the built-in renderer.\n */\nexport function defaultElementRegistry(element: SlideElement, slideWidthPx: number) {\n    switch (element.type) {\n        case \"chart\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading chart\" />}>\n                    <ChartHost element={element as ChartElement} slideWidthPx={slideWidthPx} />\n                </Suspense>\n            );\n        case \"code\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading code\" />}>\n                    <CodeHost element={element as CodeElement} />\n                </Suspense>\n            );\n        case \"table\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading table\" />}>\n                    <TableHost element={element as TableElement} />\n                </Suspense>\n            );\n        case \"embed\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading embed\" />}>\n                    <EmbedHost element={element as EmbedElement} />\n                </Suspense>\n            );\n        default:\n            return undefined;\n    }\n}\n"]}

package/dist/registry.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { h as SlideElement } from './types-Bc-psiRF.cjs';
+
+/**
+ * Renderer signature compatible with `Slide`'s `renderElement` prop. Returns
+ * `undefined` for element types fancy-slides handles itself, so the call
+ * site falls back to the built-in renderer.
+ */
+declare function defaultElementRegistry(element: SlideElement, slideWidthPx: number): react_jsx_runtime.JSX.Element | undefined;
+
+export { defaultElementRegistry };

package/dist/registry.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { h as SlideElement } from './types-Bc-psiRF.js';
+
+/**
+ * Renderer signature compatible with `Slide`'s `renderElement` prop. Returns
+ * `undefined` for element types fancy-slides handles itself, so the call
+ * site falls back to the built-in renderer.
+ */
+declare function defaultElementRegistry(element: SlideElement, slideWidthPx: number): react_jsx_runtime.JSX.Element | undefined;
+
+export { defaultElementRegistry };

package/dist/registry.js

@@ -2,7 +2,7 @@ import { lazy, Suspense } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/registry/index.tsx
-var ChartHost = lazy(() => import('./chart-host-BHP6GUWO.js'));
+var ChartHost = lazy(() => import('./chart-host-X55F6S44.js'));
 var CodeHost = lazy(() => import('./code-host-IYT6QDLA.js'));
 var TableHost = lazy(() => import('./table-host-LWPOQHTL.js'));
 var EmbedHost = lazy(() => import('./embed-host-ZECUEAOU.js'));

package/dist/styles.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/types-Bc-psiRF.d.cts

@@ -0,0 +1,290 @@
+/**
+ * The fancy-slides data model.
+ *
+ * Every shape here is JSON-friendly — pure objects, arrays, primitives, and
+ * tagged unions. No React children, no functions, no class instances. This
+ * is the contract the deck schema commits to: an LLM can emit a deck, a
+ * server can store one, a designer can hand-edit one, and the viewer +
+ * editor will render it identically.
+ *
+ * Coordinate system: elements position themselves in slide-relative units
+ * where the slide is a 1.0 × (1 / aspectRatio) rectangle. So `x: 0.5, y: 0.5`
+ * is the centre of the slide regardless of how big it's rendered. This
+ * keeps decks resolution-independent — a fullscreen 1920×1080 viewer and a
+ * thumbnail at 320×180 render the same layout.
+ */
+interface Deck {
+    /** Stable id. Required even when persistence is in-memory. */
+    id: string;
+    /** Human title — shown in the editor chrome + browser tab. */
+    title: string;
+    /** Ordered slide list. The viewer steps through in this order. */
+    slides: Slide[];
+    /** Visual theme for the whole deck. */
+    theme: Theme;
+    /** Free-form metadata — `{ author, createdAt, updatedAt, tags, … }`. */
+    metadata?: Record<string, unknown>;
+}
+/** Layout presets that pre-populate / constrain element placement. */
+type SlideLayout = "blank" | "title" | "title-content" | "two-column" | "section-divider" | "image-text" | "text-image" | "quote";
+interface Slide {
+    /** Stable id. */
+    id: string;
+    /** Optional layout preset. Mostly used by agents — humans tend to free-place. */
+    layout?: SlideLayout;
+    /** Elements rendered on the slide in z-order (last on top). */
+    elements: SlideElement[];
+    /** Background fill — color, image, or gradient. Inherits from theme when absent. */
+    background?: SlideBackground;
+    /** Entrance transition for this slide. Inherits from theme.transition when absent. */
+    transition?: SlideTransition;
+    /** Speaker notes — markdown. */
+    notes?: string;
+    /** Free-form metadata — `{ title, tags, durationSec, … }`. */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * Every element is positioned in slide-relative coordinates (0..1). x/y are
+ * the top-left corner; w/h are width/height as a fraction of the slide.
+ */
+interface ElementBase {
+    /** Stable id. Agents reference elements by id. */
+    id: string;
+    /** Element kind — discriminator. */
+    type: SlideElement["type"];
+    /** Left edge, 0..1 (fraction of slide width). */
+    x: number;
+    /** Top edge, 0..1 (fraction of slide height). */
+    y: number;
+    /** Width, 0..1. */
+    w: number;
+    /** Height, 0..1. */
+    h: number;
+    /** Rotation in degrees, clockwise. */
+    rotation?: number;
+    /** Z-order — higher renders on top. Falls back to array order when undefined. */
+    z?: number;
+    /** Lock from editing. */
+    locked?: boolean;
+    /** Hide on this slide (still in the data — for animated reveals). */
+    hidden?: boolean;
+}
+interface TextElement extends ElementBase {
+    type: "text";
+    /** Content — markdown by default; can also be plain text or HTML. */
+    content: string;
+    /** Content format. Defaults to `"markdown"`. */
+    format?: "markdown" | "html" | "plain";
+    /** Typography. */
+    style?: TextStyle;
+}
+interface TextStyle {
+    /** Font family — falls back to theme.fonts.body. */
+    fontFamily?: string;
+    /** Font size in px at the slide's design width (theme.slideWidth). */
+    fontSize?: number;
+    /** Font weight (`100..900`, or `"normal" | "bold"`). */
+    weight?: "normal" | "medium" | "semibold" | "bold" | number;
+    /** Horizontal alignment. */
+    align?: "left" | "center" | "right" | "justify";
+    /** Vertical alignment within the box. */
+    verticalAlign?: "top" | "middle" | "bottom";
+    /** Color (any CSS color). Falls back to theme.colors.text. */
+    color?: string;
+    /** Line height (multiplier). */
+    lineHeight?: number;
+    /** Italic. */
+    italic?: boolean;
+    /** Underline. */
+    underline?: boolean;
+}
+interface ImageElement extends ElementBase {
+    type: "image";
+    /** Image URL or data URI. */
+    src: string;
+    /** Alt text for accessibility. */
+    alt?: string;
+    /** How the image is fit inside its box. */
+    fit?: "contain" | "cover" | "fill" | "scale-down";
+    /** Optional crop window (slide-relative). */
+    crop?: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+}
+interface ChartElement extends ElementBase {
+    type: "chart";
+    /** Apache ECharts option object. Passed straight to `<EChart>`. */
+    option: Record<string, unknown>;
+    /** Theme name passed to `<EChart>`. */
+    chartTheme?: string;
+}
+interface CodeElement extends ElementBase {
+    type: "code";
+    /** Source code. */
+    code: string;
+    /** Language alias for the highlighter. */
+    language?: string;
+    /** Show line numbers. Defaults to `true`. */
+    lineNumbers?: boolean;
+    /** Theme — `"light"`, `"dark"`, `"auto"`, or a custom registered name. */
+    codeTheme?: string;
+}
+interface TableElement extends ElementBase {
+    type: "table";
+    /** Column definitions — `{ key, label }`. */
+    columns: Array<{
+        key: string;
+        label: string;
+    }>;
+    /** Row data — array of objects keyed by column. */
+    rows: Array<Record<string, unknown>>;
+}
+type ShapeKind = "rect" | "rounded-rect" | "ellipse" | "line" | "arrow" | "triangle";
+interface ShapeElement extends ElementBase {
+    type: "shape";
+    shape: ShapeKind;
+    /** Fill color (any CSS color, or `"none"`). */
+    fill?: string;
+    /** Stroke color. */
+    stroke?: string;
+    /** Stroke width in px at the slide's design width. */
+    strokeWidth?: number;
+    /** Dashed stroke. */
+    dashed?: boolean;
+    /** Corner radius (px) for `rect` / `rounded-rect`. */
+    radius?: number;
+}
+interface EmbedElement extends ElementBase {
+    type: "embed";
+    /** Embed URL — typically a video, dashboard, or fancy-screens Screen. */
+    src: string;
+    /** iframe `title` for accessibility. */
+    title?: string;
+    /** Sandbox attribute. Defaults to allow-scripts (no allow-same-origin). */
+    sandbox?: string;
+}
+type SlideElement = TextElement | ImageElement | ChartElement | CodeElement | TableElement | ShapeElement | EmbedElement;
+interface SlideBackground {
+    /** Solid color, or `"transparent"` to inherit theme. */
+    color?: string;
+    /** Image background URL. Takes precedence over color when present. */
+    image?: string;
+    /** How the background image is fit. Defaults to `"cover"`. */
+    imageFit?: "contain" | "cover" | "fill";
+    /** Optional gradient — `"linear-gradient(...)"` or `"radial-gradient(...)"` string. */
+    gradient?: string;
+}
+type TransitionKind = "none" | "fade" | "slide" | "zoom";
+interface SlideTransition {
+    kind: TransitionKind;
+    /** Duration in ms. */
+    duration?: number;
+    /** Direction for `slide` transitions. */
+    direction?: "left" | "right" | "up" | "down";
+}
+interface Theme {
+    /** Theme name — used for serialization + agent routing. */
+    name: string;
+    /** Aspect ratio — defaults to 16:9. Custom themes can pick anything. */
+    aspectRatio?: number;
+    /** Design width in px. Slides scale to fit; this just sets the unit base for fontSize/strokeWidth. */
+    slideWidth?: number;
+    colors?: ThemeColors;
+    fonts?: ThemeFonts;
+    /** Default transition for slides that don't specify their own. */
+    defaultTransition?: SlideTransition;
+}
+interface ThemeColors {
+    background?: string;
+    text?: string;
+    muted?: string;
+    accent?: string;
+    surface?: string;
+}
+interface ThemeFonts {
+    /** Used for `Heading`-like text elements (the default for large fontSize). */
+    heading?: string;
+    /** Used for body text. */
+    body?: string;
+    /** Used by CodeElement. */
+    mono?: string;
+}
+/**
+ * Agent activity broadcast whenever the deck mutates. Hosts subscribe to feed
+ * an AgentPanel, presence layer, or audit log.
+ */
+interface DeckActivity {
+    /** Stable activity id. */
+    id: string;
+    /** Wall-clock timestamp. */
+    at: number;
+    /** Who made the change. */
+    actor: {
+        kind: "human" | "agent";
+        id: string;
+        name?: string;
+        color?: string;
+    };
+    /** What changed. */
+    op: DeckOp;
+}
+type DeckOp = {
+    kind: "deck_set_title";
+    title: string;
+} | {
+    kind: "deck_apply_theme";
+    theme: Theme;
+} | {
+    kind: "slide_add";
+    index: number;
+    slide: Slide;
+} | {
+    kind: "slide_remove";
+    id: string;
+} | {
+    kind: "slide_reorder";
+    id: string;
+    toIndex: number;
+} | {
+    kind: "slide_set_layout";
+    id: string;
+    layout: SlideLayout;
+} | {
+    kind: "slide_set_notes";
+    id: string;
+    notes: string;
+} | {
+    kind: "slide_set_background";
+    id: string;
+    background?: SlideBackground;
+} | {
+    kind: "element_add";
+    slideId: string;
+    element: SlideElement;
+} | {
+    kind: "element_remove";
+    slideId: string;
+    elementId: string;
+} | {
+    kind: "element_update";
+    slideId: string;
+    elementId: string;
+    patch: Partial<SlideElement>;
+} | {
+    kind: "element_move";
+    slideId: string;
+    elementId: string;
+    x: number;
+    y: number;
+} | {
+    kind: "element_resize";
+    slideId: string;
+    elementId: string;
+    w: number;
+    h: number;
+};
+
+export type { ChartElement as C, Deck as D, ElementBase as E, ImageElement as I, ShapeElement as S, TableElement as T, CodeElement as a, DeckActivity as b, DeckOp as c, EmbedElement as d, ShapeKind as e, Slide as f, SlideBackground as g, SlideElement as h, SlideLayout as i, SlideTransition as j, TextElement as k, TextStyle as l, Theme as m, ThemeColors as n, ThemeFonts as o, TransitionKind as p };