@ttoss/components 2.4.0 → 2.4.1

package/dist/esm/InstallPwa/index.js

@@ -1,66 +1,61 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { __name } from "../chunk-V4MHYKRI.js";
 
 // src/components/InstallPwa/InstallPwa.tsx
 import * as React from "react";
 import { Button, Flex, Text } from "@ttoss/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-var InstallPwaUi = ({
+var InstallPwaUi = /* @__PURE__ */__name(({
   onInstall
 }) => {
-  return /* @__PURE__ */jsx(Flex, {
+  return /* @__PURE__ */React.createElement(Flex, {
     sx: {
       position: "absolute",
       bottom: 4,
       width: "100%",
       justifyContent: "center"
-    },
-    children: /* @__PURE__ */jsxs(Flex, {
-      sx: {
-        backgroundColor: "background",
-        justifyContent: "center",
-        alignItems: "center",
-        gap: 3,
-        width: "auto",
-        border: "1px solid",
-        borderColor: "muted",
-        borderRadius: 1,
-        padding: 4
-      },
-      children: [/* @__PURE__ */jsx(Text, {
-        children: "Deseja instalar o nosso aplicativo?"
-      }), /* @__PURE__ */jsx(Button, {
-        onClick: onInstall,
-        children: "Instalar"
-      })]
-    })
-  });
-};
-var InstallPwa = () => {
+    }
+  }, /* @__PURE__ */React.createElement(Flex, {
+    sx: {
+      backgroundColor: "background",
+      justifyContent: "center",
+      alignItems: "center",
+      gap: 3,
+      width: "auto",
+      border: "1px solid",
+      borderColor: "muted",
+      borderRadius: 1,
+      padding: 4
+    }
+  }, /* @__PURE__ */React.createElement(Text, null, "Deseja instalar o nosso aplicativo?"), /* @__PURE__ */React.createElement(Button, {
+    onClick: onInstall
+  }, "Instalar")));
+}, "InstallPwaUi");
+var InstallPwa = /* @__PURE__ */__name(() => {
   const [supportsPwa, setSupportsPwa] = React.useState(false);
   const [promptInstall, setPromptInstall] = React.useState(null);
   React.useEffect(() => {
-    const handler = e => {
+    const handler = /* @__PURE__ */__name(e => {
       e.preventDefault();
       setSupportsPwa(true);
       setPromptInstall(e);
-    };
+    }, "handler");
     window.addEventListener("beforeinstallprompt", handler);
     return () => {
       return window.removeEventListener("transitionend", handler);
     };
   }, []);
-  const onInstall = e => {
+  const onInstall = /* @__PURE__ */__name(e => {
     e.preventDefault();
     if (!promptInstall) {
       return;
     }
     promptInstall.prompt();
-  };
+  }, "onInstall");
   if (!supportsPwa) {
     return null;
   }
-  return /* @__PURE__ */jsx(InstallPwaUi, {
+  return /* @__PURE__ */React.createElement(InstallPwaUi, {
     onInstall
   });
-};
+}, "InstallPwa");
 export { InstallPwa, InstallPwaUi };

package/dist/esm/JsonEditor/index.js

@@ -1,4 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-V4MHYKRI.js";
 
 // src/components/JsonEditor/index.ts
 import { JsonEditor } from "json-edit-react";

package/dist/esm/JsonView/index.js

@@ -1,4 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-V4MHYKRI.js";
 
 // src/components/JsonView/index.ts
 import { JsonView } from "react-json-view-lite";

package/dist/esm/List/index.js

@@ -1,33 +1,30 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-V4MHYKRI.js";
 
 // src/components/List/List.tsx
 import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var List = React.forwardRef(({
+var List = /* @__PURE__ */React.forwardRef(({
   children,
   ...props
 }, ref) => {
-  return /* @__PURE__ */jsx("ul", {
+  return /* @__PURE__ */React.createElement("ul", {
     ...props,
-    ref,
-    children
-  });
+    ref
+  }, children);
 });
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
 import * as React2 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ListItem = React2.forwardRef((props, ref) => {
+var ListItem = /* @__PURE__ */React2.forwardRef((props, ref) => {
   const {
     children,
     ...rest
   } = props;
-  return /* @__PURE__ */jsx2("li", {
+  return /* @__PURE__ */React2.createElement("li", {
     ...rest,
-    ref,
-    children
-  });
+    ref
+  }, children);
 });
 ListItem.displayName = "ListItem";
 export { List, ListItem };

package/dist/esm/Markdown/index.js

@@ -1,24 +1,22 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { __name } from "../chunk-V4MHYKRI.js";
 
 // src/components/Markdown/Markdown.tsx
 import { BaseStyles } from "@ttoss/ui";
 import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
 import remarkGfm from "remark-gfm";
-import { jsx } from "react/jsx-runtime";
-var Markdown = ({
+var Markdown = /* @__PURE__ */__name(({
   children,
   sx,
   ...props
 }) => {
-  return /* @__PURE__ */jsx(BaseStyles, {
-    sx,
-    children: /* @__PURE__ */jsx(ReactMarkdown, {
-      rehypePlugins: [rehypeRaw],
-      remarkPlugins: [remarkGfm],
-      ...props,
-      children
-    })
-  });
-};
+  return /* @__PURE__ */React.createElement(BaseStyles, {
+    sx
+  }, /* @__PURE__ */React.createElement(ReactMarkdown, {
+    rehypePlugins: [rehypeRaw],
+    remarkPlugins: [remarkGfm],
+    ...props
+  }, children));
+}, "Markdown");
 export { Markdown };

package/dist/esm/Menu/index.js

@@ -1,24 +1,26 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Icon } from "../chunk-JOSQSCZQ.js";
+import { Icon } from "../chunk-AZTAV4VC.js";
+import { __name } from "../chunk-V4MHYKRI.js";
 
 // src/components/Menu/Menu.tsx
 import { Box as Box2, Flex, Image, Text, useResponsiveValue } from "@ttoss/ui";
+import * as React2 from "react";
 
 // src/components/Drawer/Drawer.tsx
 import { Box } from "@ttoss/ui";
+import * as React from "react";
 import DrawerUi from "react-modern-drawer";
-import { jsx } from "react/jsx-runtime";
-var Drawer = ({
+var Drawer = /* @__PURE__ */__name(({
   children,
   sx,
   ...props
 }) => {
-  return /* @__PURE__ */jsx(Box, {
+  return /* @__PURE__ */React.createElement(Box, {
     "data-testid": "drawer-container",
     sx: {
       /**
-       * https://github.com/Farzin-Firoozi/react-modern-drawer/blob/master/src/styles.css
-       */
+      * https://github.com/Farzin-Firoozi/react-modern-drawer/blob/master/src/styles.css
+      */
       zIndex: "overlay",
       width: "100%",
       height: "100%",
@@ -51,23 +53,17 @@ var Drawer = ({
         overflowY: "auto"
       },
       ...sx
-    },
-    children: /* @__PURE__ */jsx(DrawerUi, {
-      ...props,
-      children: /* @__PURE__ */jsx(Box, {
-        sx: {
-          width: "100%",
-          height: "100%"
-        },
-        children
-      })
-    })
-  });
-};
+    }
+  }, /* @__PURE__ */React.createElement(DrawerUi, props, /* @__PURE__ */React.createElement(Box, {
+    sx: {
+      width: "100%",
+      height: "100%"
+    }
+  }, children)));
+}, "Drawer");
 
 // src/components/Menu/Menu.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Menu = ({
+var Menu = /* @__PURE__ */__name(({
   children,
   srcLogo,
   onClose,
@@ -80,70 +76,62 @@ var Menu = ({
   menuIcon = "menu-open"
 }) => {
   const responsiveSize = useResponsiveValue([sizeOnMobile, sizeOnDesktop]);
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx2(Text, {
-      sx: {
-        cursor: "pointer"
-      },
-      onClick: onOpen,
-      children: /* @__PURE__ */jsx2(Icon, {
-        icon: menuIcon
-      })
-    }), /* @__PURE__ */jsx2(Drawer, {
-      size: responsiveSize,
-      direction,
-      open: isOpen,
-      children: /* @__PURE__ */jsxs(Box2, {
-        sx: {
-          position: "fixed",
-          height: "100%",
-          backgroundColor: "background",
-          width: "100%",
-          maxWidth: "2",
-          right: 0,
-          boxShadow: "4",
-          paddingX: "5",
-          paddingTop: "4",
-          paddingBottom: "6",
-          ...sx
-        },
-        children: [/* @__PURE__ */jsxs(Flex, {
-          sx: {
-            justifyContent: "space-between"
-          },
-          children: [/* @__PURE__ */jsx2(Image, {
-            src: srcLogo,
-            sx: {
-              maxWidth: "200px",
-              height: "44px",
-              objectFit: "cover"
-            },
-            "data-testid": "img"
-          }), /* @__PURE__ */jsx2(Text, {
-            "data-testid": "button",
-            sx: {
-              marginLeft: "auto",
-              fontSize: "2xl",
-              alignSelf: "center",
-              flexShrink: 0,
-              cursor: "pointer",
-              lineHeight: 0
-            },
-            role: "button",
-            onClick: onClose,
-            children: /* @__PURE__ */jsx2(Icon, {
-              icon: "close"
-            })
-          })]
-        }), /* @__PURE__ */jsx2(Box2, {
-          sx: {
-            paddingTop: "6"
-          },
-          as: "nav",
-          children
-        })]
-      })
-    })]
-  });
-};
+  return /* @__PURE__ */React2.createElement(React2.Fragment, null, /* @__PURE__ */React2.createElement(Text, {
+    sx: {
+      cursor: "pointer"
+    },
+    onClick: onOpen
+  }, /* @__PURE__ */React2.createElement(Icon, {
+    icon: menuIcon
+  })), /* @__PURE__ */React2.createElement(Drawer, {
+    size: responsiveSize,
+    direction,
+    open: isOpen
+  }, /* @__PURE__ */React2.createElement(Box2, {
+    sx: {
+      position: "fixed",
+      height: "100%",
+      backgroundColor: "background",
+      width: "100%",
+      maxWidth: "2",
+      right: 0,
+      boxShadow: "4",
+      paddingX: "5",
+      paddingTop: "4",
+      paddingBottom: "6",
+      ...sx
+    }
+  }, /* @__PURE__ */React2.createElement(Flex, {
+    sx: {
+      justifyContent: "space-between"
+    }
+  }, /* @__PURE__ */React2.createElement(Image, {
+    src: srcLogo,
+    sx: {
+      maxWidth: "200px",
+      height: "44px",
+      objectFit: "cover"
+    },
+    "data-testid": "img"
+  }), /* @__PURE__ */React2.createElement(Text, {
+    "data-testid": "button",
+    sx: {
+      marginLeft: "auto",
+      fontSize: "2xl",
+      alignSelf: "center",
+      flexShrink: 0,
+      cursor: "pointer",
+      lineHeight: 0
+    },
+    role: "button",
+    onClick: onClose
+  }, /* @__PURE__ */React2.createElement(Icon, {
+    icon: "close"
+  }))), /* @__PURE__ */React2.createElement(Box2, {
+    sx: {
+      paddingTop: "6"
+    },
+    as: "nav"
+  }, children))));
+}, "Menu");
 export { Menu };

package/dist/esm/Modal/index.js

@@ -1,15 +1,15 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { __name } from "../chunk-V4MHYKRI.js";
 
 // src/components/Modal/Modal.tsx
 import { css as transformStyleObject } from "@theme-ui/css";
 import { useResponsiveValue, useTheme } from "@ttoss/ui";
 import ReactModal from "react-modal";
-import { jsx } from "react/jsx-runtime";
 ReactModal.defaultStyles = {
   overlay: {},
   content: {}
 };
-var Modal = props => {
+var Modal = /* @__PURE__ */__name(props => {
   const {
     theme
   } = useTheme();
@@ -28,20 +28,19 @@ var Modal = props => {
       alignItems: "center",
       zIndex: "modal",
       ...props.style?.overlay
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     })(theme),
     content: transformStyleObject({
       /**
-       * Theme
-       */
+      * Theme
+      */
       backgroundColor: "surface",
       padding,
       border: "default",
       borderColor: "surface",
       borderRadius: "default",
       /**
-       * General
-       */
+      * General
+      */
       WebkitOverflowScrolling: "touch",
       overflow: "auto",
       position: "relative",
@@ -52,13 +51,12 @@ var Modal = props => {
       maxHeight: "90%",
       maxWidth: "90%",
       ...props.style?.content
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     })(theme)
   };
-  return /* @__PURE__ */jsx(ReactModal, {
+  return /* @__PURE__ */React.createElement(ReactModal, {
     ...props,
     style
   });
-};
+}, "Modal");
 Modal.setAppElement = ReactModal.setAppElement;
 export { Modal };

package/dist/esm/NotificationCard/index.js

@@ -1,4 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { NotificationCard } from "../chunk-E6CBXO5W.js";
-import "../chunk-JOSQSCZQ.js";
+import { NotificationCard } from "../chunk-GOISZ4AR.js";
+import "../chunk-AZTAV4VC.js";
+import "../chunk-V4MHYKRI.js";
 export { NotificationCard };