quicksnack 3.13.5 → 3.13.8

package/dist/UiProvider.d.ts

@@ -4,5 +4,5 @@ export declare type Theme = typeof theme;
 interface Props {
     theme?: Theme;
 }
-export declare const UiProvider: React.FC<Props>;
+export declare const UiProvider: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/UiProvider.js

@@ -7,8 +7,12 @@ exports.UiProvider = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = require("styled-components");
 var theme_1 = require("./theme");
+// Fix for styled-components with react-18.
+// Can be removed once this issue is resolved.
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/59765#issuecomment-1092938253
+var ThemeProviderFixed = styled_components_1.ThemeProvider;
 var UiProvider = function (_a) {
     var children = _a.children, themeOverride = _a.theme;
-    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: themeOverride || theme_1.theme }, children));
+    return (react_1.default.createElement(ThemeProviderFixed, { theme: themeOverride || theme_1.theme }, children));
 };
 exports.UiProvider = UiProvider;

package/dist/UiStateProvider.d.ts

@@ -5,5 +5,5 @@ interface UiStateProps {
     openSideMenu: () => void;
 }
 export declare const useUiStateContext: () => UiStateProps;
-export declare const UiStateProvider: React.FC;
+export declare const UiStateProvider: React.FC<React.PropsWithChildren<unknown>>;
 export {};

package/dist/UiStateProvider.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/UiWrapper.d.ts

@@ -3,5 +3,5 @@ import { UiProvider } from "./UiProvider";
 interface Props {
     theme?: React.ComponentProps<typeof UiProvider>['theme'];
 }
-export declare const UiWrapper: React.FC<Props>;
+export declare const UiWrapper: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/animation/SlideInFromTop/SlideInFromTop.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/animation/SlideOpen/SlideOpen.d.ts

@@ -5,5 +5,5 @@ interface Props {
     isOpen: boolean;
 }
 export declare const useOnNextTick: <T>(val: T) => T;
-export declare const SlideOpen: React.FC<Props>;
+export declare const SlideOpen: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Alert/Alert.d.ts

@@ -4,5 +4,5 @@ interface Props {
     title?: string | JSX.Element;
     variant?: keyof Theme['palette']['pane'];
 }
-export declare const Alert: React.FC<Props>;
+export declare const Alert: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Box/Box.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/CollapsiblePanel/CollapsiblePanel.d.ts

@@ -3,5 +3,5 @@ import { PanelProps } from "../Panel/Panel";
 interface Props extends PanelProps {
     isInitiallyOpen: boolean;
 }
-export declare const CollapsiblePanel: React.FC<Props>;
+export declare const CollapsiblePanel: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/CollapsiblePanel/CollapsiblePanel.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/ConfirmButton/ConfirmButton.d.ts

@@ -4,5 +4,5 @@ import { Button } from "../../form/Button/Button";
 interface Props extends React.ComponentProps<typeof Button> {
     modalProps: Partial<React.ComponentProps<typeof ConfirmModal>>;
 }
-export declare const ConfirmButton: React.FC<Props>;
+export declare const ConfirmButton: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/ConfirmModal/ConfirmModal.d.ts

@@ -11,5 +11,5 @@ interface Props {
     onConfirm: () => void;
     onCancel: () => void;
 }
-export declare const ConfirmModal: React.FC<Props>;
+export declare const ConfirmModal: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Details/Details.d.ts

@@ -3,5 +3,5 @@ interface Props {
     firstColumnWidth: string;
     details: Record<string, number | string | JSX.Element>;
 }
-export declare const Details: React.FC<Props>;
+export declare const Details: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Details/Details.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Dropdown/Dropdown.d.ts

@@ -6,5 +6,5 @@ interface Props {
 }
 export declare const DropdownMenu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 export declare const DropdownMenuItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
-export declare const Dropdown: React.FC<Props>;
+export declare const Dropdown: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Dropdown/Dropdown.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -50,12 +54,12 @@ var Dropdown = function (_a) {
     var handleClose = (0, react_1.useCallback)(function () { return setIsOpen(false); }, [setIsOpen]);
     react_1.default.useEffect(function () {
         if (isOpen) {
-            document.addEventListener('click', handleClose);
+            setTimeout(function () { return document.addEventListener('click', handleClose); }, 1);
         }
         return function () {
             document.removeEventListener('click', handleClose);
         };
-    }, [isOpen]);
+    }, [isOpen, handleClose]);
     return (react_1.default.createElement(Wrapper, null,
         react_1.default.createElement(Button_1.Button, __assign({}, buttonProps, { onClick: handleOpen })),
         isOpen && (react_1.default.createElement(SlideInFromTop_1.SlideInFromTop, { speed: '.1s' },

package/dist/components/Dropzone/Dropzone.d.ts

@@ -4,5 +4,5 @@ interface Props extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     icon?: JSX.Element;
     label: string;
 }
-export declare const Dropzone: React.FC<Props>;
+export declare const Dropzone: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Dropzone/Dropzone.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Floater/Floater.d.ts

@@ -1,9 +1,14 @@
 import { BoxProps } from "../Box/Box";
 import React from "react";
+interface ItemWithElement {
+    element: JSX.Element;
+    stretch?: boolean;
+    forceEqualWidth?: boolean;
+}
 interface Props extends BoxProps {
     stretch?: boolean;
     forceEqualWidth?: boolean;
-    items: Array<JSX.Element | false | {}>;
+    items: Array<JSX.Element | false | ItemWithElement>;
 }
-export declare const Floater: React.FC<Props>;
+export declare const Floater: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Floater/Floater.js

@@ -41,7 +41,7 @@ var Floater = function (_a) {
         .filter(Boolean)
         .map(function (item, i) {
         return hasElement(item)
-            ? (react_1.default.createElement(FloaterItem_1.FloaterItem, { key: i, laptopWidth: item.forceEqualWidth ? "".concat(100 / items.length, "%") : undefined, stretch: item.stretch }, item.element))
+            ? (react_1.default.createElement(FloaterItem_1.FloaterItem, { key: i, laptopWidth: item.forceEqualWidth ? "".concat(100 / items.length, "%") : undefined, stretch: item.stretch || false }, item.element))
             : react_1.default.createElement(FloaterItem_1.FloaterItem, { key: i, laptopWidth: forceEqualWidth ? "".concat(100 / items.length, "%") : undefined, stretch: stretch }, item);
     }));
 };

package/dist/components/Floater/FloaterItem.d.ts

@@ -4,5 +4,5 @@ interface Props extends BoxProps {
     laptopWidth?: string;
     stretch: boolean;
 }
-export declare const FloaterItem: React.FC<Props>;
+export declare const FloaterItem: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Footer/Footer.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const Footer: React.FC;
+export declare const Footer: React.FC<React.PropsWithChildren<unknown>>;

package/dist/components/HorizontalScroller/HorizontalScroller.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const HorizontalScroller: React.FC;
+export declare const HorizontalScroller: React.FC<React.PropsWithChildren<unknown>>;

package/dist/components/Menu/HamburgerButton.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const HamburgerButton: import("styled-components").StyledComponent<import("react").FC<import("../../form/Button/Button").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const HamburgerButton: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("../../form/Button/Button").ButtonProps>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Menu/Menu.d.ts

@@ -5,5 +5,5 @@ interface Props {
     isActive?: boolean;
 }
 export declare const Menu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare const MenuItem: React.FC<Props>;
+export declare const MenuItem: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Menu/Menu.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Menu/MenuCloseButton.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const MenuCloseButton: import("styled-components").StyledComponent<import("react").FC<import("../../form/Button/Button").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const MenuCloseButton: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("../../form/Button/Button").ButtonProps>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Menu/MenuSlideOpenIndicator.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const MenuSlideOpenIndicator: React.FC;
+export declare const MenuSlideOpenIndicator: React.FC<React.PropsWithChildren<unknown>>;

package/dist/components/Menu/SideBar.d.ts

@@ -6,5 +6,5 @@ declare type SideBarProps = {
     minWidth?: number;
 };
 export declare const StyledSidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & SideBarProps, never>;
-export declare const SideBar: React.FC<SideBarProps>;
+export declare const SideBar: React.FC<React.PropsWithChildren<SideBarProps>>;
 export {};

package/dist/components/Menu/SideBar.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Menu/SideBarHeader.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface Props {
     right?: string | JSX.Element;
 }
-export declare const SideBarHeader: React.FC<Props>;
+export declare const SideBarHeader: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Menu/SideBarHeader.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Modal/Modal.d.ts

@@ -4,5 +4,5 @@ interface Props extends React.ComponentProps<typeof Panel> {
     handleClickOverlay: () => void;
     buttons?: JSX.Element;
 }
-export declare const Modal: React.FC<Props>;
+export declare const Modal: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Overlay/Overlay.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Paginator/Paginator.d.ts

@@ -4,5 +4,5 @@ interface Props {
     currentPage: number;
     pageCount: number;
 }
-export declare const Paginator: React.FC<Props>;
+export declare const Paginator: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Panel/Panel.d.ts

@@ -10,4 +10,4 @@ export interface PanelProps {
     footer?: string | JSX.Element;
     titleAction?: string | JSX.Element;
 }
-export declare const Panel: React.FC<PanelProps>;
+export declare const Panel: React.FC<React.PropsWithChildren<PanelProps>>;

package/dist/components/Panel/Panel.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Section/Section.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { BoxProps } from "../Box/Box";
-export declare const Section: React.FC<BoxProps>;
+export declare const Section: React.FC<React.PropsWithChildren<BoxProps>>;

package/dist/components/Statistic/Statistic.d.ts

@@ -6,5 +6,5 @@ interface Props {
     label: string;
     backgroundColor: keyof Theme['palette']['colors'];
 }
-export declare const Statistic: React.FC<Props>;
+export declare const Statistic: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/Table/Table.d.ts

@@ -15,7 +15,7 @@ interface HeadCellProps {
     width?: number | string;
 }
 declare const StyledTableHeadCell: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, HeadCellProps, never>;
-export declare const Table: React.FC<TableProps> & {
+export declare const Table: React.FC<React.PropsWithChildren<TableProps>> & {
     Row: typeof StyledTableRow;
     Cell: typeof TableCell;
     HeadCell: typeof StyledTableHeadCell;
@@ -23,5 +23,5 @@ export declare const Table: React.FC<TableProps> & {
 interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
     variant?: keyof Theme['palette']['pane'];
 }
-declare const TableCell: React.FC<TableCellProps>;
+declare const TableCell: React.FC<React.PropsWithChildren<TableCellProps>>;
 export {};

package/dist/components/Table/Table.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Tabs/Tab.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/components/Tabs/TabContent.d.ts

@@ -1,3 +1,3 @@
 import { BoxProps } from "../Box/Box";
 import React from "react";
-export declare const TabContent: React.FC<BoxProps>;
+export declare const TabContent: React.FC<React.PropsWithChildren<BoxProps>>;

package/dist/components/Timeline/Timeline.d.ts

@@ -7,5 +7,5 @@ interface Props {
     chevron: string | JSX.Element;
     color: string;
 }
-export declare const Timeline: React.FC<Props>;
+export declare const Timeline: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/TopBar/TopBar.d.ts

@@ -3,5 +3,5 @@ interface Props {
     left?: JSX.Element | string;
     right?: JSX.Element | string;
 }
-export declare const TopBar: React.FC<Props>;
+export declare const TopBar: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/fonts.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/form/Button/Button.d.ts

@@ -7,5 +7,5 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
     hasChildren?: boolean;
     actionButton?: boolean;
 }
-export declare const Button: React.FC<ButtonProps>;
+export declare const Button: React.FC<React.PropsWithChildren<ButtonProps>>;
 export {};

package/dist/form/Button/Button.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/form/Checkbox/Checkbox.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface Props extends React.InputHTMLAttributes<any> {
     options: Record<string, string>;
 }
-export declare const Checkbox: React.FC<Props>;
+export declare const Checkbox: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/form/FileField/FileField.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/form/ScaffoldForm/FormGrid/FormGrid.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/form/ScaffoldForm/FormGrid/FormGridCell.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/form/ScaffoldForm/FormGrid/FormGridWrapper.d.ts

@@ -7,4 +7,4 @@ export interface FormGridWrapperProps extends FormGridCellProps {
     error?: string | JSX.Element;
 }
 export declare const getFormGridWrapperProps: ({ position, align, label, hint, error, isRequired }: FormGridWrapperProps) => FormGridWrapperProps;
-export declare const FormGridWrapper: React.FC<FormGridWrapperProps>;
+export declare const FormGridWrapper: React.FC<React.PropsWithChildren<FormGridWrapperProps>>;

package/dist/form/ScaffoldForm/ScaffoldField.d.ts

@@ -5,5 +5,5 @@ export declare type Props = {
     field: ScaffoldAvailableFields;
     [key: string]: any;
 };
-declare const ScaffoldField: React.FC<Props>;
+declare const ScaffoldField: React.FC<React.PropsWithChildren<Props>>;
 export default ScaffoldField;

package/dist/form/ScaffoldForm/ScaffoldForm.d.ts

@@ -7,4 +7,4 @@ export interface ScaffoldFormProps extends FormGridProps {
     prefixFieldNames?: string;
     [key: string]: any;
 }
-export declare const ScaffoldForm: React.FC<ScaffoldFormProps>;
+export declare const ScaffoldForm: React.FC<React.PropsWithChildren<ScaffoldFormProps>>;

package/dist/form/ScaffoldForm/ScaffoldFormProvider.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ScaffoldAvailableFields } from "./types";
 export interface ScaffoldFormContextConfig {
-    factory?: (componentType: ScaffoldAvailableFields) => React.ComponentType<any> | undefined;
+    factory?: (componentType: ScaffoldAvailableFields) => React.ComponentType<React.PropsWithChildren<any>> | undefined;
 }
 export declare const ScaffoldFormContext: React.Context<ScaffoldFormContextConfig>;
-export declare const ScaffoldFormProvider: React.FC<ScaffoldFormContextConfig>;
+export declare const ScaffoldFormProvider: React.FC<React.PropsWithChildren<ScaffoldFormContextConfig>>;

package/dist/form/Select/Select.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface Props extends React.SelectHTMLAttributes<any> {
     options: [string | number, string][] | Record<string | number, string>;
 }
-export declare const Select: React.FC<Props>;
+export declare const Select: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/form/TextField/TextField.d.ts

@@ -5,5 +5,5 @@ declare type Props = React.InputHTMLAttributes<any> & {
 } | React.TextareaHTMLAttributes<any> & {
     multiline: true;
 };
-export declare const TextField: React.FC<Props>;
+export declare const TextField: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/form/TextField/TextField.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/layouts/BasicLayout/BasicLayout.d.ts

@@ -9,5 +9,5 @@ interface Props {
     isLoading?: boolean;
     loader?: string | JSX.Element;
 }
-export declare const BasicLayout: React.FC<Props>;
+export declare const BasicLayout: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/layouts/FloatingPanelLayout/FloatingPanelLayout.d.ts

@@ -6,5 +6,5 @@ interface Props {
     panelProps: React.ComponentProps<typeof Panel>;
     alert?: JSX.Element;
 }
-export declare const FloatingPanelLayout: React.FC<Props>;
+export declare const FloatingPanelLayout: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/typography/Header/Header.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface Props extends React.HTMLAttributes<HTMLHeadingElement> {
     level?: 1 | 2 | 3 | 4 | 5;
 }
-export declare const Header: React.FC<Props>;
+export declare const Header: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/typography/Header/Header.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.13.5",
+  "version": "3.13.8",
   "private": false,
   "files": [
     "dist/**"
@@ -43,41 +43,44 @@
     "clsx": "1.1.1",
     "immer": "9.0.12",
     "lodash.difference": "4.5.0",
-    "polished": "4.1.4"
+    "polished": "4.2.2"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "^17.0.1 || ^18.0.0",
+    "react-dom": "^17.0.1 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
+  "resolutions": {
+    "@types/react": "17.0.43"
+  },
   "devDependencies": {
     "@semantic-release/git": "10.0.1",
-    "@semantic-release/gitlab": "7.0.4",
-    "@semantic-release/npm": "9.0.0",
-    "@storybook/addon-actions": "6.4.19",
-    "@storybook/addon-essentials": "6.4.19",
-    "@storybook/addon-links": "6.4.19",
-    "@storybook/builder-webpack5": "6.4.19",
-    "@storybook/manager-webpack5": "6.4.19",
-    "@storybook/node-logger": "6.4.19",
-    "@storybook/preset-create-react-app": "4.0.1",
-    "@storybook/react": "6.4.19",
-    "@testing-library/jest-dom": "5.16.2",
-    "@testing-library/react": "12.1.3",
+    "@semantic-release/gitlab": "7.2.1",
+    "@semantic-release/npm": "9.0.1",
+    "@storybook/addon-actions": "6.4.22",
+    "@storybook/addon-essentials": "6.4.22",
+    "@storybook/addon-links": "6.4.22",
+    "@storybook/builder-webpack5": "6.4.22",
+    "@storybook/manager-webpack5": "6.4.22",
+    "@storybook/node-logger": "6.4.22",
+    "@storybook/preset-create-react-app": "4.1.0",
+    "@storybook/react": "6.4.22",
+    "@testing-library/jest-dom": "5.16.4",
+    "@testing-library/react": "12.1.5",
     "@testing-library/user-event": "13.5.0",
-    "@types/jest": "27.4.0",
-    "@types/lodash": "4.14.178",
-    "@types/node": "16.11.25",
-    "@types/react": "17.0.39",
-    "@types/react-dom": "17.0.11",
-    "@types/styled-components": "5.1.22",
-    "babel-loader": "8.2.3",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "@types/jest": "27.5.0",
+    "@types/lodash": "4.14.182",
+    "@types/node": "16.11.33",
+    "@types/react": "18.0.9",
+    "@types/react-dom": "18.0.3",
+    "@types/styled-components": "5.1.25",
+    "babel-loader": "8.2.5",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-icons": "4.3.1",
-    "react-scripts": "5.0.0",
+    "react-scripts": "5.0.1",
     "semantic-release": "19.0.2",
-    "styled-components": "5.3.3",
-    "typescript": "4.5.5"
+    "styled-components": "5.3.5",
+    "typescript": "4.6.4"
   }
 }