@vincentgraul/react-components 1.0.38 → 1.0.40

package/dist/use-match-device/use-match-device.js

@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+import UAParser from "ua-parser-js";
+export const useMatchDevice = (UA) => {
+    const isClientSide = typeof window !== "undefined";
+    const compute = () => {
+        const parser = new UAParser.UAParser(UA);
+        const { type } = parser.getDevice();
+        const device = {
+            isMobile: type === "mobile",
+            isTablet: type === "tablet",
+            isMobileOrTablet: false,
+            isDesktop: !type,
+        };
+        device.isMobileOrTablet = device.isMobile || device.isTablet;
+        return device;
+    };
+    if (!isClientSide) {
+        return compute();
+    }
+    const [device, setDevice] = useState(compute());
+    useEffect(() => {
+        setDevice(compute());
+    }, [UA]);
+    return device;
+};

package/dist/use-match-device/use-match-device.types.d.ts

@@ -0,0 +1,7 @@
+export type Device = {
+    isMobile: boolean;
+    isTablet: boolean;
+    isMobileOrTablet: boolean;
+    isDesktop: boolean;
+};
+//# sourceMappingURL=use-match-device.types.d.ts.map

package/dist/use-match-device/use-match-device.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-match-device.types.d.ts","sourceRoot":"","sources":["../../src/use-match-device/use-match-device.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/use-match-device/use-match-device.types.js

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

package/dist/use-match-resolution/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-match-resolution";
+export * from "./use-match-resolution.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/use-match-resolution/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-match-resolution/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}

package/dist/use-match-resolution/index.js

@@ -0,0 +1,2 @@
+export * from "./use-match-resolution";
+export * from "./use-match-resolution.types";

package/dist/use-match-resolution/use-match-resolution.d.ts

@@ -0,0 +1,4 @@
+import { Breakpoints, MatchResolution } from "./use-match-resolution.types";
+export declare const defaultBreakpoints: Breakpoints;
+export declare const useMatchResolution: (breakpoints?: Breakpoints, UA?: string) => MatchResolution;
+//# sourceMappingURL=use-match-resolution.d.ts.map

package/dist/use-match-resolution/use-match-resolution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-match-resolution.d.ts","sourceRoot":"","sources":["../../src/use-match-resolution/use-match-resolution.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAc,MAAM,8BAA8B,CAAC;AAGxF,eAAO,MAAM,kBAAkB,EAAE,WAchC,CAAC;AAYF,eAAO,MAAM,kBAAkB,iBAChB,WAAW,OACpB,MAAM,KACT,eAsCF,CAAC"}

package/dist/use-match-resolution/use-match-resolution.js

@@ -0,0 +1,49 @@
+import { useEffect, useState } from "react";
+import { useMatchDevice } from "..";
+export const defaultBreakpoints = {
+    desktop: "(min-width: 1281px)",
+    laptop: "(min-width: 1025px) and (max-width: 1280px)",
+    laptopOrUpper: "(min-width: 1025px)",
+    laptopOrLower: "(max-width: 1280px)",
+    tablet: "(min-width: 768px) and (max-width: 1024px)",
+    tabletOrUpper: "(min-width: 768px)",
+    tabletOrLower: "(max-width: 1024px)",
+    largeMobile: "(min-width: 481px) and (max-width: 767px)",
+    largeMobileOrUpper: "(min-width: 481px)",
+    largeMobileOrLower: "(max-width: 767px)",
+    mobile: "(min-width: 320px) and (max-width: 480px)",
+    portrait: "(orientation: portrait)",
+    landscape: "(orientation: landscape)",
+};
+export const useMatchResolution = (breakpoints = defaultBreakpoints, UA = "") => {
+    const isClientSide = typeof window !== "undefined";
+    const { isDesktop, isMobile } = useMatchDevice(UA);
+    const match = (query) => isClientSide && window.matchMedia(query).matches;
+    const compute = () => ({
+        isDesktop: isClientSide ? match(breakpoints.desktop) : isDesktop,
+        isLaptop: isClientSide ? match(breakpoints.laptop) : isDesktop,
+        isLaptopOrUpper: isClientSide ? match(breakpoints.laptopOrUpper) : isDesktop,
+        isLaptopOrLower: isClientSide ? match(breakpoints.laptopOrLower) : false,
+        isTablet: isClientSide ? match(breakpoints.tablet) : isMobile,
+        isTabletOrUpper: isClientSide ? match(breakpoints.tabletOrUpper) : false,
+        isTabletOrLower: isClientSide ? match(breakpoints.tabletOrLower) : isMobile,
+        isLargeMobile: isClientSide ? match(breakpoints.largeMobile) : isMobile,
+        isLargeMobileOrUpper: isClientSide ? match(breakpoints.largeMobileOrUpper) : false,
+        isLargeMobileOrLower: isClientSide ? match(breakpoints.largeMobileOrLower) : isMobile,
+        isMobile: isClientSide ? match(breakpoints.mobile) : isMobile,
+        isPortrait: isClientSide ? match(breakpoints.portrait) : false,
+        isLandscape: isClientSide ? match(breakpoints.landscape) : false,
+    });
+    const [resolution, setResolution] = useState(compute());
+    useEffect(() => {
+        const onResize = () => setResolution(compute());
+        window.addEventListener("resize", onResize);
+        return () => {
+            window.removeEventListener("resize", onResize);
+        };
+    }, []);
+    useEffect(() => {
+        setResolution(compute());
+    }, [breakpoints]);
+    return { resolution, breakpoints, match };
+};

package/dist/use-match-resolution/use-match-resolution.types.d.ts

@@ -0,0 +1,36 @@
+export type Breakpoints = {
+    desktop: string;
+    laptop: string;
+    laptopOrUpper: string;
+    laptopOrLower: string;
+    tablet: string;
+    tabletOrUpper: string;
+    tabletOrLower: string;
+    largeMobile: string;
+    largeMobileOrUpper: string;
+    largeMobileOrLower: string;
+    mobile: string;
+    portrait: string;
+    landscape: string;
+};
+export type Resolution = {
+    isDesktop: boolean;
+    isLaptop: boolean;
+    isLaptopOrUpper: boolean;
+    isLaptopOrLower: boolean;
+    isTablet: boolean;
+    isTabletOrUpper: boolean;
+    isTabletOrLower: boolean;
+    isLargeMobile: boolean;
+    isLargeMobileOrUpper: boolean;
+    isLargeMobileOrLower: boolean;
+    isMobile: boolean;
+    isPortrait: boolean;
+    isLandscape: boolean;
+};
+export type MatchResolution = {
+    resolution: Resolution;
+    breakpoints: Breakpoints;
+    match: (query: string) => boolean;
+};
+//# sourceMappingURL=use-match-resolution.types.d.ts.map

package/dist/use-match-resolution/use-match-resolution.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-match-resolution.types.d.ts","sourceRoot":"","sources":["../../src/use-match-resolution/use-match-resolution.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACnC,CAAC"}

package/dist/use-match-resolution/use-match-resolution.types.js

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

package/dist/use-outside-alerter/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-outside-alerter";
+export * from "./use-outside-alerter.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/use-outside-alerter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-outside-alerter/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}

package/dist/use-outside-alerter/index.js

@@ -0,0 +1,2 @@
+export * from "./use-outside-alerter";
+export * from "./use-outside-alerter.types";

package/dist/use-outside-alerter/use-outside-alerter.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+import { OutsideAlerter } from "./use-outside-alerter.types";
+export declare const useOutsideAlerter: (ref: RefObject<HTMLElement>) => OutsideAlerter;
+//# sourceMappingURL=use-outside-alerter.d.ts.map

package/dist/use-outside-alerter/use-outside-alerter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-outside-alerter.d.ts","sourceRoot":"","sources":["../../src/use-outside-alerter/use-outside-alerter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAY,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAAS,SAAS,CAAC,WAAW,CAAC,KAAG,cAyB/D,CAAC"}

package/dist/use-outside-alerter/use-outside-alerter.js

@@ -0,0 +1,22 @@
+import { useEffect, useState } from "react";
+export const useOutsideAlerter = (ref) => {
+    const [hasClickedOutside, setClickedOutside] = useState(false);
+    const handleOnReset = () => {
+        setClickedOutside(false);
+    };
+    useEffect(() => {
+        const handleOnClickOutside = (event) => {
+            if (event.target && ref.current) {
+                const value = !ref.current.contains(event.target);
+                if (value !== hasClickedOutside) {
+                    setClickedOutside(value);
+                }
+            }
+        };
+        document.addEventListener("mousedown", handleOnClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleOnClickOutside);
+        };
+    }, [ref, hasClickedOutside]);
+    return { hasClickedOutside, onReset: handleOnReset };
+};

package/dist/use-outside-alerter/use-outside-alerter.types.d.ts

@@ -0,0 +1,5 @@
+export type OutsideAlerter = {
+    hasClickedOutside: boolean;
+    onReset: () => void;
+};
+//# sourceMappingURL=use-outside-alerter.types.d.ts.map

package/dist/use-outside-alerter/use-outside-alerter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-outside-alerter.types.d.ts","sourceRoot":"","sources":["../../src/use-outside-alerter/use-outside-alerter.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/dist/use-outside-alerter/use-outside-alerter.types.js

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

package/dist/use-pagination/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-pagination";
+export * from "./use-pagination.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/use-pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dist/use-pagination/index.js

@@ -0,0 +1,2 @@
+export * from "./use-pagination";
+export * from "./use-pagination.types";

package/dist/use-pagination/use-pagination.d.ts

@@ -0,0 +1,11 @@
+import { PaginationData } from "./use-pagination.types";
+type Props = {
+    page: number;
+    totalRecords: number;
+    maxRecordsPerPage?: number;
+    itemNeighbours?: number;
+    minItems?: number;
+};
+export declare const usePagination: (props: Props) => PaginationData;
+export {};
+//# sourceMappingURL=use-pagination.d.ts.map

package/dist/use-pagination/use-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../src/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAkBF,eAAO,MAAM,aAAa,UAAW,KAAK,KAAG,cA0D5C,CAAC"}

package/dist/use-pagination/use-pagination.js

@@ -0,0 +1,49 @@
+import { useEffect, useState } from "react";
+export const usePagination = (props) => {
+    const { totalRecords, itemNeighbours = 2, minItems = 5, maxRecordsPerPage = 10 } = props;
+    const [page, setPage] = useState(props.page);
+    const [total, setTotal] = useState(0);
+    const [items, setItems] = useState([]);
+    const generateItems = () => {
+        const items = [];
+        const from = Math.max(1, Math.min(page - itemNeighbours, total + 1 - minItems));
+        const to = Math.min(total, Math.max(minItems, page + itemNeighbours));
+        for (let i = from; i <= to; i++) {
+            items.push(i);
+        }
+        return items;
+    };
+    useEffect(() => {
+        setTotal(Math.ceil(totalRecords / maxRecordsPerPage));
+    }, [totalRecords, maxRecordsPerPage]);
+    useEffect(() => {
+        setItems(generateItems());
+    }, [page, total, itemNeighbours, minItems]);
+    const goToPage = (page) => {
+        const currentPage = Math.max(1, Math.min(page, total));
+        setPage(currentPage);
+    };
+    const goToFirst = () => {
+        goToPage(1);
+    };
+    const goToLeft = () => {
+        goToPage(page - 1);
+    };
+    const goToRight = () => {
+        goToPage(page + 1);
+    };
+    const goToLast = () => {
+        goToPage(total);
+    };
+    return {
+        page,
+        total,
+        items,
+        maxRecordsPerPage,
+        goToPage,
+        goToFirst,
+        goToLeft,
+        goToRight,
+        goToLast,
+    };
+};

package/dist/use-pagination/use-pagination.types.d.ts

@@ -0,0 +1,12 @@
+export type PaginationData = {
+    page: number;
+    total: number;
+    items: number[];
+    maxRecordsPerPage: number;
+    goToPage: (page: number) => void;
+    goToFirst: () => void;
+    goToLeft: () => void;
+    goToRight: () => void;
+    goToLast: () => void;
+};
+//# sourceMappingURL=use-pagination.types.d.ts.map

package/dist/use-pagination/use-pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.types.d.ts","sourceRoot":"","sources":["../../src/use-pagination/use-pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}

package/dist/use-pagination/use-pagination.types.js

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

package/dist/use-scroll-to/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-scroll-to";
+export * from "./use-scroll-to.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/use-scroll-to/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-scroll-to/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/dist/use-scroll-to/index.js

@@ -0,0 +1,2 @@
+export * from "./use-scroll-to";
+export * from "./use-scroll-to.types";

package/dist/use-scroll-to/use-scroll-to.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+import { ScrollEvents } from "./use-scroll-to.types";
+export declare const useScrollTo: (target: RefObject<HTMLElement>) => ScrollEvents;
+//# sourceMappingURL=use-scroll-to.d.ts.map

package/dist/use-scroll-to/use-scroll-to.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-to.d.ts","sourceRoot":"","sources":["../../src/use-scroll-to/use-scroll-to.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASrD,eAAO,MAAM,WAAW,WAAY,SAAS,CAAC,WAAW,CAAC,KAAG,YAc5D,CAAC"}

package/dist/use-scroll-to/use-scroll-to.js

@@ -0,0 +1,12 @@
+export const useScrollTo = (target) => {
+    const isClientSide = typeof window !== "undefined";
+    if (!isClientSide) {
+        return { scrollToTop: () => null };
+    }
+    const scrollToTop = () => {
+        if (target.current) {
+            window.scrollTo(0, target.current.offsetTop);
+        }
+    };
+    return { scrollToTop };
+};

package/dist/use-scroll-to/use-scroll-to.types.d.ts

@@ -0,0 +1,4 @@
+export type ScrollEvents = {
+    scrollToTop: () => void;
+};
+//# sourceMappingURL=use-scroll-to.types.d.ts.map

package/dist/use-scroll-to/use-scroll-to.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-to.types.d.ts","sourceRoot":"","sources":["../../src/use-scroll-to/use-scroll-to.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC"}

package/dist/use-scroll-to/use-scroll-to.types.js

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

package/dist/use-visible/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-visible";
+//# sourceMappingURL=index.d.ts.map

package/dist/use-visible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-visible/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/use-visible/index.js

@@ -0,0 +1 @@
+export * from "./use-visible";

package/dist/use-visible/use-visible.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export declare const useVisible: (target: RefObject<HTMLElement>) => boolean;
+//# sourceMappingURL=use-visible.d.ts.map

package/dist/use-visible/use-visible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-visible.d.ts","sourceRoot":"","sources":["../../src/use-visible/use-visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvD,eAAO,MAAM,UAAU,WAAY,SAAS,CAAC,WAAW,CAAC,KAAG,OAsB3D,CAAC"}

package/dist/use-visible/use-visible.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from "react";
+export const useVisible = (target) => {
+    const [isVisible, setVisibility] = useState(false);
+    const handleObserver = (entry) => {
+        setVisibility(entry.isIntersecting);
+    };
+    useEffect(() => {
+        const observer = new IntersectionObserver(([entry]) => handleObserver(entry));
+        if (target && target.current) {
+            observer.observe(target.current);
+        }
+        return () => {
+            if (target && target.current) {
+                observer.unobserve(target.current);
+            }
+        };
+    }, [target]);
+    return isVisible;
+};

package/dist/wizard/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./wizard";
+export * from "./wizard.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/wizard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/wizard/index.js

@@ -0,0 +1,2 @@
+export * from "./wizard";
+export * from "./wizard.types";

package/dist/wizard/wizard.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from "react";
+import { StepProps } from "./wizard.types";
+type Props = {
+    children: ReactElement[];
+    step?: number;
+    renderHeader?: (props: StepProps) => ReactElement;
+    renderFooter?: (props: StepProps) => ReactElement;
+};
+export declare const Wizard: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=wizard.d.ts.map

package/dist/wizard/wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.d.ts","sourceRoot":"","sources":["../../src/wizard/wizard.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,YAAY,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,YAAY,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,KAAK,4CAiClC,CAAC"}

package/dist/wizard/wizard.js

@@ -0,0 +1,27 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+export const Wizard = (props) => {
+    const { children, renderHeader, renderFooter } = props;
+    const [step, setStep] = useState(1);
+    const totalSteps = React.Children.count(children);
+    const [isFirstPage, setFirstPage] = useState(false);
+    const [isLastPage, setLastPage] = useState(false);
+    useEffect(() => {
+        if (props.step <= totalSteps)
+            setStep(props.step);
+    }, [props.step]);
+    useEffect(() => {
+        setFirstPage(step === 1);
+        setLastPage(step === totalSteps);
+    }, [step]);
+    const currentPage = React.Children.toArray(children)[step - 1];
+    const nextStep = () => {
+        if (step < totalSteps)
+            setStep(step + 1);
+    };
+    const previousStep = () => {
+        if (step > 1)
+            setStep(step - 1);
+    };
+    return (_jsxs("div", { children: [renderHeader({ step, previousStep, nextStep, isFirstPage, isLastPage }), React.cloneElement(currentPage), renderFooter({ step, previousStep, nextStep, isFirstPage, isLastPage })] }));
+};

package/dist/wizard/wizard.types.d.ts

@@ -0,0 +1,8 @@
+export type StepProps = {
+    step: number;
+    previousStep: () => void;
+    nextStep: () => void;
+    isFirstPage: boolean;
+    isLastPage: boolean;
+};
+//# sourceMappingURL=wizard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.types.d.ts","sourceRoot":"","sources":["../../src/wizard/wizard.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/wizard/wizard.types.js

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

package/doc/.nojekyll

@@ -0,0 +1 @@
+TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.

package/doc/assets/highlight.css

@@ -0,0 +1,22 @@
+:root {
+    --light-code-background: #FFFFFF;
+    --dark-code-background: #1E1E1E;
+}
+
+@media (prefers-color-scheme: light) { :root {
+    --code-background: var(--light-code-background);
+} }
+
+@media (prefers-color-scheme: dark) { :root {
+    --code-background: var(--dark-code-background);
+} }
+
+:root[data-theme='light'] {
+    --code-background: var(--light-code-background);
+}
+
+:root[data-theme='dark'] {
+    --code-background: var(--dark-code-background);
+}
+
+pre, code { background: var(--code-background); }