@koine/react 2.0.0-beta.5 → 2.0.0-beta.7

package/Breadcrumbs/Breadcrumbs.mjs

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { MdKeyboardArrowRight as IconDelimiter } from "react-icons/md";
 import styled, { css } from "styled-components";
@@ -58,21 +59,33 @@ export const KoineBreadcrumbs = ({ items = [], Link, ...props })=>{
     if (!items.length) {
         return null;
     }
-    return /*#__PURE__*/ React.createElement(Root, props, /*#__PURE__*/ React.createElement(Inner, null, items.map((item, idx)=>/*#__PURE__*/ React.createElement(Item, {
-            key: idx,
-            initial: {
-                opacity: 0,
-                x: 20
-            },
-            animate: {
-                opacity: 1,
-                x: 0,
-                transition: {
-                    delay: idx * 0.2
-                }
-            }
-        }, item.url && /*#__PURE__*/ React.createElement(ItemLink, {
-            as: Link,
-            href: item.url
-        }, titleCase(item.title)), !item.url && /*#__PURE__*/ React.createElement(ItemCurrent, null, titleCase(item.title)), idx < items.length - 1 && /*#__PURE__*/ React.createElement(ItemSeparator, null)))));
+    return /*#__PURE__*/ _jsx(Root, {
+        ...props,
+        children: /*#__PURE__*/ _jsx(Inner, {
+            children: items.map((item, idx)=>/*#__PURE__*/ _jsxs(Item, {
+                    initial: {
+                        opacity: 0,
+                        x: 20
+                    },
+                    animate: {
+                        opacity: 1,
+                        x: 0,
+                        transition: {
+                            delay: idx * 0.2
+                        }
+                    },
+                    children: [
+                        item.url && /*#__PURE__*/ _jsx(ItemLink, {
+                            as: Link,
+                            href: item.url,
+                            children: titleCase(item.title)
+                        }),
+                        !item.url && /*#__PURE__*/ _jsx(ItemCurrent, {
+                            children: titleCase(item.title)
+                        }),
+                        idx < items.length - 1 && /*#__PURE__*/ _jsx(ItemSeparator, {})
+                    ]
+                }, idx))
+        })
+    });
 };

package/Buttons/Button.d.ts

@@ -8,7 +8,7 @@ export declare const btnStyleReset: import("styled-components").FlattenSimpleInt
 export declare const btnStyleBase: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<KoineButtonUiProps, import("styled-components").DefaultTheme>>;
 export declare const btnStyleContained: import("styled-components").FlattenSimpleInterpolation;
 export declare const btnStyleOutlined: import("styled-components").FlattenSimpleInterpolation;
-export declare const KoineButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, KoineButtonUiProps, never>;
+export declare const KoineButton: any;
 export type KoineButtonUiProps = {
     disabled?: boolean;
     $variant?: "contained" | "outlined";

package/Buttons/ButtonComposite.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "KoineButtonComposite", {
     }
 });
 const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
 const Root = _styledcomponents.default.span`
@@ -46,19 +47,40 @@ const Sub = _styledcomponents.default.span`
   }
 `;
 const Text = _styledcomponents.default.span``;
-const Inner = /*#__PURE__*/ (0, _react.memo)(({ textMain, textSub, text, $reverse, $icon })=>/*#__PURE__*/ React.createElement(React.Fragment, null, $reverse ? /*#__PURE__*/ React.createElement(React.Fragment, null, textSub && /*#__PURE__*/ React.createElement(Sub, {
-        $icon: $icon,
-        $reverse: $reverse
-    }, textSub), textMain && /*#__PURE__*/ React.createElement(Main, {
-        $icon: $icon,
-        $reverse: $reverse
-    }, textMain)) : /*#__PURE__*/ React.createElement(React.Fragment, null, textMain && /*#__PURE__*/ React.createElement(Main, {
-        $icon: $icon,
-        $reverse: $reverse
-    }, textMain), textSub && /*#__PURE__*/ React.createElement(Sub, {
-        $icon: $icon,
-        $reverse: $reverse
-    }, textSub)), text && /*#__PURE__*/ React.createElement(Text, null, text)));
+const Inner = /*#__PURE__*/ (0, _react.memo)(({ textMain, textSub, text, $reverse, $icon })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            $reverse ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    textSub && /*#__PURE__*/ (0, _jsxruntime.jsx)(Sub, {
+                        $icon: $icon,
+                        $reverse: $reverse,
+                        children: textSub
+                    }),
+                    textMain && /*#__PURE__*/ (0, _jsxruntime.jsx)(Main, {
+                        $icon: $icon,
+                        $reverse: $reverse,
+                        children: textMain
+                    })
+                ]
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    textMain && /*#__PURE__*/ (0, _jsxruntime.jsx)(Main, {
+                        $icon: $icon,
+                        $reverse: $reverse,
+                        children: textMain
+                    }),
+                    textSub && /*#__PURE__*/ (0, _jsxruntime.jsx)(Sub, {
+                        $icon: $icon,
+                        $reverse: $reverse,
+                        children: textSub
+                    })
+                ]
+            }),
+            text && /*#__PURE__*/ (0, _jsxruntime.jsx)(Text, {
+                children: text
+            })
+        ]
+    }));
 const KoineButtonComposite = ({ Icon, iconProps = {}, textMain, textSub, textReverse, text, Button = "button", ButtonLink = "a", ...props })=>{
     const Btn = props.href ? ButtonLink : Button;
     const styledProps = {
@@ -72,12 +94,23 @@ const KoineButtonComposite = ({ Icon, iconProps = {}, textMain, textSub, textRev
         text,
         ...styledProps
     };
-    return /*#__PURE__*/ React.createElement(Root, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Root, {
         as: Btn,
         ...props,
-        ...styledProps
-    }, Icon && /*#__PURE__*/ React.createElement(ButtonCompositeIcon, {
-        as: Icon,
-        ...iconProps
-    }), Icon ? /*#__PURE__*/ React.createElement(BesidesIcon, styledProps, /*#__PURE__*/ React.createElement(Inner, innerProps)) : /*#__PURE__*/ React.createElement(Inner, innerProps));
+        ...styledProps,
+        children: [
+            Icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(ButtonCompositeIcon, {
+                as: Icon,
+                ...iconProps
+            }),
+            Icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(BesidesIcon, {
+                ...styledProps,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Inner, {
+                    ...innerProps
+                })
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(Inner, {
+                ...innerProps
+            })
+        ]
+    });
 };

package/Buttons/ButtonComposite.mjs

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo } from "react";
 import styled from "styled-components";
 const Root = styled.span`
@@ -35,19 +36,40 @@ const Sub = styled.span`
   }
 `;
 const Text = styled.span``;
-const Inner = /*#__PURE__*/ memo(({ textMain, textSub, text, $reverse, $icon })=>/*#__PURE__*/ React.createElement(React.Fragment, null, $reverse ? /*#__PURE__*/ React.createElement(React.Fragment, null, textSub && /*#__PURE__*/ React.createElement(Sub, {
-        $icon: $icon,
-        $reverse: $reverse
-    }, textSub), textMain && /*#__PURE__*/ React.createElement(Main, {
-        $icon: $icon,
-        $reverse: $reverse
-    }, textMain)) : /*#__PURE__*/ React.createElement(React.Fragment, null, textMain && /*#__PURE__*/ React.createElement(Main, {
-        $icon: $icon,
-        $reverse: $reverse
-    }, textMain), textSub && /*#__PURE__*/ React.createElement(Sub, {
-        $icon: $icon,
-        $reverse: $reverse
-    }, textSub)), text && /*#__PURE__*/ React.createElement(Text, null, text)));
+const Inner = /*#__PURE__*/ memo(({ textMain, textSub, text, $reverse, $icon })=>/*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            $reverse ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    textSub && /*#__PURE__*/ _jsx(Sub, {
+                        $icon: $icon,
+                        $reverse: $reverse,
+                        children: textSub
+                    }),
+                    textMain && /*#__PURE__*/ _jsx(Main, {
+                        $icon: $icon,
+                        $reverse: $reverse,
+                        children: textMain
+                    })
+                ]
+            }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    textMain && /*#__PURE__*/ _jsx(Main, {
+                        $icon: $icon,
+                        $reverse: $reverse,
+                        children: textMain
+                    }),
+                    textSub && /*#__PURE__*/ _jsx(Sub, {
+                        $icon: $icon,
+                        $reverse: $reverse,
+                        children: textSub
+                    })
+                ]
+            }),
+            text && /*#__PURE__*/ _jsx(Text, {
+                children: text
+            })
+        ]
+    }));
 export const KoineButtonComposite = ({ Icon, iconProps = {}, textMain, textSub, textReverse, text, Button = "button", ButtonLink = "a", ...props })=>{
     const Btn = props.href ? ButtonLink : Button;
     const styledProps = {
@@ -61,12 +83,23 @@ export const KoineButtonComposite = ({ Icon, iconProps = {}, textMain, textSub,
         text,
         ...styledProps
     };
-    return /*#__PURE__*/ React.createElement(Root, {
+    return /*#__PURE__*/ _jsxs(Root, {
         as: Btn,
         ...props,
-        ...styledProps
-    }, Icon && /*#__PURE__*/ React.createElement(ButtonCompositeIcon, {
-        as: Icon,
-        ...iconProps
-    }), Icon ? /*#__PURE__*/ React.createElement(BesidesIcon, styledProps, /*#__PURE__*/ React.createElement(Inner, innerProps)) : /*#__PURE__*/ React.createElement(Inner, innerProps));
+        ...styledProps,
+        children: [
+            Icon && /*#__PURE__*/ _jsx(ButtonCompositeIcon, {
+                as: Icon,
+                ...iconProps
+            }),
+            Icon ? /*#__PURE__*/ _jsx(BesidesIcon, {
+                ...styledProps,
+                children: /*#__PURE__*/ _jsx(Inner, {
+                    ...innerProps
+                })
+            }) : /*#__PURE__*/ _jsx(Inner, {
+                ...innerProps
+            })
+        ]
+    });
 };

package/Buttons/ButtonFab.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { IconButtonProps } from "./IconButton";
 export declare const buttonFab: import("styled-components").FlattenSimpleInterpolation;
-export declare const IconButtonFab: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./Button").KoineButtonUiProps & {
-    disabled?: boolean | undefined;
-}, never>;
+export declare const IconButtonFab: any;
 export type IconButtonFabProps = IconButtonProps & React.ComponentPropsWithRef<"button">;

package/Buttons/ButtonLink.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "KoineButtonLink", {
     }
 });
 const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
 const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
 const _Button = require("./Button");
 const Root = (0, _styledcomponents.default)(_Button.KoineButton)`
@@ -16,11 +17,11 @@ const Root = (0, _styledcomponents.default)(_Button.KoineButton)`
 `;
 const KoineButtonLink = ({ href, Link = "a", ...props })=>{
     const isRelative = href && href.startsWith("/");
-    return isRelative ? /*#__PURE__*/ React.createElement(Root, {
+    return isRelative ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Root, {
         href: href,
         ...props,
         as: Link
-    }) : /*#__PURE__*/ React.createElement(Root, {
+    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(Root, {
         href: href,
         ...props,
         as: "a"

package/Buttons/ButtonLink.mjs

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { KoineButton } from "./Button";
 const Root = styled(KoineButton)`
@@ -5,11 +6,11 @@ const Root = styled(KoineButton)`
 `;
 export const KoineButtonLink = ({ href, Link = "a", ...props })=>{
     const isRelative = href && href.startsWith("/");
-    return isRelative ? /*#__PURE__*/ React.createElement(Root, {
+    return isRelative ? /*#__PURE__*/ _jsx(Root, {
         href: href,
         ...props,
         as: Link
-    }) : /*#__PURE__*/ React.createElement(Root, {
+    }) : /*#__PURE__*/ _jsx(Root, {
         href: href,
         ...props,
         as: "a"

package/Buttons/IconButton.d.ts

@@ -2,9 +2,7 @@
 import { KoineButtonUiProps } from "./Button";
 export declare const iconBtnStyleReset: import("styled-components").FlattenSimpleInterpolation;
 export declare const iconBtnStyleBase: import("styled-components").FlattenSimpleInterpolation;
-export declare const IconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, KoineButtonUiProps & {
-    disabled?: boolean | undefined;
-}, never>;
+export declare const IconButton: any;
 export type IconButtonUiProps = KoineButtonUiProps & {
     disabled?: boolean;
 };

package/Calendar/CalendarDaygridCell.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "CalendarDaygridCell", {
         return CalendarDaygridCell;
     }
 });
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _md = require("react-icons/md");
 const _utils = require("./utils");
@@ -27,56 +28,78 @@ const CalendarDaygridCell = ({ eventClicked, setEventClicked, // eventHovered,
 setEventHovered, view, maxEvents, events, calendarsMap, Cell = "div", CellOverflow = "div", CellEvent = "div", CellEventBtn = "div", CellEventTitle = "span", CellEventStart = "span" })=>{
     const [isExpanded, expand] = (0, _react.useState)(false);
     const eventsWithoutPlaceholders = events.filter((event)=>!event.placeholder);
-    return /*#__PURE__*/ React.createElement(Cell, null, events.map((event, i)=>{
-        if (i === maxEvents && !isExpanded) {
-            return /*#__PURE__*/ React.createElement(CellOverflow, {
-                key: "overflowMessage" + i,
-                onClick: ()=>expand(true)
-            }, /*#__PURE__*/ React.createElement(_md.MdAdd, null), eventsWithoutPlaceholders.length - maxEvents);
-        }
-        if (i > maxEvents && !isExpanded) return null;
-        if (event.placeholder) {
-            return /*#__PURE__*/ React.createElement(_react.Fragment, {
-                key: event.key
-            }, /*#__PURE__*/ React.createElement(CellEvent, {
-                $placeholder: true
-            }, /*#__PURE__*/ React.createElement(CellEventBtn, {
-                "aria-hidden": "true",
-                style: {
-                    visibility: "hidden"
-                },
-                $placeholder: true
-            }, /*#__PURE__*/ React.createElement(CellEventTitle, null, "\xa0"))));
-        }
-        const styleEvent = {
-            zIndex: event.firstOfMulti ? 1 : 0,
-            position: "relative",
-            width: event.firstOfMulti ? `${100 * event.width}%` : "100%"
-        };
-        if (!calendarsMap[event.calendar.id].on) {
-            // @ts-expect-error nevermind
-            styleBtn.display = "none";
-        }
-        const styledProps = {
-            $view: view,
-            $selected: eventClicked?.uid === event.uid,
-            $past: event.isPast,
-            $color: event.color,
-            $isOutOfRange: event.$isOutOfRange,
-            $isToday: event.$isToday
-        };
-        return /*#__PURE__*/ React.createElement(_react.Fragment, {
-            key: event.key
-        }, /*#__PURE__*/ React.createElement(CellEvent, {
-            style: styleEvent,
-            ...styledProps
-        }, /*#__PURE__*/ React.createElement(CellEventBtn, {
-            role: "button",
-            style: styleBtn,
-            ...styledProps,
-            onClick: ()=>setEventClicked((prev)=>prev?.uid === event.uid ? null : event),
-            onMouseEnter: ()=>setEventHovered(event),
-            onMouseLeave: ()=>setEventHovered(null)
-        }, event.allDay ? /*#__PURE__*/ React.createElement(CellEventTitle, null, event.title) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(CellEventStart, null, (0, _utils.getDisplayTime)(event.start)), /*#__PURE__*/ React.createElement(CellEventTitle, null, event.title)))));
-    }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Cell, {
+        children: events.map((event, i)=>{
+            if (i === maxEvents && !isExpanded) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsxs)(CellOverflow, {
+                    onClick: ()=>expand(true),
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_md.MdAdd, {}),
+                        eventsWithoutPlaceholders.length - maxEvents
+                    ]
+                }, "overflowMessage" + i);
+            }
+            if (i > maxEvents && !isExpanded) return null;
+            if (event.placeholder) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.Fragment, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellEvent, {
+                        $placeholder: true,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellEventBtn, {
+                            "aria-hidden": "true",
+                            style: {
+                                visibility: "hidden"
+                            },
+                            $placeholder: true,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellEventTitle, {
+                                children: "\xa0"
+                            })
+                        })
+                    })
+                }, event.key);
+            }
+            const styleEvent = {
+                zIndex: event.firstOfMulti ? 1 : 0,
+                position: "relative",
+                width: event.firstOfMulti ? `${100 * event.width}%` : "100%"
+            };
+            if (!calendarsMap[event.calendar.id].on) {
+                // @ts-expect-error nevermind
+                styleBtn.display = "none";
+            }
+            const styledProps = {
+                $view: view,
+                $selected: eventClicked?.uid === event.uid,
+                $past: event.isPast,
+                $color: event.color,
+                $isOutOfRange: event.$isOutOfRange,
+                $isToday: event.$isToday
+            };
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.Fragment, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellEvent, {
+                    style: styleEvent,
+                    ...styledProps,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellEventBtn, {
+                        role: "button",
+                        style: styleBtn,
+                        ...styledProps,
+                        onClick: ()=>setEventClicked((prev)=>prev?.uid === event.uid ? null : event),
+                        onMouseEnter: ()=>setEventHovered(event),
+                        onMouseLeave: ()=>setEventHovered(null),
+                        children: event.allDay ? /*#__PURE__*/ (0, _jsxruntime.jsx)(CellEventTitle, {
+                            children: event.title
+                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(CellEventStart, {
+                                    children: (0, _utils.getDisplayTime)(event.start)
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(CellEventTitle, {
+                                    children: event.title
+                                })
+                            ]
+                        })
+                    })
+                })
+            }, event.key);
+        })
+    });
 };

package/Calendar/CalendarDaygridCell.mjs

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Fragment, useState } from "react";
 import { MdAdd as IconExpand } from "react-icons/md";
 import { getDisplayTime } from "./utils";
@@ -17,56 +18,78 @@ export const CalendarDaygridCell = ({ eventClicked, setEventClicked, // eventHov
 setEventHovered, view, maxEvents, events, calendarsMap, Cell = "div", CellOverflow = "div", CellEvent = "div", CellEventBtn = "div", CellEventTitle = "span", CellEventStart = "span" })=>{
     const [isExpanded, expand] = useState(false);
     const eventsWithoutPlaceholders = events.filter((event)=>!event.placeholder);
-    return /*#__PURE__*/ React.createElement(Cell, null, events.map((event, i)=>{
-        if (i === maxEvents && !isExpanded) {
-            return /*#__PURE__*/ React.createElement(CellOverflow, {
-                key: "overflowMessage" + i,
-                onClick: ()=>expand(true)
-            }, /*#__PURE__*/ React.createElement(IconExpand, null), eventsWithoutPlaceholders.length - maxEvents);
-        }
-        if (i > maxEvents && !isExpanded) return null;
-        if (event.placeholder) {
-            return /*#__PURE__*/ React.createElement(Fragment, {
-                key: event.key
-            }, /*#__PURE__*/ React.createElement(CellEvent, {
-                $placeholder: true
-            }, /*#__PURE__*/ React.createElement(CellEventBtn, {
-                "aria-hidden": "true",
-                style: {
-                    visibility: "hidden"
-                },
-                $placeholder: true
-            }, /*#__PURE__*/ React.createElement(CellEventTitle, null, "\xa0"))));
-        }
-        const styleEvent = {
-            zIndex: event.firstOfMulti ? 1 : 0,
-            position: "relative",
-            width: event.firstOfMulti ? `${100 * event.width}%` : "100%"
-        };
-        if (!calendarsMap[event.calendar.id].on) {
-            // @ts-expect-error nevermind
-            styleBtn.display = "none";
-        }
-        const styledProps = {
-            $view: view,
-            $selected: eventClicked?.uid === event.uid,
-            $past: event.isPast,
-            $color: event.color,
-            $isOutOfRange: event.$isOutOfRange,
-            $isToday: event.$isToday
-        };
-        return /*#__PURE__*/ React.createElement(Fragment, {
-            key: event.key
-        }, /*#__PURE__*/ React.createElement(CellEvent, {
-            style: styleEvent,
-            ...styledProps
-        }, /*#__PURE__*/ React.createElement(CellEventBtn, {
-            role: "button",
-            style: styleBtn,
-            ...styledProps,
-            onClick: ()=>setEventClicked((prev)=>prev?.uid === event.uid ? null : event),
-            onMouseEnter: ()=>setEventHovered(event),
-            onMouseLeave: ()=>setEventHovered(null)
-        }, event.allDay ? /*#__PURE__*/ React.createElement(CellEventTitle, null, event.title) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(CellEventStart, null, getDisplayTime(event.start)), /*#__PURE__*/ React.createElement(CellEventTitle, null, event.title)))));
-    }));
+    return /*#__PURE__*/ _jsx(Cell, {
+        children: events.map((event, i)=>{
+            if (i === maxEvents && !isExpanded) {
+                return /*#__PURE__*/ _jsxs(CellOverflow, {
+                    onClick: ()=>expand(true),
+                    children: [
+                        /*#__PURE__*/ _jsx(IconExpand, {}),
+                        eventsWithoutPlaceholders.length - maxEvents
+                    ]
+                }, "overflowMessage" + i);
+            }
+            if (i > maxEvents && !isExpanded) return null;
+            if (event.placeholder) {
+                return /*#__PURE__*/ _jsx(Fragment, {
+                    children: /*#__PURE__*/ _jsx(CellEvent, {
+                        $placeholder: true,
+                        children: /*#__PURE__*/ _jsx(CellEventBtn, {
+                            "aria-hidden": "true",
+                            style: {
+                                visibility: "hidden"
+                            },
+                            $placeholder: true,
+                            children: /*#__PURE__*/ _jsx(CellEventTitle, {
+                                children: "\xa0"
+                            })
+                        })
+                    })
+                }, event.key);
+            }
+            const styleEvent = {
+                zIndex: event.firstOfMulti ? 1 : 0,
+                position: "relative",
+                width: event.firstOfMulti ? `${100 * event.width}%` : "100%"
+            };
+            if (!calendarsMap[event.calendar.id].on) {
+                // @ts-expect-error nevermind
+                styleBtn.display = "none";
+            }
+            const styledProps = {
+                $view: view,
+                $selected: eventClicked?.uid === event.uid,
+                $past: event.isPast,
+                $color: event.color,
+                $isOutOfRange: event.$isOutOfRange,
+                $isToday: event.$isToday
+            };
+            return /*#__PURE__*/ _jsx(Fragment, {
+                children: /*#__PURE__*/ _jsx(CellEvent, {
+                    style: styleEvent,
+                    ...styledProps,
+                    children: /*#__PURE__*/ _jsx(CellEventBtn, {
+                        role: "button",
+                        style: styleBtn,
+                        ...styledProps,
+                        onClick: ()=>setEventClicked((prev)=>prev?.uid === event.uid ? null : event),
+                        onMouseEnter: ()=>setEventHovered(event),
+                        onMouseLeave: ()=>setEventHovered(null),
+                        children: event.allDay ? /*#__PURE__*/ _jsx(CellEventTitle, {
+                            children: event.title
+                        }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(CellEventStart, {
+                                    children: getDisplayTime(event.start)
+                                }),
+                                /*#__PURE__*/ _jsx(CellEventTitle, {
+                                    children: event.title
+                                })
+                            ]
+                        })
+                    })
+                })
+            }, event.key);
+        })
+    });
 };