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

package/esm/chunk-4X4ELIMQ.js

@@ -0,0 +1,231 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Dropzone/Dropzone.tsx
+import React2, { useState as useState2 } from "react";
+
+// core/Dropzone/DropzoneThumbnail.tsx
+import { useEffect, useState } from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Dropzone/Dropzone.module.css.bolio-css-module-source
+var Dropzone_module_css_default = { "dropzone": "Dropzone-module_dropzone__-6nFN", "input": "Dropzone-module_input__-FpKo", "content": "Dropzone-module_content__Uafwo", "dragging": "Dropzone-module_dragging__z9VG8", "disabled": "Dropzone-module_disabled__rvXlc", "thumbnails": "Dropzone-module_thumbnails__x67bm", "thumbnail": "Dropzone-module_thumbnail__-ke6R", "tile": "Dropzone-module_tile__o-TLL", "preview": "Dropzone-module_preview__pQ3gz", "fileIcon": "Dropzone-module_fileIcon__hnpZV", "format": "Dropzone-module_format__oEMEw", "remove": "Dropzone-module_remove__pjfHy", "name": "Dropzone-module_name__OAPKM" };
+
+// core/Dropzone/DropzoneThumbnail.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var formatOf = (file) => {
+  const extension = file.name.includes(".") ? file.name.split(".").pop() : file.type.split("/")[1];
+  return (extension || "file").slice(0, 4).toUpperCase();
+};
+function DropzoneThumbnail({ file, removeLabel, disabled, onRemove }) {
+  const previewable = file.type.startsWith("image/");
+  const [url, setUrl] = useState();
+  useEffect(() => {
+    if (!previewable) return;
+    const objectUrl = URL.createObjectURL(file);
+    setUrl(objectUrl);
+    return () => URL.revokeObjectURL(objectUrl);
+  }, [file, previewable]);
+  return /* @__PURE__ */ jsxs("li", { className: Dropzone_module_css_default.thumbnail, children: [
+    /* @__PURE__ */ jsxs("div", { className: Dropzone_module_css_default.tile, children: [
+      previewable ? (
+        // the name below the tile describes the file
+        url && /* @__PURE__ */ jsx("img", { src: url, alt: "", className: Dropzone_module_css_default.preview })
+      ) : /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          viewBox: "0 0 24 24",
+          width: "2.5em",
+          height: "2.5em",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: Dropzone_module_css_default.fileIcon,
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
+            /* @__PURE__ */ jsx("path", { d: "M14 3v5h5" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: Dropzone_module_css_default.format, children: formatOf(file) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: Dropzone_module_css_default.remove,
+          "aria-label": removeLabel,
+          disabled,
+          onClick: onRemove,
+          children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M6 6l12 12M18 6L6 18",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            }
+          ) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: Dropzone_module_css_default.name, title: file.name, children: file.name })
+  ] });
+}
+var DropzoneThumbnail_default = DropzoneThumbnail;
+
+// core/Dropzone/Dropzone.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var matchesAccept = (file, accept) => {
+  if (!accept) return true;
+  const name = file.name.toLowerCase();
+  return accept.split(",").map((token) => token.trim().toLowerCase()).filter(Boolean).some(
+    (token) => token.startsWith(".") ? name.endsWith(token) : token.endsWith("/*") ? file.type.toLowerCase().startsWith(token.slice(0, -1)) : file.type.toLowerCase() === token
+  );
+};
+var DropzoneComponent = React2.forwardRef(
+  ({
+    accept,
+    multiple = false,
+    maxSize,
+    maxFiles,
+    onDrop,
+    thumbnails = false,
+    value,
+    onChange,
+    removeLabel = (file) => `Remove ${file.name}`,
+    disabled = false,
+    className = "",
+    children = "Drag files here or click to choose them",
+    style,
+    ...props
+  }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const [dragging, setDragging] = useState2(false);
+    const [selfFiles, setSelfFiles] = useState2([]);
+    const files = value !== void 0 ? value : selfFiles;
+    const updateFiles = (next) => {
+      if (value === void 0) setSelfFiles(next);
+      if (onChange) onChange(next);
+    };
+    const receive = (list) => {
+      if (disabled || !list) return;
+      const kept = thumbnails && multiple ? files : [];
+      const limit = multiple ? (maxFiles != null ? maxFiles : Infinity) - kept.length : 1;
+      const accepted = [];
+      const rejected = [];
+      Array.from(list).forEach((file) => {
+        if (!matchesAccept(file, accept))
+          rejected.push({ file, reason: "file-type" });
+        else if (maxSize !== void 0 && file.size > maxSize)
+          rejected.push({ file, reason: "file-too-large" });
+        else if (accepted.length >= limit)
+          rejected.push({ file, reason: "too-many-files" });
+        else accepted.push(file);
+      });
+      if (thumbnails && accepted.length)
+        updateFiles(multiple ? [...kept, ...accepted] : accepted);
+      if (onDrop) onDrop(accepted, rejected);
+    };
+    const dragHandler = (event) => {
+      if (disabled) return;
+      event.preventDefault();
+      if (event.type === "dragleave" && event.currentTarget.contains(event.relatedTarget))
+        return;
+      setDragging(event.type !== "dragleave");
+    };
+    const dropHandler = (event) => {
+      if (disabled) return;
+      event.preventDefault();
+      setDragging(false);
+      receive(event.dataTransfer.files);
+    };
+    const changeHandler = (event) => {
+      receive(event.target.files);
+      event.target.value = "";
+    };
+    const dropzoneStyle = {
+      width: SCALES.width(1, "100%"),
+      height: SCALES.height(1, "auto"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      fontSize: SCALES.font(0.875),
+      "--dropzone-color": theme.palette.accents_6,
+      "--dropzone-bg": theme.palette.background,
+      "--dropzone-border": theme.palette.accents_3,
+      "--dropzone-hover-border": theme.palette.accents_5,
+      "--dropzone-active": theme.palette.primary,
+      "--dropzone-radius": theme.layout.radius,
+      "--dropzone-tile-bg": theme.palette.accents_1,
+      "--dropzone-tile-color": theme.palette.accents_4,
+      "--dropzone-name-color": theme.palette.accents_6,
+      "--dropzone-badge-bg": theme.palette.foreground,
+      "--dropzone-badge-color": theme.palette.background,
+      "--dropzone-remove-bg": theme.palette.background,
+      "--dropzone-remove-color": theme.palette.accents_6,
+      "--dropzone-remove-hover-color": theme.palette.foreground,
+      ...style
+    };
+    return /* @__PURE__ */ jsxs2("div", { className, style: dropzoneStyle, children: [
+      /* @__PURE__ */ jsxs2(
+        "label",
+        {
+          className: use_classes_default(Dropzone_module_css_default.dropzone, {
+            [Dropzone_module_css_default.dragging]: dragging,
+            [Dropzone_module_css_default.disabled]: disabled
+          }),
+          onDragEnter: dragHandler,
+          onDragOver: dragHandler,
+          onDragLeave: dragHandler,
+          onDrop: dropHandler,
+          children: [
+            /* @__PURE__ */ jsx2(
+              "input",
+              {
+                ref,
+                type: "file",
+                className: Dropzone_module_css_default.input,
+                accept,
+                multiple,
+                disabled,
+                onChange: changeHandler,
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx2("span", { className: Dropzone_module_css_default.content, children })
+          ]
+        }
+      ),
+      thumbnails && files.length > 0 && /* @__PURE__ */ jsx2("ul", { className: Dropzone_module_css_default.thumbnails, children: files.map((file, index) => /* @__PURE__ */ jsx2(
+        DropzoneThumbnail_default,
+        {
+          file,
+          removeLabel: removeLabel(file),
+          disabled,
+          onRemove: () => updateFiles(files.filter((_, i) => i !== index))
+        },
+        `${file.name}-${file.size}-${file.lastModified}-${index}`
+      )) })
+    ] });
+  }
+);
+DropzoneComponent.displayName = "BolioUIDropzone";
+var Dropzone = with_scale_default(DropzoneComponent);
+var Dropzone_default = Dropzone;
+
+// core/Dropzone/index.ts
+var Dropzone_default2 = Dropzone_default;
+
+export {
+  Dropzone_default2 as Dropzone_default
+};

package/esm/{chunk-IB2FP4DM.js → chunk-4ZGR7UMX.js}

@@ -1,6 +1,6 @@
 import {
   AllThemesContext
-} from "./chunk-UVCSH6DW.js";
+} from "./chunk-5HRVN7L7.js";
 import {
   BolioUIContent,
   defaultToastLayout,
@@ -12,24 +12,24 @@ import {
 import {
   use_portal_default
 } from "./chunk-BXDUHMWS.js";
-import {
-  use_latest_default
-} from "./chunk-ZRORQ2WH.js";
 import {
   use_current_state_default
 } from "./chunk-33BUV2RX.js";
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
 import {
   Button_default
-} from "./chunk-6XJS3KMW.js";
+} from "./chunk-DXHNQANX.js";
 import {
   use_theme_default
-} from "./chunk-45MVPPJN.js";
+} from "./chunk-V5I4ORQQ.js";
 import {
   ThemeContext
-} from "./chunk-TFZ2IGNH.js";
+} from "./chunk-FEA5BJ35.js";
 import {
   Themes_default
-} from "./chunk-QUMM6MGX.js";
+} from "./chunk-X5PGXMVQ.js";
 import {
   joinClasses
 } from "./chunk-5KUROAEP.js";
@@ -71,12 +71,10 @@ var ThemeProvider = ({
 var ThemeProvider_default = ThemeProvider;
 
 // core/use-toasts/toast-container.tsx
-import _JSXStyle2 from "styled-jsx/style";
 import { useEffect as useEffect2, useMemo as useMemo3 } from "react";
 import { createPortal } from "react-dom";
 
 // core/use-toasts/toast-item.tsx
-import _JSXStyle from "styled-jsx/style";
 import React2, { useMemo as useMemo2 } from "react";
 
 // core/use-toasts/helpers.tsx
@@ -141,89 +139,120 @@ var getTranslateByPlacement = (placement) => {
   };
 };
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/use-toasts/toast-item.module.css.bolio-css-module-source
+var toast_item_module_css_default = { "toast": "toast-item-module_toast__R-DjO", "message": "toast-item-module_message__qzTg9" };
+
 // core/use-toasts/toast-item.tsx
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var ToastItem = React2.memo(({
-  toast,
-  layout
-}) => {
+var ToastItem = React2.memo(({ toast, layout }) => {
   const theme = use_theme_default();
-  const {
-    color,
-    bgColor
-  } = useMemo2(() => getColors(theme.palette, toast.type), [theme.palette, toast.type]);
+  const { color, bgColor } = useMemo2(
+    () => getColors(theme.palette, toast.type),
+    [theme.palette, toast.type]
+  );
   const isReactNode = typeof toast.text !== "string";
-  const {
-    padding,
-    margin,
-    maxHeight,
-    maxWidth,
-    width,
-    placement
-  } = layout;
-  const {
-    enter,
-    leave
-  } = useMemo2(() => getTranslateByPlacement(placement), [placement]);
-  return /* @__PURE__ */ jsx3(css_transition_default, { name: "toast", visible: toast.visible, clearTime: 350, children: /* @__PURE__ */ jsxs("div", { role: toast.type === "error" ? "alert" : "status", className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " toast", children: [
-    isReactNode ? toast.text : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx3("div", { className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " message", children: toast.text }),
-      /* @__PURE__ */ jsx3("div", { className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " action", children: makeToastActions(toast.actions, toast.cancel) })
-    ] }),
-    /* @__PURE__ */ jsx3(_JSXStyle, { id: "1059503143", dynamic: [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave], children: `.toast.__jsx-style-dynamic-selector{max-height:${maxHeight};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.foreground};background-color:${bgColor};color:${color};border:0;border-radius:${theme.layout.radius};opacity:1;box-shadow:${theme.expressiveness.shadowSmall};-webkit-transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);overflow:hidden;}.message.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:0.875em;display:-webkit-box;word-break:break-all;overflow:hidden;max-height:100%;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.1rem;}.toast-enter.__jsx-style-dynamic-selector{opacity:0;height:0;padding:0;margin:0;-webkit-transform:${enter};-ms-transform:${enter};transform:${enter};}.toast-enter-active.__jsx-style-dynamic-selector{opacity:1;height:auto;margin:${margin};padding:${padding};-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}.toast-leave.__jsx-style-dynamic-selector{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);height:auto;margin:${margin};padding:${padding};}.toast-leave-active.__jsx-style-dynamic-selector{opacity:0;-webkit-transform:${leave};-ms-transform:${leave};transform:${leave};}` })
-  ] }, toast.id) });
+  const { padding, margin, maxHeight, placement } = layout;
+  const { enter, leave } = useMemo2(
+    () => getTranslateByPlacement(placement),
+    [placement]
+  );
+  const toastStyle = {
+    "--toast-item-max-height": maxHeight,
+    "--toast-item-color": color,
+    "--toast-item-bg": bgColor,
+    "--toast-item-radius": theme.layout.radius,
+    "--toast-item-shadow": theme.expressiveness.shadowSmall,
+    "--toast-item-margin": margin,
+    "--toast-item-padding": padding,
+    "--toast-item-enter-transform": enter,
+    "--toast-item-leave-transform": leave
+  };
+  return /* @__PURE__ */ jsx3(css_transition_default, { name: "toast", visible: toast.visible, clearTime: 350, children: /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: toast_item_module_css_default.toast,
+      role: toast.type === "error" ? "alert" : "status",
+      style: toastStyle,
+      children: isReactNode ? toast.text : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx3("div", { className: toast_item_module_css_default.message, children: toast.text }),
+        /* @__PURE__ */ jsx3("div", { className: "action", children: makeToastActions(toast.actions, toast.cancel) })
+      ] })
+    },
+    toast.id
+  ) });
 });
 ToastItem.displayName = "BolioUIToastItem";
 var toast_item_default = ToastItem;
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/use-toasts/toast-container.module.css.bolio-css-module-source
+var toast_container_module_css_default = { "toasts": "toast-container-module_toasts__wLlVr", "top": "toast-container-module_top__jBxX6", "left": "toast-container-module_left__xyAbl" };
+
 // core/use-toasts/toast-container.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var ToastContainer = () => {
   const theme = use_theme_default();
   const portal = use_portal_default("toast");
   const [, setHovering, hoveringRef] = use_current_state_default(false);
-  const {
-    toasts,
-    updateToasts,
-    toastLayout,
-    lastUpdateToastId
-  } = useBolioUIContext();
+  const { toasts, updateToasts, toastLayout, lastUpdateToastId } = useBolioUIContext();
   const memoizedLayout = useMemo3(() => toastLayout, [toastLayout]);
-  const toastElements = useMemo3(() => toasts.map((toast) => /* @__PURE__ */ jsx4(toast_item_default, { toast, layout: memoizedLayout }, toast._internalIdent)), [toasts, memoizedLayout]);
-  const classNames = useMemo3(() => joinClasses("toasts", {
-    top: isTopPlacement(toastLayout.placement),
-    left: isLeftPlacement(toastLayout.placement)
-  }), [toastLayout.placement]);
+  const toastElements = useMemo3(
+    () => toasts.map((toast) => /* @__PURE__ */ jsx4(
+      toast_item_default,
+      {
+        toast,
+        layout: memoizedLayout
+      },
+      toast._internalIdent
+    )),
+    [toasts, memoizedLayout]
+  );
+  const classNames = useMemo3(
+    () => joinClasses(
+      toast_container_module_css_default.toasts,
+      isTopPlacement(toastLayout.placement) && toast_container_module_css_default.top,
+      isLeftPlacement(toastLayout.placement) && toast_container_module_css_default.left
+    ),
+    [toastLayout.placement]
+  );
   const hoverHandler = (isHovering) => {
     setHovering(isHovering);
     if (isHovering) {
-      return updateToasts((last) => last.map((toast) => {
+      return updateToasts(
+        (last) => last.map((toast) => {
+          if (!toast.visible) return toast;
+          if (toast._timeout) window.clearTimeout(toast._timeout);
+          return {
+            ...toast,
+            timeout: null
+          };
+        })
+      );
+    }
+    updateToasts(
+      (last) => last.map((toast, index) => {
         if (!toast.visible) return toast;
         if (toast._timeout) window.clearTimeout(toast._timeout);
         return {
           ...toast,
-          timeout: null
+          _timeout: (() => {
+            const timer = window.setTimeout(
+              () => {
+                toast.cancel();
+                window.clearTimeout(timer);
+              },
+              toast.delay + index * 100
+            );
+            return timer;
+          })()
         };
-      }));
-    }
-    updateToasts((last) => last.map((toast, index) => {
-      if (!toast.visible) return toast;
-      if (toast._timeout) window.clearTimeout(toast._timeout);
-      return {
-        ...toast,
-        _timeout: (() => {
-          const timer = window.setTimeout(() => {
-            toast.cancel();
-            window.clearTimeout(timer);
-          }, toast.delay + index * 100);
-          return timer;
-        })()
-      };
-    }));
+      })
+    );
   };
   const latestHover = use_latest_default(hoverHandler);
   useEffect2(() => {
-    const index = toasts.findIndex((r) => r._internalIdent === lastUpdateToastId);
+    const index = toasts.findIndex(
+      (r) => r._internalIdent === lastUpdateToastId
+    );
     const toast = toasts[index];
     if (!toast || toast.visible || !hoveringRef.current) return;
     const hasVisible = toasts.find((r, i) => i < index && r.visible);
@@ -247,15 +276,24 @@ var ToastContainer = () => {
   }, [toasts, updateToasts]);
   if (!portal) return null;
   if (!toasts || toasts.length === 0) return null;
-  return createPortal(/* @__PURE__ */ jsxs2("div", { onMouseEnter: () => hoverHandler(true), onMouseLeave: () => hoverHandler(false), className: _JSXStyle2.dynamic([["622610754", [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + (classNames || ""), children: [
-    toastElements,
-    /* @__PURE__ */ jsx4(_JSXStyle2, { id: "622610754", dynamic: [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap], children: `.toasts.__jsx-style-dynamic-selector{position:fixed;width:auto;max-width:100%;right:${theme.layout.gap};bottom:${theme.layout.gap};z-index:2000;-webkit-transition:all 400ms ease;transition:all 400ms ease;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.top.__jsx-style-dynamic-selector{bottom:unset;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:${theme.layout.gap};}.left.__jsx-style-dynamic-selector{right:unset;left:${theme.layout.gap};}` })
-  ] }), portal);
+  return createPortal(
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: classNames,
+        onMouseEnter: () => hoverHandler(true),
+        onMouseLeave: () => hoverHandler(false),
+        style: { "--toasts-gap": theme.layout.gap },
+        children: toastElements
+      }
+    ),
+    portal
+  );
 };
 var toast_container_default = ToastContainer;
 
 // core/BolioUIProvider/BolioUIProvider.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var BolioUIProvider = ({
   themes,
   themeType,
@@ -292,7 +330,7 @@ var BolioUIProvider = ({
     }),
     [toasts, toastLayout, lastUpdateToastId, updateToasts, updateToastLayout]
   );
-  return /* @__PURE__ */ jsx5(BolioUIContent.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs3(ThemeProvider_default, { themes, themeType, children: [
+  return /* @__PURE__ */ jsx5(BolioUIContent.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs2(ThemeProvider_default, { themes, themeType, children: [
     children,
     /* @__PURE__ */ jsx5(toast_container_default, {})
   ] }) });