@gpichot/spectacle-deck 1.2.11 → 1.5.0

package/SlideWrapper.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import type React from "react";
 export declare function SlideWrapper({ children, frontmatter, }: {
     children: React.ReactNode;
     frontmatter: {
         layout?: string;
     };
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/components/CodeStepper/CodeStepper.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 declare function CodeStepper({ priority, name, ...props }: React.ComponentProps<"pre"> & {
     priority?: number;
     name?: string;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace CodeStepper {
     var mdxType: string;
 }

package/components/DocumentationItem.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
+import type React from "react";
 export declare function Doc({ label, link, children, }: {
     label: string;
     link: string;
     children: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function DocItem({ label, link }: {
     label: string;
     link: string;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/components/FilePane.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 declare function FilePane({ name, children, priority, ...divProps }: React.ComponentProps<"div"> & {
     name: string;
     priority?: number;
-}): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>;
+}): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.DetailedReactHTMLElement<unknown, HTMLElement>;
 declare namespace FilePane {
     var mdxType: string;
 }

package/components/HorizontalList.d.ts

@@ -2,11 +2,11 @@ import React from "react";
 export default function HorizontalList({ children, columns, }: {
     columns?: number;
     children: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function HorizontalListItem({ title, children, position, isVisible, isLast, }: {
     title: string;
     position: number;
     isVisible?: boolean;
     isLast?: boolean;
     children: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/components/IconBox.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
+import type React from "react";
 export declare function IconBox({ children, icon, }: {
     children: React.ReactNode;
     icon: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/components/Image.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import type React from "react";
 export interface ImageProps extends React.ComponentProps<"img"> {
 }
-export declare function Image(props: ImageProps): React.JSX.Element;
+export declare function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Image {
     var mdxType: string;
 }

package/components/ItemsColumn.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare function ItemsColumn(divProps: React.ComponentProps<"div">): React.JSX.Element;
+export declare function ItemsColumn(divProps: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/components/Mermaid.d.ts

@@ -0,0 +1,5 @@
+export interface MermaidProps {
+    chart: string;
+    width?: string;
+}
+export declare function Mermaid({ chart, width }: MermaidProps): import("react/jsx-runtime").JSX.Element;

package/components/QRCode.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 export interface QRCodeProps {
     url: string;
     size?: "xs" | "sm" | "md" | "lg";
 }
-export declare function QRCode({ url, size }: QRCodeProps): React.JSX.Element;
+export declare function QRCode({ url, size }: QRCodeProps): import("react/jsx-runtime").JSX.Element;

package/components/Timeline.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-export default function Timeline(props: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+export default function Timeline(props: React.ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
 export declare function TimelineItem(props: React.ComponentPropsWithoutRef<"div"> & {
     isPhantom?: boolean;
     isLast?: boolean;
     isOdd?: boolean;
     isEven?: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/components/Timeline.styled.d.ts

@@ -1,7 +1,4 @@
-/// <reference types="react" />
 export declare const TimelineItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TimelineItemContentPhantom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, never>> & string;
+export declare const TimelineItemContentPhantom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
 export declare const TimelineItemBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TimelineItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/components/animations/AnimatedCounter.d.ts

@@ -0,0 +1,18 @@
+interface AnimatedCounterProps {
+    /** Target number to count to */
+    to: number;
+    /** Starting number. Default: 0 */
+    from?: number;
+    /** Duration in milliseconds. Default: 1500 */
+    duration?: number;
+    /** Delay before starting in milliseconds. Default: 0 */
+    delay?: number;
+    /** Number of decimal places. Default: 0 */
+    decimals?: number;
+    /** Prefix string (e.g. "$"). Default: "" */
+    prefix?: string;
+    /** Suffix string (e.g. "%"). Default: "" */
+    suffix?: string;
+}
+export declare function AnimatedCounter({ to, from, duration, delay, decimals, prefix, suffix, }: AnimatedCounterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/animations/FadeIn.d.ts

@@ -0,0 +1,14 @@
+import type React from "react";
+interface FadeInProps {
+    children: React.ReactNode;
+    /** Direction to fade in from. Default: "up" */
+    direction?: "up" | "down" | "left" | "right" | "none";
+    /** Distance in pixels for the translate. Default: 20 */
+    distance?: number;
+    /** Delay in milliseconds before animation starts. Default: 0 */
+    delay?: number;
+    /** Duration in milliseconds. Default: 400 */
+    duration?: number;
+}
+export declare function FadeIn({ children, direction, distance, delay, duration, }: FadeInProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/animations/ProgressRing.d.ts

@@ -0,0 +1,21 @@
+import type React from "react";
+interface ProgressRingProps {
+    /** Progress value from 0 to 100 */
+    value: number;
+    /** Ring size in pixels. Default: 120 */
+    size?: number;
+    /** Stroke width in pixels. Default: 8 */
+    strokeWidth?: number;
+    /** Ring color. Default: "var(--color-secondary)" */
+    color?: string;
+    /** Track color. Default: "rgba(255,255,255,0.1)" */
+    trackColor?: string;
+    /** Duration in milliseconds. Default: 1000 */
+    duration?: number;
+    /** Delay before animating in milliseconds. Default: 0 */
+    delay?: number;
+    /** Content to display in center */
+    children?: React.ReactNode;
+}
+export declare function ProgressRing({ value, size, strokeWidth, color, trackColor, duration, delay, children, }: ProgressRingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/animations/ScaleIn.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+interface ScaleInProps {
+    children: React.ReactNode;
+    /** Initial scale. Default: 0 */
+    from?: number;
+    /** Delay in milliseconds. Default: 0 */
+    delay?: number;
+    /** Duration in milliseconds. Default: 400 */
+    duration?: number;
+}
+export declare function ScaleIn({ children, from, delay, duration, }: ScaleInProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/animations/Spotlight.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+interface SpotlightProps {
+    children: React.ReactNode;
+    /** Whether the spotlight is active. Default: true */
+    active?: boolean;
+    /** Opacity of the dimmed overlay. Default: 0.7 */
+    dimOpacity?: number;
+}
+export declare function Spotlight({ children, active, dimOpacity, }: SpotlightProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/animations/StaggerChildren.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface StaggerChildrenProps {
+    children: React.ReactNode;
+    /** Delay between each child in milliseconds. Default: 100 */
+    stagger?: number;
+    /** Initial delay before first child animates. Default: 0 */
+    delay?: number;
+    /** Animation duration per child in milliseconds. Default: 400 */
+    duration?: number;
+    /** Direction to fade in from. Default: "up" */
+    direction?: "up" | "down" | "left" | "right" | "none";
+    /** Distance in pixels for the translate. Default: 20 */
+    distance?: number;
+}
+export declare function StaggerChildren({ children, stagger, delay, duration, direction, distance, }: StaggerChildrenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/animations/TypeWriter.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface TypeWriterProps {
+    /** The text to type out. Accepts React children (text is extracted). */
+    children: React.ReactNode;
+    /** Typing speed in milliseconds per character. Default: 50 */
+    speed?: number;
+    /** Delay before typing starts in milliseconds. Default: 0 */
+    delay?: number;
+    /** Whether to show a blinking cursor. Default: true */
+    cursor?: boolean;
+}
+export declare function TypeWriter({ children, speed, delay, cursor, }: TypeWriterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/animations/index.d.ts

@@ -0,0 +1,7 @@
+export { AnimatedCounter } from "./AnimatedCounter";
+export { FadeIn } from "./FadeIn";
+export { ProgressRing } from "./ProgressRing";
+export { ScaleIn } from "./ScaleIn";
+export { Spotlight } from "./Spotlight";
+export { StaggerChildren } from "./StaggerChildren";
+export { TypeWriter } from "./TypeWriter";

package/components/animations/useInView.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+/**
+ * Hook that detects when an element becomes visible in the viewport.
+ * Used to defer animations until the slide is actually shown
+ * (Spectacle pre-mounts all slides in the DOM).
+ */
+export declare function useInView<T extends HTMLElement = HTMLDivElement>(): [
+    React.RefObject<T | null>,
+    boolean
+];

package/components/map.d.ts

@@ -1,187 +1,21 @@
 import React from "react";
-import { Image } from "./styled";
 import CodeStepper from "./CodeStepper/CodeStepper";
+import { Image } from "./styled";
 declare const componentsMap: {
-    readonly inlineCode: (props: React.ComponentPropsWithoutRef<"code">) => React.JSX.Element;
-    readonly table: (props: React.ComponentPropsWithoutRef<"table">) => React.JSX.Element;
-    readonly tr: (props: React.ComponentPropsWithoutRef<"tr">) => React.JSX.Element;
-    readonly td: (props: React.ComponentPropsWithoutRef<"td">) => React.JSX.Element;
-    readonly h1: (props: React.ComponentProps<"h1">) => React.JSX.Element;
-    readonly h2: (props: React.ComponentProps<"h2">) => React.JSX.Element;
-    readonly h3: (props: React.ComponentPropsWithoutRef<"h3">) => React.JSX.Element;
-    readonly img: (props: React.ComponentProps<typeof Image>) => React.JSX.Element;
+    readonly inlineCode: (props: React.ComponentPropsWithoutRef<"code">) => import("react/jsx-runtime").JSX.Element;
+    readonly table: (props: React.ComponentPropsWithoutRef<"table">) => import("react/jsx-runtime").JSX.Element;
+    readonly tr: (props: React.ComponentPropsWithoutRef<"tr">) => import("react/jsx-runtime").JSX.Element;
+    readonly td: (props: React.ComponentPropsWithoutRef<"td">) => import("react/jsx-runtime").JSX.Element;
+    readonly h1: (props: React.ComponentProps<"h1">) => import("react/jsx-runtime").JSX.Element;
+    readonly h2: (props: React.ComponentProps<"h2">) => import("react/jsx-runtime").JSX.Element;
+    readonly h3: (props: React.ComponentPropsWithoutRef<"h3">) => import("react/jsx-runtime").JSX.Element;
+    readonly img: (props: React.ComponentProps<typeof Image>) => import("react/jsx-runtime").JSX.Element;
     readonly pre: typeof CodeStepper;
-    readonly li: (props: React.ComponentProps<"li">) => React.JSX.Element;
-    readonly Side: (props: React.ComponentProps<"div">) => React.JSX.Element;
-    readonly p: (props: React.ComponentProps<"p">) => React.JSX.Element;
-    readonly blockquote: (props: React.ComponentProps<"blockquote">) => React.JSX.Element;
-    readonly a: ({ children, ...props }: React.ComponentProps<"a">) => React.JSX.Element;
-    readonly directive: (props: React.ComponentProps<"div">) => React.JSX.Element;
-    readonly symbol?: React.ElementType;
-    readonly object?: React.ElementType;
-    readonly map?: React.ElementType;
-    readonly filter?: React.ElementType;
-    readonly code?: React.ElementType;
-    readonly div?: React.ElementType;
-    readonly abbr?: React.ElementType;
-    readonly address?: React.ElementType;
-    readonly area?: React.ElementType;
-    readonly article?: React.ElementType;
-    readonly aside?: React.ElementType;
-    readonly audio?: React.ElementType;
-    readonly b?: React.ElementType;
-    readonly base?: React.ElementType;
-    readonly bdi?: React.ElementType;
-    readonly bdo?: React.ElementType;
-    readonly big?: React.ElementType;
-    readonly body?: React.ElementType;
-    readonly br?: React.ElementType;
-    readonly button?: React.ElementType;
-    readonly canvas?: React.ElementType;
-    readonly caption?: React.ElementType;
-    readonly center?: React.ElementType;
-    readonly cite?: React.ElementType;
-    readonly col?: React.ElementType;
-    readonly colgroup?: React.ElementType;
-    readonly data?: React.ElementType;
-    readonly datalist?: React.ElementType;
-    readonly dd?: React.ElementType;
-    readonly del?: React.ElementType;
-    readonly details?: React.ElementType;
-    readonly dfn?: React.ElementType;
-    readonly dialog?: React.ElementType;
-    readonly dl?: React.ElementType;
-    readonly dt?: React.ElementType;
-    readonly em?: React.ElementType;
-    readonly embed?: React.ElementType;
-    readonly fieldset?: React.ElementType;
-    readonly figcaption?: React.ElementType;
-    readonly figure?: React.ElementType;
-    readonly footer?: React.ElementType;
-    readonly form?: React.ElementType;
-    readonly h4?: React.ElementType;
-    readonly h5?: React.ElementType;
-    readonly h6?: React.ElementType;
-    readonly head?: React.ElementType;
-    readonly header?: React.ElementType;
-    readonly hgroup?: React.ElementType;
-    readonly hr?: React.ElementType;
-    readonly html?: React.ElementType;
-    readonly i?: React.ElementType;
-    readonly iframe?: React.ElementType;
-    readonly input?: React.ElementType;
-    readonly ins?: React.ElementType;
-    readonly kbd?: React.ElementType;
-    readonly keygen?: React.ElementType;
-    readonly label?: React.ElementType;
-    readonly legend?: React.ElementType;
-    readonly link?: React.ElementType;
-    readonly main?: React.ElementType;
-    readonly mark?: React.ElementType;
-    readonly menu?: React.ElementType;
-    readonly menuitem?: React.ElementType;
-    readonly meta?: React.ElementType;
-    readonly meter?: React.ElementType;
-    readonly nav?: React.ElementType;
-    readonly noindex?: React.ElementType;
-    readonly noscript?: React.ElementType;
-    readonly ol?: React.ElementType;
-    readonly optgroup?: React.ElementType;
-    readonly option?: React.ElementType;
-    readonly output?: React.ElementType;
-    readonly param?: React.ElementType;
-    readonly picture?: React.ElementType;
-    readonly progress?: React.ElementType;
-    readonly q?: React.ElementType;
-    readonly rp?: React.ElementType;
-    readonly rt?: React.ElementType;
-    readonly ruby?: React.ElementType;
-    readonly s?: React.ElementType;
-    readonly samp?: React.ElementType;
-    readonly search?: React.ElementType;
-    readonly slot?: React.ElementType;
-    readonly script?: React.ElementType;
-    readonly section?: React.ElementType;
-    readonly select?: React.ElementType;
-    readonly small?: React.ElementType;
-    readonly source?: React.ElementType;
-    readonly span?: React.ElementType;
-    readonly strong?: React.ElementType;
-    readonly style?: React.ElementType;
-    readonly sub?: React.ElementType;
-    readonly summary?: React.ElementType;
-    readonly sup?: React.ElementType;
-    readonly template?: React.ElementType;
-    readonly tbody?: React.ElementType;
-    readonly textarea?: React.ElementType;
-    readonly tfoot?: React.ElementType;
-    readonly th?: React.ElementType;
-    readonly thead?: React.ElementType;
-    readonly time?: React.ElementType;
-    readonly title?: React.ElementType;
-    readonly track?: React.ElementType;
-    readonly u?: React.ElementType;
-    readonly ul?: React.ElementType;
-    readonly var?: React.ElementType;
-    readonly video?: React.ElementType;
-    readonly wbr?: React.ElementType;
-    readonly webview?: React.ElementType;
-    readonly svg?: React.ElementType;
-    readonly animate?: React.ElementType;
-    readonly animateMotion?: React.ElementType;
-    readonly animateTransform?: React.ElementType;
-    readonly circle?: React.ElementType;
-    readonly clipPath?: React.ElementType;
-    readonly defs?: React.ElementType;
-    readonly desc?: React.ElementType;
-    readonly ellipse?: React.ElementType;
-    readonly feBlend?: React.ElementType;
-    readonly feColorMatrix?: React.ElementType;
-    readonly feComponentTransfer?: React.ElementType;
-    readonly feComposite?: React.ElementType;
-    readonly feConvolveMatrix?: React.ElementType;
-    readonly feDiffuseLighting?: React.ElementType;
-    readonly feDisplacementMap?: React.ElementType;
-    readonly feDistantLight?: React.ElementType;
-    readonly feDropShadow?: React.ElementType;
-    readonly feFlood?: React.ElementType;
-    readonly feFuncA?: React.ElementType;
-    readonly feFuncB?: React.ElementType;
-    readonly feFuncG?: React.ElementType;
-    readonly feFuncR?: React.ElementType;
-    readonly feGaussianBlur?: React.ElementType;
-    readonly feImage?: React.ElementType;
-    readonly feMerge?: React.ElementType;
-    readonly feMergeNode?: React.ElementType;
-    readonly feMorphology?: React.ElementType;
-    readonly feOffset?: React.ElementType;
-    readonly fePointLight?: React.ElementType;
-    readonly feSpecularLighting?: React.ElementType;
-    readonly feSpotLight?: React.ElementType;
-    readonly feTile?: React.ElementType;
-    readonly feTurbulence?: React.ElementType;
-    readonly foreignObject?: React.ElementType;
-    readonly g?: React.ElementType;
-    readonly image?: React.ElementType;
-    readonly line?: React.ElementType;
-    readonly linearGradient?: React.ElementType;
-    readonly marker?: React.ElementType;
-    readonly mask?: React.ElementType;
-    readonly metadata?: React.ElementType;
-    readonly mpath?: React.ElementType;
-    readonly path?: React.ElementType;
-    readonly pattern?: React.ElementType;
-    readonly polygon?: React.ElementType;
-    readonly polyline?: React.ElementType;
-    readonly radialGradient?: React.ElementType;
-    readonly rect?: React.ElementType;
-    readonly set?: React.ElementType;
-    readonly stop?: React.ElementType;
-    readonly switch?: React.ElementType;
-    readonly text?: React.ElementType;
-    readonly textPath?: React.ElementType;
-    readonly tspan?: React.ElementType;
-    readonly use?: React.ElementType;
-    readonly view?: React.ElementType;
+    readonly li: (props: React.ComponentProps<"li">) => import("react/jsx-runtime").JSX.Element;
+    readonly Side: (props: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+    readonly p: (props: React.ComponentProps<"p">) => import("react/jsx-runtime").JSX.Element;
+    readonly blockquote: (props: React.ComponentProps<"blockquote">) => import("react/jsx-runtime").JSX.Element;
+    readonly a: ({ children, ...props }: React.ComponentProps<"a">) => import("react/jsx-runtime").JSX.Element;
+    readonly directive: (props: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
 };
 export default componentsMap;

package/components/styled.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
+import type React from "react";
 import { Image as SpectacleImage } from "spectacle";
 export declare const Link: (props: {
     href: string;
     children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const Image: (props: React.ComponentProps<typeof SpectacleImage>) => React.JSX.Element;
-export declare const CustomHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & (import("styled-components/dist/types").BaseObject | Omit<styled_components.StyledComponent<"div", any, any, never>, keyof React.Component<any, {}, any>>);
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Image: (props: React.ComponentProps<typeof SpectacleImage>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomHeading: import("styled-components/dist/types").IStyledComponentBase<"web", any> & (string | (string & Omit<styled_components.StyledComponent<"div", any, any, never>, keyof React.Component<any, {}, any>>));
 export declare const CustomQuote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, never>> & string;
 export declare const InlineCode: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export declare const HeadingTwo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;

package/context.d.ts

@@ -8,4 +8,4 @@ export declare function usePestacle(): IPestacleContext;
 export declare function PestacleProvider({ children, layouts, }: {
     children: React.ReactNode;
     layouts: Record<string, LayoutComponent>;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;