@ttoss/components 1.21.8 → 1.21.9

package/dist/esm/index.js

@@ -1,3 +1,4 @@
+"use strict";
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 
 // tsup.inject.js
@@ -15,7 +16,6 @@ import {
 import { Box, useTheme } from "@ttoss/ui";
 import { css as createClassName } from "@emotion/css";
 import { css as transformStyleObject } from "@theme-ui/css";
-import { jsx } from "react/jsx-runtime";
 var Accordion = ({
   children,
   allowMultipleExpanded,
@@ -42,20 +42,18 @@ var Accordion = ({
     })(theme);
     return createClassName(styles);
   }, [theme]);
-  return /* @__PURE__ */ jsx(Box, {
+  return /* @__PURE__ */ React2.createElement(Box, {
     variant: "accordion",
     className,
-    ...boxProps,
-    children: /* @__PURE__ */ jsx(ReactAccessibleAccordion, {
-      ...{
-        allowMultipleExpanded,
-        allowZeroExpanded,
-        preExpanded,
-        onChange
-      },
-      children
-    })
-  });
+    ...boxProps
+  }, /* @__PURE__ */ React2.createElement(ReactAccessibleAccordion, {
+    ...{
+      allowMultipleExpanded,
+      allowZeroExpanded,
+      preExpanded,
+      onChange
+    }
+  }, children));
 };
 Accordion.Item = AccordionItem;
 Accordion.ItemButton = AccordionItemButton;
@@ -67,42 +65,32 @@ import * as React3 from "react";
 
 // src/components/InstallPwa/InstallPwaUi.tsx
 import { Button, Flex, Text } from "@ttoss/ui";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var InstallPwaUi = ({ onInstall }) => {
-  return /* @__PURE__ */ jsx2(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__ */ jsx2(Text, {
-          children: "Deseja instalar o nosso aplicativo?"
-        }),
-        /* @__PURE__ */ jsx2(Button, {
-          onClick: onInstall,
-          children: "Instalar"
-        })
-      ]
-    })
-  });
+    }
+  }, /* @__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")));
 };
 
 // src/components/InstallPwa/InstallPwa.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
 var InstallPwa = () => {
   const [supportsPwa, setSupportsPwa] = React3.useState(false);
   const [promptInstall, setPromptInstall] = React3.useState(null);
@@ -125,7 +113,7 @@ var InstallPwa = () => {
   if (!supportsPwa) {
     return null;
   }
-  return /* @__PURE__ */ jsx3(InstallPwaUi, {
+  return /* @__PURE__ */ React3.createElement(InstallPwaUi, {
     onInstall
   });
 };
@@ -133,7 +121,6 @@ var InstallPwa = () => {
 // src/components/Modal/Modal.tsx
 import { useResponsiveValue, useTheme as useTheme2 } from "@ttoss/ui";
 import ReactModal from "react-modal";
-import { jsx as jsx4 } from "react/jsx-runtime";
 ReactModal.defaultStyles = {
   overlay: {},
   content: {}
@@ -178,7 +165,7 @@ var Modal = (props) => {
       ...(_i = props.style) == null ? void 0 : _i.content
     }
   };
-  return /* @__PURE__ */ jsx4(ReactModal, {
+  return /* @__PURE__ */ React.createElement(ReactModal, {
     ...props,
     style
   });
@@ -194,12 +181,11 @@ import {
   toast
 } from "react-toastify";
 import { injectStyle } from "react-toastify/dist/inject-style";
-import { jsx as jsx5 } from "react/jsx-runtime";
 var ToastContainer = (props) => {
   React4.useEffect(() => {
     injectStyle();
   }, []);
-  return /* @__PURE__ */ jsx5(Box2, {
+  return /* @__PURE__ */ React4.createElement(Box2, {
     sx: ({ colors, fonts }) => ({
       "--toastify-color-light": "#fff",
       "--toastify-color-dark": "#121212",
@@ -209,11 +195,10 @@ var ToastContainer = (props) => {
       "--toastify-color-error": "#e74c3c",
       "--toastify-color-progress-light": `linear-gradient(to right, ${colors == null ? void 0 : colors.primary}, ${colors == null ? void 0 : colors.secondary})`,
       "--toastify-font-family": fonts.body
-    }),
-    children: /* @__PURE__ */ jsx5(ReactToastifyToastContainer, {
-      ...props
     })
-  });
+  }, /* @__PURE__ */ React4.createElement(ReactToastifyToastContainer, {
+    ...props
+  }));
 };
 export {
   Accordion,

package/dist/index.js

@@ -1,5 +1,5 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 "use strict";
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -18,10 +18,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -45,7 +42,6 @@ var import_react_accessible_accordion = require("react-accessible-accordion");
 var import_ui = require("@ttoss/ui");
 var import_css = require("@emotion/css");
 var import_css2 = require("@theme-ui/css");
-var import_jsx_runtime = require("react/jsx-runtime");
 var Accordion = ({
   children,
   allowMultipleExpanded,
@@ -72,20 +68,18 @@ var Accordion = ({
     })(theme);
     return (0, import_css.css)(styles);
   }, [theme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Box, {
+  return /* @__PURE__ */ React2.createElement(import_ui.Box, {
     variant: "accordion",
     className,
-    ...boxProps,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_accessible_accordion.Accordion, {
-      ...{
-        allowMultipleExpanded,
-        allowZeroExpanded,
-        preExpanded,
-        onChange
-      },
-      children
-    })
-  });
+    ...boxProps
+  }, /* @__PURE__ */ React2.createElement(import_react_accessible_accordion.Accordion, {
+    ...{
+      allowMultipleExpanded,
+      allowZeroExpanded,
+      preExpanded,
+      onChange
+    }
+  }, children));
 };
 Accordion.Item = import_react_accessible_accordion.AccordionItem;
 Accordion.ItemButton = import_react_accessible_accordion.AccordionItemButton;
@@ -97,42 +91,32 @@ var React3 = __toESM(require("react"));
 
 // src/components/InstallPwa/InstallPwaUi.tsx
 var import_ui2 = require("@ttoss/ui");
-var import_jsx_runtime2 = require("react/jsx-runtime");
 var InstallPwaUi = ({ onInstall }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Flex, {
+  return /* @__PURE__ */ React.createElement(import_ui2.Flex, {
     sx: {
       position: "absolute",
       bottom: 4,
       width: "100%",
       justifyContent: "center"
-    },
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Flex, {
-      sx: {
-        backgroundColor: "background",
-        justifyContent: "center",
-        alignItems: "center",
-        gap: 3,
-        width: "auto",
-        border: "1px solid",
-        borderColor: "muted",
-        borderRadius: 1,
-        padding: 4
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, {
-          children: "Deseja instalar o nosso aplicativo?"
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Button, {
-          onClick: onInstall,
-          children: "Instalar"
-        })
-      ]
-    })
-  });
+    }
+  }, /* @__PURE__ */ React.createElement(import_ui2.Flex, {
+    sx: {
+      backgroundColor: "background",
+      justifyContent: "center",
+      alignItems: "center",
+      gap: 3,
+      width: "auto",
+      border: "1px solid",
+      borderColor: "muted",
+      borderRadius: 1,
+      padding: 4
+    }
+  }, /* @__PURE__ */ React.createElement(import_ui2.Text, null, "Deseja instalar o nosso aplicativo?"), /* @__PURE__ */ React.createElement(import_ui2.Button, {
+    onClick: onInstall
+  }, "Instalar")));
 };
 
 // src/components/InstallPwa/InstallPwa.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
 var InstallPwa = () => {
   const [supportsPwa, setSupportsPwa] = React3.useState(false);
   const [promptInstall, setPromptInstall] = React3.useState(null);
@@ -155,7 +139,7 @@ var InstallPwa = () => {
   if (!supportsPwa) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InstallPwaUi, {
+  return /* @__PURE__ */ React3.createElement(InstallPwaUi, {
     onInstall
   });
 };
@@ -163,7 +147,6 @@ var InstallPwa = () => {
 // src/components/Modal/Modal.tsx
 var import_ui3 = require("@ttoss/ui");
 var import_react_modal = __toESM(require("react-modal"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
 import_react_modal.default.defaultStyles = {
   overlay: {},
   content: {}
@@ -208,7 +191,7 @@ var Modal = (props) => {
       ...(_i = props.style) == null ? void 0 : _i.content
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_modal.default, {
+  return /* @__PURE__ */ React.createElement(import_react_modal.default, {
     ...props,
     style
   });
@@ -220,12 +203,11 @@ var React4 = __toESM(require("react"));
 var import_ui4 = require("@ttoss/ui");
 var import_react_toastify = require("react-toastify");
 var import_inject_style = require("react-toastify/dist/inject-style");
-var import_jsx_runtime5 = require("react/jsx-runtime");
 var ToastContainer = (props) => {
   React4.useEffect(() => {
     (0, import_inject_style.injectStyle)();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui4.Box, {
+  return /* @__PURE__ */ React4.createElement(import_ui4.Box, {
     sx: ({ colors, fonts }) => ({
       "--toastify-color-light": "#fff",
       "--toastify-color-dark": "#121212",
@@ -235,11 +217,10 @@ var ToastContainer = (props) => {
       "--toastify-color-error": "#e74c3c",
       "--toastify-color-progress-light": `linear-gradient(to right, ${colors == null ? void 0 : colors.primary}, ${colors == null ? void 0 : colors.secondary})`,
       "--toastify-font-family": fonts.body
-    }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_toastify.ToastContainer, {
-      ...props
     })
-  });
+  }, /* @__PURE__ */ React4.createElement(import_react_toastify.ToastContainer, {
+    ...props
+  }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "1.21.8",
+  "version": "1.21.9",
   "description": "React components.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -34,7 +34,7 @@
   "devDependencies": {
     "@ttoss/config": "^1.18.3",
     "@ttoss/test-utils": "^1.16.10",
-    "@ttoss/ui": "^1.21.0",
+    "@ttoss/ui": "^1.21.1",
     "@types/jest": "^28.1.5",
     "jest": "^28.1.3"
   },
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8407ac0199e566fb6695f0caddb9f6bed4bf6578"
+  "gitHead": "3879642eff43efd073abf52595ed0efe7196946a"
 }