@gpichot/spectacle-deck 1.2.11 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/SlideWrapper.d.ts +2 -2
  2. package/components/CodeStepper/CodeStepper.d.ts +1 -1
  3. package/components/DocumentationItem.d.ts +3 -3
  4. package/components/FilePane.d.ts +1 -1
  5. package/components/HorizontalList.d.ts +2 -2
  6. package/components/IconBox.d.ts +2 -2
  7. package/components/Image.d.ts +2 -2
  8. package/components/ItemsColumn.d.ts +1 -1
  9. package/components/Mermaid.d.ts +5 -0
  10. package/components/QRCode.d.ts +1 -2
  11. package/components/Timeline.d.ts +2 -2
  12. package/components/Timeline.styled.d.ts +1 -4
  13. package/components/animations/AnimatedCounter.d.ts +18 -0
  14. package/components/animations/FadeIn.d.ts +14 -0
  15. package/components/animations/ProgressRing.d.ts +21 -0
  16. package/components/animations/ScaleIn.d.ts +12 -0
  17. package/components/animations/Spotlight.d.ts +10 -0
  18. package/components/animations/StaggerChildren.d.ts +16 -0
  19. package/components/animations/TypeWriter.d.ts +13 -0
  20. package/components/animations/index.d.ts +7 -0
  21. package/components/animations/useInView.d.ts +10 -0
  22. package/components/map.d.ts +15 -181
  23. package/components/styled.d.ts +4 -4
  24. package/context.d.ts +1 -1
  25. package/index.cjs +2000 -1388
  26. package/index.d.ts +30 -19
  27. package/index.mjs +2001 -1386
  28. package/layouts/BigNumberLayout.d.ts +5 -0
  29. package/layouts/CenteredLayout.d.ts +2 -2
  30. package/layouts/Default3Layout.d.ts +2 -2
  31. package/layouts/FullImageLayout.d.ts +7 -0
  32. package/layouts/MainSectionLayout.d.ts +2 -2
  33. package/layouts/QuoteLayout.d.ts +2 -2
  34. package/layouts/SectionLayout.d.ts +0 -1
  35. package/layouts/SideCodeLayout.d.ts +2 -2
  36. package/layouts/SideImageLayout.d.ts +2 -2
  37. package/layouts/SideLayout.d.ts +2 -2
  38. package/layouts/columns.d.ts +1 -1
  39. package/layouts/index.d.ts +11 -8
  40. package/layouts/styled.d.ts +0 -1
  41. package/layouts/utils.d.ts +6 -4
  42. package/package.json +11 -10
  43. package/template.d.ts +4 -5
  44. package/transitions.d.ts +14 -0
  45. package/layouts/BaseLayout.d.ts +0 -5
@@ -0,0 +1,5 @@
1
+ import type React from "react";
2
+ export declare function BigNumberLayout({ children, value, }: {
3
+ children: React.ReactNode;
4
+ value: string;
5
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import React from "react";
2
- export declare const CenteredLayout: (props: React.ComponentPropsWithoutRef<"div">) => React.JSX.Element;
1
+ import type React from "react";
2
+ export declare const CenteredLayout: (props: React.ComponentPropsWithoutRef<"div">) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
- import React from "react";
1
+ import type React from "react";
2
2
  export declare const Default3Layout: ({ children, position, }: {
3
3
  children: React.ReactNode;
4
4
  position?: "left" | "right";
5
- }) => React.JSX.Element;
5
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type React from "react";
2
+ export declare function FullImageLayout({ children, image, position, dim, }: {
3
+ children: React.ReactNode;
4
+ image: string;
5
+ position?: "center" | "bottom" | "top";
6
+ dim?: number;
7
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import React from "react";
1
+ import type React from "react";
2
2
  export declare const MainSectionLayout: ({ children, }: {
3
3
  children: React.ReactNode;
4
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
- import React from "react";
1
+ import type React from "react";
2
2
  export declare function QuoteLayout({ children, author, sourceUrl, }: {
3
3
  children: React.ReactNode;
4
4
  author: string;
5
5
  sourceUrl?: string;
6
- }): React.JSX.Element;
6
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const SectionLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,5 +1,5 @@
1
- import React from "react";
1
+ import type React from "react";
2
2
  export declare function SidedCodeLayout({ children, position, }: {
3
3
  children: React.ReactNode;
4
4
  position?: "left" | "right";
5
- }): React.JSX.Element;
5
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,8 +1,8 @@
1
- import React from "react";
1
+ import type React from "react";
2
2
  export declare const SidedImageLayout: ({ children, image, position, height, ratio: ratioProp, }: {
3
3
  children: React.ReactNode;
4
4
  image?: string;
5
5
  position?: "left" | "right";
6
6
  ratio?: string;
7
7
  height?: number;
8
- }) => React.JSX.Element;
8
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
- import React from "react";
1
+ import type React from "react";
2
2
  export declare function SideLayout({ children, position, }: {
3
3
  children: React.ReactNode;
4
4
  position?: "right" | "left";
5
- }): React.JSX.Element;
5
+ }): import("react/jsx-runtime").JSX.Element;
@@ -2,4 +2,4 @@ import React from "react";
2
2
  export declare function ColumnsLayout({ children, reverse, }: {
3
3
  children: React.ReactNode;
4
4
  reverse?: boolean;
5
- }): React.JSX.Element;
5
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,26 +1,29 @@
1
- /// <reference types="react" />
1
+ import { BigNumberLayout } from "./BigNumberLayout";
2
+ import { FullImageLayout } from "./FullImageLayout";
2
3
  import { QuoteLayout } from "./QuoteLayout";
3
4
  import { SidedCodeLayout } from "./SideCodeLayout";
4
5
  import { SideLayout } from "./SideLayout";
5
6
  declare const _default: {
6
7
  mainSection: ({ children, }: {
7
- children: import("react").ReactNode;
8
- }) => import("react").JSX.Element;
9
- centered: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => import("react").JSX.Element;
8
+ children: React.ReactNode;
9
+ }) => import("react/jsx-runtime").JSX.Element;
10
+ centered: (props: React.ComponentPropsWithoutRef<"div">) => import("react/jsx-runtime").JSX.Element;
10
11
  default3: ({ children, position, }: {
11
- children: import("react").ReactNode;
12
+ children: React.ReactNode;
12
13
  position?: "left" | "right";
13
- }) => import("react").JSX.Element;
14
+ }) => import("react/jsx-runtime").JSX.Element;
14
15
  quote: typeof QuoteLayout;
15
16
  sidedCode: typeof SidedCodeLayout;
16
17
  sidedImage: ({ children, image, position, height, ratio: ratioProp, }: {
17
- children: import("react").ReactNode;
18
+ children: React.ReactNode;
18
19
  image?: string;
19
20
  position?: "left" | "right";
20
21
  ratio?: string;
21
22
  height?: number;
22
- }) => import("react").JSX.Element;
23
+ }) => import("react/jsx-runtime").JSX.Element;
23
24
  side: typeof SideLayout;
24
25
  section: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
26
+ fullImage: typeof FullImageLayout;
27
+ bigNumber: typeof BigNumberLayout;
25
28
  };
26
29
  export default _default;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const SVGObject: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, never>> & string;
@@ -4,7 +4,9 @@ export declare const Margins: {
4
4
  horizontal: string;
5
5
  horizontalInternal: string;
6
6
  };
7
- export declare function getHeading(children: React.ReactNode): (React.ReactPortal | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal)[] | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>)[];
8
- export declare function getCode(children: React.ReactNode): (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
9
- export declare function getMatchingMdxType(children: React.ReactNode, mdxType: string): (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal)[][];
10
- export declare function getCodeChildren(children: React.ReactNode): (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
7
+ export declare function getHeading(children: React.ReactNode): ((string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>>)[] | React.ReactElement<{
8
+ originalType?: string;
9
+ }, string | React.JSXElementConstructor<any>>)[];
10
+ export declare function getCode(children: React.ReactNode): (string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>>)[];
11
+ export declare function getMatchingMdxType(children: React.ReactNode, mdxType: string): (string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>>)[][];
12
+ export declare function getCodeChildren(children: React.ReactNode): (string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>>)[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gpichot/spectacle-deck",
3
- "version": "1.2.11",
3
+ "version": "1.5.0",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "index.cjs",
@@ -17,15 +17,16 @@
17
17
  "spectacle"
18
18
  ],
19
19
  "dependencies": {
20
- "@fontsource/bitter": "^5.0.18",
21
- "@mdx-js/react": "^3.0.1",
20
+ "@fontsource/bitter": "^5.2.10",
21
+ "@mdx-js/react": "^3.1.1",
22
+ "@react-spring/web": "^10.0.3",
23
+ "mermaid": "^11.13.0",
22
24
  "qr-creator": "^1.0.0",
23
- "react": "^18.3.1",
24
- "react-dom": "^18.3.1",
25
- "react-is": "^18.3.1",
26
- "react-spring": "^9.7.3",
27
- "react-syntax-highlighter": "^15.5.0",
28
- "spectacle": "^10.1.8",
29
- "styled-components": "^6.1.11"
25
+ "react": "^19.2.4",
26
+ "react-dom": "^19.2.4",
27
+ "react-is": "^19.2.4",
28
+ "react-syntax-highlighter": "^16.1.1",
29
+ "spectacle": "^10.2.3",
30
+ "styled-components": "^6.3.12"
30
31
  }
31
32
  }
package/template.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import React from "react";
2
- export declare const template: ({ slideNumber, numberOfSlides }: {
3
- slideNumber: any;
4
- numberOfSlides: any;
5
- }) => React.JSX.Element;
1
+ export declare const template: ({ slideNumber, numberOfSlides, }: {
2
+ slideNumber: number;
3
+ numberOfSlides: number;
4
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { type SlideTransition } from "spectacle";
2
+ /**
3
+ * Drop transition: slide drops in from above, exits downward.
4
+ */
5
+ export declare const dropTransition: SlideTransition;
6
+ /**
7
+ * None transition: instant swap with no animation.
8
+ */
9
+ export declare const noneTransition: SlideTransition;
10
+ /**
11
+ * Resolve a transition name string to a SlideTransition object.
12
+ * Returns undefined if the name is not recognized.
13
+ */
14
+ export declare function resolveTransition(name: string | undefined): SlideTransition | undefined;
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- export declare const BaseLayout: ({ children, title, ...otherProps }: {
3
- children: React.ReactNode;
4
- title?: React.ReactNode;
5
- } & Omit<React.ComponentPropsWithoutRef<"div">, "title">) => React.JSX.Element;