@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/esm/Drawer/helper.d.ts

@@ -1,9 +1,7 @@
-declare const drawerPlacement: ["top", "right", "bottom", "left"];
-export type DrawerPlacement = typeof drawerPlacement[number];
+export type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left';
 export type DrawerTranslateItem = {
     initial: string;
     hidden: string;
     visible: string;
 };
 export declare const getDrawerTransform: (placement: DrawerPlacement) => DrawerTranslateItem;
-export {};

package/esm/Drawer/index.js

@@ -1,9 +1,22 @@
 'use client';
-import Drawer from './Drawer';
-import ModalTitle from '../Modal/ModalTitle';
-import ModalSubtitle from '../Modal/ModalSubtitle';
-import ModalContent from '../Modal/ModalContent';
-Drawer.Title = ModalTitle;
-Drawer.Subtitle = ModalSubtitle;
-Drawer.Content = ModalContent;
-export default Drawer;
+import {
+  Drawer_default
+} from "../chunk-PGQYW6YF.js";
+import "../chunk-TKIUVNKP.js";
+import "../chunk-O3RTRCY5.js";
+import "../chunk-F3AL4TQZ.js";
+import "../chunk-LDTDMDE6.js";
+import "../chunk-BXDUHMWS.js";
+import "../chunk-ZRORQ2WH.js";
+import "../chunk-33BUV2RX.js";
+import "../chunk-GGD4BGH2.js";
+import "../chunk-MAICNLTY.js";
+import "../chunk-UX2B3G6U.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+import "../chunk-5KUROAEP.js";
+export {
+  Drawer_default as default
+};

package/esm/EmptyState/EmptyState.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface Props {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type EmptyStateProps = Props & NativeAttrs;
+declare const EmptyState: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & NativeAttrs & React.RefAttributes<HTMLDivElement>>;
+export default EmptyState;

package/esm/EmptyState/index.d.ts

@@ -0,0 +1,3 @@
+import EmptyState from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+export default EmptyState;

package/esm/EmptyState/index.js

@@ -0,0 +1,14 @@
+'use client';
+import {
+  EmptyState_default
+} from "../chunk-DAZ2GHNP.js";
+import "../chunk-MAICNLTY.js";
+import "../chunk-UX2B3G6U.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+import "../chunk-5KUROAEP.js";
+export {
+  EmptyState_default as default
+};

package/esm/Fieldset/Fieldset.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import type { AnyElement } from '../utils/types';
 interface Props {
     value?: string;
     label?: string;
@@ -6,9 +7,9 @@ interface Props {
     subtitle?: string | ReactNode;
     className?: string;
 }
-type NativeAttrs = Omit<React.FieldsetHTMLAttributes<any>, keyof Props>;
+type NativeAttrs = Omit<React.FieldsetHTMLAttributes<AnyElement>, keyof Props>;
 export type FieldsetProps = Props & NativeAttrs;
 declare const Fieldset: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & NativeAttrs & {
-    children?: React.ReactNode;
+    children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default Fieldset;

package/esm/Fieldset/FieldsetContent.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+import type { AnyElement } from '../utils/types';
 interface Props {
     className?: string;
 }
-type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof Props>;
 export type FieldsetContentProps = Props & NativeAttrs;
 declare const FieldsetContent: import("../use-scale/with-scale").ScaleComponent<unknown, Props & NativeAttrs & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }>;
 export default FieldsetContent;

package/esm/Fieldset/FieldsetFooter.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+import type { AnyElement } from '../utils/types';
 interface Props {
     className?: string;
 }
-type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof Props>;
 export type FieldsetFooterProps = Props & NativeAttrs;
 declare const FieldsetFooter: import("../use-scale/with-scale").ScaleComponent<unknown, Props & NativeAttrs & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }>;
 export default FieldsetFooter;

package/esm/Fieldset/FieldsetGroup.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
+import type { AnyElement } from '../utils/types';
 interface Props {
     value: string;
     className?: string;
     onChange?: (value: string) => void;
 }
-type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof Props>;
 export type FieldsetGroupProps = Props & NativeAttrs;
 declare const FieldsetGroup: import("../use-scale/with-scale").ScaleComponent<unknown, Props & NativeAttrs & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }>;
 export default FieldsetGroup;

package/esm/Fieldset/index.js

@@ -1,14 +1,17 @@
 'use client';
-import Fieldset from './Fieldset';
-import FieldsetTitle from './FieldsetTitle';
-import FieldsetSubtitle from './FieldsetSubtitle';
-import FieldsetFooter from './FieldsetFooter';
-import FieldsetGroup from './FieldsetGroup';
-import FieldsetContent from './FieldsetContent';
-Fieldset.Title = FieldsetTitle;
-Fieldset.Subtitle = FieldsetSubtitle;
-Fieldset.Footer = FieldsetFooter;
-Fieldset.Group = FieldsetGroup;
-Fieldset.Content = FieldsetContent;
-Fieldset.Body = FieldsetContent;
-export default Fieldset;
+import {
+  Fieldset_default
+} from "../chunk-WXW7BYE7.js";
+import "../chunk-AXYDJGTN.js";
+import "../chunk-33BUV2RX.js";
+import "../chunk-GGD4BGH2.js";
+import "../chunk-MAICNLTY.js";
+import "../chunk-UX2B3G6U.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+import "../chunk-5KUROAEP.js";
+export {
+  Fieldset_default as default
+};

package/esm/Grid/BasicItem.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { GridJustify, GridDirection, GridAlignItems, GridAlignContent } from './GridTypes';
+import type { AnyElement } from '../utils/types';
 export type GridBreakpointsValue = number | boolean;
 export interface GridBasicComponentProps {
     xs?: GridBreakpointsValue;
@@ -13,9 +14,9 @@ export interface GridBasicComponentProps {
     alignContent?: GridAlignContent;
     className?: string;
 }
-type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof GridBasicComponentProps>;
+type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof GridBasicComponentProps>;
 export type GridBasicItemProps = GridBasicComponentProps & NativeAttrs;
 declare const GridBasicItem: React.ForwardRefExoticComponent<GridBasicComponentProps & NativeAttrs & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default GridBasicItem;

package/esm/Grid/Grid.d.ts

@@ -5,119 +5,117 @@ interface Props {
 }
 export type GridProps = Props & GridBasicItemProps;
 declare const Grid: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & import("./BasicItem").GridBasicComponentProps & {
-    children?: React.ReactNode;
-    slot?: string | undefined;
     style?: React.CSSProperties | undefined;
-    title?: string | undefined;
-    defaultChecked?: boolean | undefined;
+    slot?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    children?: React.ReactNode;
+    defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: "none" | "off" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
-    autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
+    tabIndex?: number | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
     role?: React.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    onToggle?: React.ToggleEventHandler<any> | undefined;
-    onBeforeToggle?: React.ToggleEventHandler<any> | undefined;
-    inert?: boolean | undefined;
-    "aria-activedescendant"?: string | undefined;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
+    "aria-flowto"?: string | undefined | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
     "aria-modal"?: (boolean | "true" | "false") | undefined;
     "aria-multiline"?: (boolean | "true" | "false") | undefined;
     "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
-    } | undefined;
+    } | undefined | undefined;
     onCopy?: React.ClipboardEventHandler<any> | undefined;
     onCopyCapture?: React.ClipboardEventHandler<any> | undefined;
     onCut?: React.ClipboardEventHandler<any> | undefined;
@@ -134,18 +132,18 @@ declare const Grid: import("../use-scale/with-scale").ScaleComponent<HTMLDivElem
     onFocusCapture?: React.FocusEventHandler<any> | undefined;
     onBlur?: React.FocusEventHandler<any> | undefined;
     onBlurCapture?: React.FocusEventHandler<any> | undefined;
-    onChange?: React.FormEventHandler<any> | undefined;
-    onChangeCapture?: React.FormEventHandler<any> | undefined;
+    onChange?: React.ChangeEventHandler<any, Element> | undefined;
+    onChangeCapture?: React.ChangeEventHandler<any, Element> | undefined;
     onBeforeInput?: React.InputEventHandler<any> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<any> | undefined;
-    onInput?: React.FormEventHandler<any> | undefined;
-    onInputCapture?: React.FormEventHandler<any> | undefined;
-    onReset?: React.FormEventHandler<any> | undefined;
-    onResetCapture?: React.FormEventHandler<any> | undefined;
-    onSubmit?: React.FormEventHandler<any> | undefined;
-    onSubmitCapture?: React.FormEventHandler<any> | undefined;
-    onInvalid?: React.FormEventHandler<any> | undefined;
-    onInvalidCapture?: React.FormEventHandler<any> | undefined;
+    onBeforeInputCapture?: React.InputEventHandler<any> | undefined;
+    onInput?: React.InputEventHandler<any> | undefined;
+    onInputCapture?: React.InputEventHandler<any> | undefined;
+    onReset?: React.ReactEventHandler<any> | undefined;
+    onResetCapture?: React.ReactEventHandler<any> | undefined;
+    onSubmit?: React.SubmitEventHandler<any> | undefined;
+    onSubmitCapture?: React.SubmitEventHandler<any> | undefined;
+    onInvalid?: React.ReactEventHandler<any> | undefined;
+    onInvalidCapture?: React.ReactEventHandler<any> | undefined;
     onLoad?: React.ReactEventHandler<any> | undefined;
     onLoadCapture?: React.ReactEventHandler<any> | undefined;
     onError?: React.ReactEventHandler<any> | undefined;
@@ -266,6 +264,8 @@ declare const Grid: import("../use-scale/with-scale").ScaleComponent<HTMLDivElem
     onLostPointerCaptureCapture?: React.PointerEventHandler<any> | undefined;
     onScroll?: React.UIEventHandler<any> | undefined;
     onScrollCapture?: React.UIEventHandler<any> | undefined;
+    onScrollEnd?: React.UIEventHandler<any> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<any> | undefined;
     onWheel?: React.WheelEventHandler<any> | undefined;
     onWheelCapture?: React.WheelEventHandler<any> | undefined;
     onAnimationStart?: React.AnimationEventHandler<any> | undefined;
@@ -274,15 +274,17 @@ declare const Grid: import("../use-scale/with-scale").ScaleComponent<HTMLDivElem
     onAnimationEndCapture?: React.AnimationEventHandler<any> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<any> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<any> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<any> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<any> | undefined;
+    onToggle?: React.ToggleEventHandler<any> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<any> | undefined;
     onTransitionCancel?: React.TransitionEventHandler<any> | undefined;
     onTransitionCancelCapture?: React.TransitionEventHandler<any> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<any> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<any> | undefined;
     onTransitionRun?: React.TransitionEventHandler<any> | undefined;
     onTransitionRunCapture?: React.TransitionEventHandler<any> | undefined;
     onTransitionStart?: React.TransitionEventHandler<any> | undefined;
     onTransitionStartCapture?: React.TransitionEventHandler<any> | undefined;
 } & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default Grid;