@strategicnerds/slide-nerds 0.1.0

package/dist/runtime/slide-shape.js

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+const r2 = (n) => Math.round(n * 100) / 100;
+const regularPolygon = (w, h, sides, rotationOffset) => {
+    const cx = w / 2;
+    const cy = h / 2;
+    const rad = Math.min(cx, cy);
+    const pts = Array.from({ length: sides }, (_, i) => {
+        const angle = (Math.PI * 2 * i) / sides - rotationOffset;
+        return `${r2(cx + rad * Math.cos(angle))},${r2(cy + rad * Math.sin(angle))}`;
+    });
+    return `M ${pts.join(' L ')} Z`;
+};
+const SHAPE_PATHS = {
+    circle: (w, h) => {
+        const rx = w / 2;
+        const ry = h / 2;
+        return `M ${rx},0 A ${rx},${ry} 0 1,1 ${rx},${h} A ${rx},${ry} 0 1,1 ${rx},0 Z`;
+    },
+    square: (w, h) => `M 0,0 L ${w},0 L ${w},${h} L 0,${h} Z`,
+    'rounded-square': (w, h) => {
+        const r = Math.min(w, h) * 0.12;
+        return `M ${r},0 L ${w - r},0 Q ${w},0 ${w},${r} L ${w},${h - r} Q ${w},${h} ${w - r},${h} L ${r},${h} Q 0,${h} 0,${h - r} L 0,${r} Q 0,0 ${r},0 Z`;
+    },
+    triangle: (w, h) => `M ${w / 2},0 L ${w},${h} L 0,${h} Z`,
+    diamond: (w, h) => `M ${w / 2},0 L ${w},${h / 2} L ${w / 2},${h} L 0,${h / 2} Z`,
+    pentagon: (w, h) => regularPolygon(w, h, 5, Math.PI / 2),
+    hexagon: (w, h) => regularPolygon(w, h, 6, Math.PI / 6),
+    octagon: (w, h) => regularPolygon(w, h, 8, Math.PI / 8),
+    star: (w, h) => {
+        const cx = w / 2;
+        const cy = h / 2;
+        const outer = Math.min(cx, cy);
+        const inner = outer * 0.4;
+        const pts = Array.from({ length: 10 }, (_, i) => {
+            const angle = (Math.PI * 2 * i) / 10 - Math.PI / 2;
+            const rad = i % 2 === 0 ? outer : inner;
+            return `${r2(cx + rad * Math.cos(angle))},${r2(cy + rad * Math.sin(angle))}`;
+        });
+        return `M ${pts.join(' L ')} Z`;
+    },
+    plus: (w, h) => {
+        const t = Math.min(w, h) * 0.3;
+        const cx = w / 2;
+        const cy = h / 2;
+        return `M ${cx - t / 2},0 L ${cx + t / 2},0 L ${cx + t / 2},${cy - t / 2} L ${w},${cy - t / 2} L ${w},${cy + t / 2} L ${cx + t / 2},${cy + t / 2} L ${cx + t / 2},${h} L ${cx - t / 2},${h} L ${cx - t / 2},${cy + t / 2} L 0,${cy + t / 2} L 0,${cy - t / 2} L ${cx - t / 2},${cy - t / 2} Z`;
+    },
+    cloud: (w, h) => {
+        const cx = w / 2;
+        return `M ${r2(w * 0.2)},${r2(h * 0.65)} A ${r2(w * 0.2)},${r2(w * 0.2)} 0 1,1 ${r2(w * 0.35)},${r2(h * 0.35)} A ${r2(w * 0.18)},${r2(w * 0.18)} 0 1,1 ${r2(cx)},${r2(h * 0.2)} A ${r2(w * 0.2)},${r2(w * 0.2)} 0 1,1 ${r2(w * 0.7)},${r2(h * 0.3)} A ${r2(w * 0.18)},${r2(w * 0.18)} 0 1,1 ${r2(w * 0.85)},${r2(h * 0.55)} A ${r2(w * 0.15)},${r2(w * 0.15)} 0 1,1 ${r2(w * 0.75)},${r2(h * 0.75)} L ${r2(w * 0.25)},${r2(h * 0.75)} A ${r2(w * 0.12)},${r2(w * 0.12)} 0 1,1 ${r2(w * 0.2)},${r2(h * 0.65)} Z`;
+    },
+    'arrow-right': (w, h) => {
+        const shaft = h * 0.3;
+        const cy = h / 2;
+        return `M 0,${cy - shaft / 2} L ${w * 0.6},${cy - shaft / 2} L ${w * 0.6},0 L ${w},${cy} L ${w * 0.6},${h} L ${w * 0.6},${cy + shaft / 2} L 0,${cy + shaft / 2} Z`;
+    },
+    'arrow-left': (w, h) => {
+        const shaft = h * 0.3;
+        const cy = h / 2;
+        return `M ${w},${cy - shaft / 2} L ${w * 0.4},${cy - shaft / 2} L ${w * 0.4},0 L 0,${cy} L ${w * 0.4},${h} L ${w * 0.4},${cy + shaft / 2} L ${w},${cy + shaft / 2} Z`;
+    },
+    'chevron-right': (w, h) => {
+        const t = w * 0.35;
+        return `M 0,0 L ${w},${h / 2} L 0,${h} L ${t},${h / 2} Z`;
+    },
+    pill: (w, h) => {
+        const r = h / 2;
+        return `M ${r},0 L ${w - r},0 A ${r},${r} 0 1,1 ${w - r},${h} L ${r},${h} A ${r},${r} 0 1,1 ${r},0 Z`;
+    },
+    badge: (w, h) => {
+        const notch = w * 0.08;
+        return `M 0,0 L ${w},0 L ${w},${h} L ${w / 2 + notch},${h} L ${w / 2},${h - notch * 1.5} L ${w / 2 - notch},${h} L 0,${h} Z`;
+    },
+    parallelogram: (w, h) => {
+        const skew = w * 0.2;
+        return `M ${skew},0 L ${w},0 L ${w - skew},${h} L 0,${h} Z`;
+    },
+    heart: (w, h) => {
+        const cx = w / 2;
+        return `M ${cx},${r2(h * 0.35)} C ${cx},${r2(h * 0.2)} ${r2(cx - w * 0.05)},0 ${r2(w * 0.25)},0 C ${r2(w * 0.1)},0 0,${r2(h * 0.1)} 0,${r2(h * 0.3)} C 0,${r2(h * 0.55)} ${cx},${r2(h * 0.8)} ${cx},${h} C ${cx},${r2(h * 0.8)} ${w},${r2(h * 0.55)} ${w},${r2(h * 0.3)} C ${w},${r2(h * 0.1)} ${r2(w * 0.9)},0 ${r2(w * 0.75)},0 C ${r2(cx + w * 0.05)},0 ${cx},${r2(h * 0.2)} ${cx},${r2(h * 0.35)} Z`;
+    },
+};
+export const SlideShape = ({ shape, size, width: widthProp, height: heightProp, fill = 'var(--color-surface)', stroke = 'var(--color-border)', strokeWidth = 1, opacity, imageSrc, children, className, style, ...rest }) => {
+    const clipId = useId();
+    const w = widthProp ?? size ?? 120;
+    const h = heightProp ?? size ?? 120;
+    const pathFn = SHAPE_PATHS[shape];
+    const d = pathFn(w, h);
+    const dataAttrs = {};
+    if (rest['data-magic-id'])
+        dataAttrs['data-magic-id'] = rest['data-magic-id'];
+    if (rest['data-step'] !== undefined)
+        dataAttrs['data-step'] = rest['data-step'];
+    return (_jsxs("div", { className: className, style: {
+            position: 'relative',
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: w,
+            height: h,
+            ...style,
+        }, ...dataAttrs, children: [_jsxs("svg", { width: w, height: h, viewBox: `0 0 ${w} ${h}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { position: 'absolute', inset: 0 }, children: [imageSrc && (_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsx("path", { d: d }) }) })), imageSrc ? (_jsx("image", { href: imageSrc, x: 0, y: 0, width: w, height: h, preserveAspectRatio: "xMidYMid slice", clipPath: `url(#${clipId})` })) : (_jsx("path", { d: d, fill: fill, stroke: stroke, strokeWidth: strokeWidth, opacity: opacity })), imageSrc && stroke !== 'none' && (_jsx("path", { d: d, fill: "none", stroke: stroke, strokeWidth: strokeWidth, opacity: opacity }))] }), children && (_jsx("div", { style: {
+                    position: 'relative',
+                    zIndex: 1,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    width: '100%',
+                    height: '100%',
+                    padding: '15%',
+                    textAlign: 'center',
+                }, children: children }))] }));
+};
+//# sourceMappingURL=slide-shape.js.map

package/dist/runtime/slide-shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-shape.js","sourceRoot":"","sources":["../../src/runtime/slide-shape.tsx"],"names":[],"mappings":"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"}

package/dist/runtime/types.d.ts

@@ -0,0 +1,150 @@
+import { z } from 'zod';
+export declare const BrandConfigSchema: z.ZodObject<{
+    colors: z.ZodObject<{
+        primary: z.ZodString;
+        accent: z.ZodString;
+        background: z.ZodString;
+        surface: z.ZodString;
+        text: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        text: string;
+        background: string;
+        primary: string;
+        accent: string;
+        surface: string;
+    }, {
+        text: string;
+        background: string;
+        primary: string;
+        accent: string;
+        surface: string;
+    }>;
+    fonts: z.ZodObject<{
+        heading: z.ZodString;
+        body: z.ZodString;
+        mono: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        body: string;
+        heading: string;
+        mono: string;
+    }, {
+        body: string;
+        heading: string;
+        mono: string;
+    }>;
+    spacing: z.ZodObject<{
+        slide: z.ZodString;
+        section: z.ZodString;
+        element: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        section: string;
+        slide: string;
+        element: string;
+    }, {
+        section: string;
+        slide: string;
+        element: string;
+    }>;
+    logo: z.ZodOptional<z.ZodObject<{
+        src: z.ZodString;
+        width: z.ZodOptional<z.ZodNumber>;
+        height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        src: string;
+        width?: number | undefined;
+        height?: number | undefined;
+    }, {
+        src: string;
+        width?: number | undefined;
+        height?: number | undefined;
+    }>>;
+    tailwind: z.ZodOptional<z.ZodObject<{
+        extend: z.ZodOptional<z.ZodObject<{
+            colors: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+            fontFamily: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodArray<z.ZodString, "many">>>;
+            spacing: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+        }, "strip", z.ZodTypeAny, {
+            fontFamily?: Record<string, string[]> | undefined;
+            colors?: Record<string, string> | undefined;
+            spacing?: Record<string, string> | undefined;
+        }, {
+            fontFamily?: Record<string, string[]> | undefined;
+            colors?: Record<string, string> | undefined;
+            spacing?: Record<string, string> | undefined;
+        }>>;
+    }, "strip", z.ZodTypeAny, {
+        extend?: {
+            fontFamily?: Record<string, string[]> | undefined;
+            colors?: Record<string, string> | undefined;
+            spacing?: Record<string, string> | undefined;
+        } | undefined;
+    }, {
+        extend?: {
+            fontFamily?: Record<string, string[]> | undefined;
+            colors?: Record<string, string> | undefined;
+            spacing?: Record<string, string> | undefined;
+        } | undefined;
+    }>>;
+}, "strip", z.ZodTypeAny, {
+    colors: {
+        text: string;
+        background: string;
+        primary: string;
+        accent: string;
+        surface: string;
+    };
+    spacing: {
+        section: string;
+        slide: string;
+        element: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        mono: string;
+    };
+    logo?: {
+        src: string;
+        width?: number | undefined;
+        height?: number | undefined;
+    } | undefined;
+    tailwind?: {
+        extend?: {
+            fontFamily?: Record<string, string[]> | undefined;
+            colors?: Record<string, string> | undefined;
+            spacing?: Record<string, string> | undefined;
+        } | undefined;
+    } | undefined;
+}, {
+    colors: {
+        text: string;
+        background: string;
+        primary: string;
+        accent: string;
+        surface: string;
+    };
+    spacing: {
+        section: string;
+        slide: string;
+        element: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        mono: string;
+    };
+    logo?: {
+        src: string;
+        width?: number | undefined;
+        height?: number | undefined;
+    } | undefined;
+    tailwind?: {
+        extend?: {
+            fontFamily?: Record<string, string[]> | undefined;
+            colors?: Record<string, string> | undefined;
+            spacing?: Record<string, string> | undefined;
+        } | undefined;
+    } | undefined;
+}>;
+export type BrandConfig = z.infer<typeof BrandConfigSchema>;
+//# sourceMappingURL=types.d.ts.map

package/dist/runtime/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/runtime/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAQvB,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8B5B,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA"}

package/dist/runtime/types.js

@@ -0,0 +1,38 @@
+import { z } from 'zod';
+const TailwindExtendSchema = z.object({
+    colors: z.record(z.string()).optional(),
+    fontFamily: z.record(z.array(z.string())).optional(),
+    spacing: z.record(z.string()).optional(),
+});
+export const BrandConfigSchema = z.object({
+    colors: z.object({
+        primary: z.string(),
+        accent: z.string(),
+        background: z.string(),
+        surface: z.string(),
+        text: z.string(),
+    }),
+    fonts: z.object({
+        heading: z.string(),
+        body: z.string(),
+        mono: z.string(),
+    }),
+    spacing: z.object({
+        slide: z.string(),
+        section: z.string(),
+        element: z.string(),
+    }),
+    logo: z
+        .object({
+        src: z.string(),
+        width: z.number().optional(),
+        height: z.number().optional(),
+    })
+        .optional(),
+    tailwind: z
+        .object({
+        extend: TailwindExtendSchema.optional(),
+    })
+        .optional(),
+});
+//# sourceMappingURL=types.js.map

package/dist/runtime/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/runtime/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAEvB,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IACpC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;IACvC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;IACpD,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;CACzC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;QACf,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;QACnB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;QAClB,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;QACnB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;KACjB,CAAC;IACF,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;QACnB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;QAChB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;KACjB,CAAC;IACF,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC;QAChB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;QACjB,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;QACnB,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;KACpB,CAAC;IACF,IAAI,EAAE,CAAC;SACJ,MAAM,CAAC;QACN,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE;QACf,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;QAC5B,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;KAC9B,CAAC;SACD,QAAQ,EAAE;IACb,QAAQ,EAAE,CAAC;SACR,MAAM,CAAC;QACN,MAAM,EAAE,oBAAoB,CAAC,QAAQ,EAAE;KACxC,CAAC;SACD,QAAQ,EAAE;CACd,CAAC,CAAA"}

package/dist/runtime/use-presenter-mode.d.ts

@@ -0,0 +1,14 @@
+type PresenterModeOptions = {
+    currentSlide: number;
+    currentStep: number;
+    onSlideChange: (slide: number) => void;
+    onStepChange?: (step: number) => void;
+};
+type PresenterModeResult = {
+    openPresenterWindow: () => void;
+    closePresenterWindow: () => void;
+    isPresenterOpen: boolean;
+};
+export declare const usePresenterMode: (options: PresenterModeOptions) => PresenterModeResult;
+export {};
+//# sourceMappingURL=use-presenter-mode.d.ts.map

package/dist/runtime/use-presenter-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-presenter-mode.d.ts","sourceRoot":"","sources":["../../src/runtime/use-presenter-mode.ts"],"names":[],"mappings":"AAUA,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAID,eAAO,MAAM,gBAAgB,GAAI,SAAS,oBAAoB,KAAG,mBAyDhE,CAAA"}

package/dist/runtime/use-presenter-mode.js

@@ -0,0 +1,52 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+const CHANNEL_NAME = 'slidenerds-presenter';
+export const usePresenterMode = (options) => {
+    const { currentSlide, currentStep, onSlideChange, onStepChange } = options;
+    const channelRef = useRef(null);
+    const presenterWindowRef = useRef(null);
+    const [isPresenterOpen, setIsPresenterOpen] = useState(false);
+    useEffect(() => {
+        if (typeof BroadcastChannel === 'undefined')
+            return;
+        const channel = new BroadcastChannel(CHANNEL_NAME);
+        channelRef.current = channel;
+        channel.onmessage = (event) => {
+            const { type, slide, step } = event.data;
+            if (type === 'slide-change') {
+                onSlideChange(slide);
+            }
+            else if (type === 'step-change') {
+                onStepChange?.(step);
+            }
+        };
+        return () => {
+            channel.close();
+            channelRef.current = null;
+        };
+    }, [onSlideChange, onStepChange]);
+    useEffect(() => {
+        channelRef.current?.postMessage({
+            type: 'slide-change',
+            slide: currentSlide,
+            step: currentStep,
+        });
+    }, [currentSlide, currentStep]);
+    const openPresenterWindow = useCallback(() => {
+        const url = new URL(window.location.href);
+        url.searchParams.set('presenter', 'true');
+        presenterWindowRef.current = window.open(url.toString(), 'slidenerds-presenter', 'width=1024,height=768');
+        setIsPresenterOpen(true);
+    }, []);
+    const closePresenterWindow = useCallback(() => {
+        presenterWindowRef.current?.close();
+        presenterWindowRef.current = null;
+        setIsPresenterOpen(false);
+    }, []);
+    return {
+        openPresenterWindow,
+        closePresenterWindow,
+        isPresenterOpen,
+    };
+};
+//# sourceMappingURL=use-presenter-mode.js.map

package/dist/runtime/use-presenter-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-presenter-mode.js","sourceRoot":"","sources":["../../src/runtime/use-presenter-mode.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAqBhE,MAAM,YAAY,GAAG,sBAAsB,CAAA;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAA6B,EAAuB,EAAE;IACrF,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,OAAO,CAAA;IAC1E,MAAM,UAAU,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IACxD,MAAM,kBAAkB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;IACtD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,gBAAgB,KAAK,WAAW;YAAE,OAAM;QAEnD,MAAM,OAAO,GAAG,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAA;QAClD,UAAU,CAAC,OAAO,GAAG,OAAO,CAAA;QAE5B,OAAO,CAAC,SAAS,GAAG,CAAC,KAAqC,EAAE,EAAE;YAC5D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI,CAAA;YACxC,IAAI,IAAI,KAAK,cAAc,EAAE,CAAC;gBAC5B,aAAa,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC;iBAAM,IAAI,IAAI,KAAK,aAAa,EAAE,CAAC;gBAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;YACtB,CAAC;QACH,CAAC,CAAA;QAED,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,KAAK,EAAE,CAAA;YACf,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;QAC3B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC;YAC9B,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;SACS,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;IAE/B,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACzC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;QACzC,kBAAkB,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CACtC,GAAG,CAAC,QAAQ,EAAE,EACd,sBAAsB,EACtB,uBAAuB,CACxB,CAAA;QACD,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QACnC,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAA;QACjC,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,mBAAmB;QACnB,oBAAoB;QACpB,eAAe;KAChB,CAAA;AACH,CAAC,CAAA"}

package/dist/runtime/use-slide-navigation.d.ts

@@ -0,0 +1,13 @@
+type SlideNavigationState = {
+    currentSlide: number;
+    currentStep: number;
+    totalSlides: number;
+    stepsForCurrentSlide: number;
+    isExiting: boolean;
+    goToSlide: (index: number) => void;
+    nextStep: () => void;
+    previousStep: () => void;
+};
+export declare const useSlideNavigation: () => SlideNavigationState;
+export {};
+//# sourceMappingURL=use-slide-navigation.d.ts.map

package/dist/runtime/use-slide-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-slide-navigation.d.ts","sourceRoot":"","sources":["../../src/runtime/use-slide-navigation.ts"],"names":[],"mappings":"AAaA,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAgDD,eAAO,MAAM,kBAAkB,QAAO,oBA2NrC,CAAA"}

package/dist/runtime/use-slide-navigation.js

@@ -0,0 +1,230 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { getSlideElements, getExitStepElements, getStepEntries, hasExitAnimations, } from './slide-dom.js';
+const EXIT_ANIMATION_DURATION = 400;
+const MAGIC_MOVE_DURATION = 420;
+const parseSlideFromUrl = () => {
+    if (typeof window === 'undefined')
+        return 0;
+    const params = new URLSearchParams(window.location.search);
+    const slide = params.get('slide');
+    if (!slide)
+        return 0;
+    const parsed = parseInt(slide, 10);
+    return Number.isNaN(parsed) ? 0 : Math.max(0, parsed - 1);
+};
+const syncUrlToSlide = (slideIndex) => {
+    if (typeof window === 'undefined')
+        return;
+    const url = new URL(window.location.href);
+    url.searchParams.set('slide', String(slideIndex + 1));
+    window.history.replaceState({}, '', url.toString());
+};
+const toggleClassByThreshold = (elements, visibleCount, className) => {
+    for (let i = 0; i < elements.length; i++) {
+        elements[i].classList.toggle(className, i < visibleCount);
+    }
+};
+const applyStepVisibility = (slideIndex, visibleSteps) => {
+    const entries = getStepEntries(slideIndex);
+    for (const [i, entry] of entries.entries()) {
+        const isVisible = i < visibleSteps;
+        for (const el of entry.elements) {
+            el.classList.toggle('step-visible', isVisible);
+        }
+    }
+};
+const setActiveSlide = (slides, targetIndex) => {
+    slides.forEach((slide, index) => {
+        slide.classList.toggle('active', index === targetIndex);
+        if (index !== targetIndex)
+            slide.classList.remove('exiting');
+    });
+};
+export const useSlideNavigation = () => {
+    const [currentSlide, setCurrentSlide] = useState(parseSlideFromUrl);
+    const [currentStep, setCurrentStep] = useState(0);
+    const [totalSlides, setTotalSlides] = useState(0);
+    const [stepsForCurrentSlide, setStepsForCurrentSlide] = useState(0);
+    const [isExiting, setIsExiting] = useState(false);
+    const totalSlidesRef = useRef(0);
+    const exitTimeoutRef = useRef(null);
+    const autoStepTimeoutRef = useRef(null);
+    const currentExitStep = useRef(0);
+    const cachedStepEntriesRef = useRef([]);
+    const cachedExitStepCountRef = useRef(0);
+    useEffect(() => {
+        const count = getSlideElements().length;
+        totalSlidesRef.current = count;
+        setTotalSlides(count);
+        setActiveSlide(getSlideElements(), currentSlide);
+    }, []);
+    useEffect(() => {
+        const entries = getStepEntries(currentSlide);
+        cachedStepEntriesRef.current = entries;
+        cachedExitStepCountRef.current = getExitStepElements(currentSlide).length;
+        setStepsForCurrentSlide(entries.length);
+    }, [currentSlide]);
+    useEffect(() => {
+        return () => {
+            if (exitTimeoutRef.current !== null)
+                clearTimeout(exitTimeoutRef.current);
+            if (autoStepTimeoutRef.current !== null)
+                clearTimeout(autoStepTimeoutRef.current);
+        };
+    }, []);
+    const clearAutoStepTimer = useCallback(() => {
+        if (autoStepTimeoutRef.current !== null) {
+            clearTimeout(autoStepTimeoutRef.current);
+            autoStepTimeoutRef.current = null;
+        }
+    }, []);
+    const performSlideTransition = useCallback((targetSlide) => {
+        const slides = getSlideElements();
+        const prevEl = slides[currentSlide];
+        const nextEl = slides[targetSlide];
+        const previousMagicIds = new Set();
+        if (prevEl) {
+            prevEl.querySelectorAll('[data-magic-id]').forEach((el) => {
+                const id = el.getAttribute('data-magic-id');
+                if (id)
+                    previousMagicIds.add(id);
+            });
+        }
+        setActiveSlide(slides, targetSlide);
+        if (nextEl && previousMagicIds.size > 0) {
+            nextEl.querySelectorAll('[data-magic-id]').forEach((el) => {
+                const id = el.getAttribute('data-magic-id');
+                if (!id || !previousMagicIds.has(id))
+                    return;
+                const htmlEl = el;
+                htmlEl.style.transition = 'none';
+                htmlEl.style.opacity = '0';
+                htmlEl.style.transform = 'scale(0.96)';
+                const cleanupStyles = () => {
+                    htmlEl.style.transition = '';
+                    htmlEl.style.opacity = '';
+                    htmlEl.style.transform = '';
+                };
+                requestAnimationFrame(() => {
+                    requestAnimationFrame(() => {
+                        htmlEl.style.transition =
+                            `opacity ${MAGIC_MOVE_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), transform ${MAGIC_MOVE_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1)`;
+                        htmlEl.style.opacity = '1';
+                        htmlEl.style.transform = 'scale(1)';
+                        htmlEl.addEventListener('transitionend', cleanupStyles, { once: true });
+                        setTimeout(cleanupStyles, MAGIC_MOVE_DURATION + 50);
+                    });
+                });
+            });
+        }
+        setCurrentSlide(targetSlide);
+        setCurrentStep(0);
+        setIsExiting(false);
+        currentExitStep.current = 0;
+    }, [currentSlide]);
+    const startExitTransition = useCallback((targetSlide) => {
+        const slides = getSlideElements();
+        const currentEl = slides[currentSlide];
+        if (!currentEl || !hasExitAnimations(currentSlide)) {
+            performSlideTransition(targetSlide);
+            return;
+        }
+        setIsExiting(true);
+        currentEl.classList.add('exiting');
+        if (exitTimeoutRef.current !== null) {
+            clearTimeout(exitTimeoutRef.current);
+        }
+        exitTimeoutRef.current = setTimeout(() => {
+            performSlideTransition(targetSlide);
+            exitTimeoutRef.current = null;
+        }, EXIT_ANIMATION_DURATION);
+    }, [currentSlide, performSlideTransition]);
+    const goToSlide = useCallback((index) => {
+        const total = totalSlidesRef.current;
+        if (total === 0)
+            return;
+        const clamped = Math.max(0, Math.min(index, total - 1));
+        if (clamped === currentSlide)
+            return;
+        clearAutoStepTimer();
+        startExitTransition(clamped);
+    }, [currentSlide, startExitTransition, clearAutoStepTimer]);
+    const nextStep = useCallback(() => {
+        if (isExiting)
+            return;
+        const logicalSteps = cachedStepEntriesRef.current.length;
+        const exitSteps = cachedExitStepCountRef.current;
+        if (currentStep < logicalSteps) {
+            setCurrentStep(currentStep + 1);
+        }
+        else if (exitSteps > 0 && currentExitStep.current < exitSteps) {
+            currentExitStep.current++;
+            toggleClassByThreshold(getExitStepElements(currentSlide), currentExitStep.current, 'exit-visible');
+            if (currentExitStep.current >= exitSteps && currentSlide < totalSlidesRef.current - 1) {
+                startExitTransition(currentSlide + 1);
+            }
+        }
+        else if (currentSlide < totalSlidesRef.current - 1) {
+            clearAutoStepTimer();
+            startExitTransition(currentSlide + 1);
+        }
+    }, [currentSlide, currentStep, isExiting, startExitTransition, clearAutoStepTimer]);
+    const previousStep = useCallback(() => {
+        if (isExiting)
+            return;
+        if (currentExitStep.current > 0) {
+            currentExitStep.current--;
+            toggleClassByThreshold(getExitStepElements(currentSlide), currentExitStep.current, 'exit-visible');
+        }
+        else if (currentStep > 0) {
+            clearAutoStepTimer();
+            setCurrentStep(currentStep - 1);
+        }
+        else if (currentSlide > 0) {
+            clearAutoStepTimer();
+            startExitTransition(currentSlide - 1);
+        }
+    }, [currentSlide, currentStep, isExiting, startExitTransition, clearAutoStepTimer]);
+    useEffect(() => {
+        clearAutoStepTimer();
+        const entries = cachedStepEntriesRef.current;
+        if (entries.length === 0)
+            return;
+        const scheduleAutoStep = (stepIndex) => {
+            if (stepIndex >= entries.length)
+                return;
+            const entry = entries[stepIndex];
+            if (!entry.isAuto)
+                return;
+            autoStepTimeoutRef.current = setTimeout(() => {
+                setCurrentStep((prev) => {
+                    const next = prev + 1;
+                    scheduleAutoStep(next);
+                    return next;
+                });
+            }, entry.autoDelay);
+        };
+        if (currentStep < entries.length && entries[currentStep]?.isAuto) {
+            scheduleAutoStep(currentStep);
+        }
+        return () => clearAutoStepTimer();
+    }, [currentSlide, clearAutoStepTimer]);
+    useEffect(() => {
+        applyStepVisibility(currentSlide, currentStep);
+    }, [currentSlide, currentStep]);
+    useEffect(() => {
+        syncUrlToSlide(currentSlide);
+    }, [currentSlide]);
+    return {
+        currentSlide,
+        currentStep,
+        totalSlides,
+        stepsForCurrentSlide,
+        isExiting,
+        goToSlide,
+        nextStep,
+        previousStep,
+    };
+};
+//# sourceMappingURL=use-slide-navigation.js.map