@ttoss/components 1.21.11 → 1.21.12

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-"use strict";
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 
 // tsup.inject.js
@@ -16,6 +15,7 @@ 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,18 +42,20 @@ var Accordion = ({
     })(theme);
     return createClassName(styles);
   }, [theme]);
-  return /* @__PURE__ */ React2.createElement(Box, {
+  return /* @__PURE__ */ jsx(Box, {
     variant: "accordion",
     className,
-    ...boxProps
-  }, /* @__PURE__ */ React2.createElement(ReactAccessibleAccordion, {
-    ...{
-      allowMultipleExpanded,
-      allowZeroExpanded,
-      preExpanded,
-      onChange
-    }
-  }, children));
+    ...boxProps,
+    children: /* @__PURE__ */ jsx(ReactAccessibleAccordion, {
+      ...{
+        allowMultipleExpanded,
+        allowZeroExpanded,
+        preExpanded,
+        onChange
+      },
+      children
+    })
+  });
 };
 Accordion.Item = AccordionItem;
 Accordion.ItemButton = AccordionItemButton;
@@ -65,32 +67,42 @@ 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__ */ React.createElement(Flex, {
+  return /* @__PURE__ */ jsx2(Flex, {
     sx: {
       position: "absolute",
       bottom: 4,
       width: "100%",
       justifyContent: "center"
-    }
-  }, /* @__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")));
+    },
+    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"
+        })
+      ]
+    })
+  });
 };
 
 // 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);
@@ -113,7 +125,7 @@ var InstallPwa = () => {
   if (!supportsPwa) {
     return null;
   }
-  return /* @__PURE__ */ React3.createElement(InstallPwaUi, {
+  return /* @__PURE__ */ jsx3(InstallPwaUi, {
     onInstall
   });
 };
@@ -121,6 +133,7 @@ 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: {}
@@ -165,7 +178,7 @@ var Modal = (props) => {
       ...(_i = props.style) == null ? void 0 : _i.content
     }
   };
-  return /* @__PURE__ */ React.createElement(ReactModal, {
+  return /* @__PURE__ */ jsx4(ReactModal, {
     ...props,
     style
   });
@@ -181,11 +194,12 @@ 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__ */ React4.createElement(Box2, {
+  return /* @__PURE__ */ jsx5(Box2, {
     sx: ({ colors, fonts }) => ({
       "--toastify-color-light": "#fff",
       "--toastify-color-dark": "#121212",
@@ -195,10 +209,11 @@ 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 @@
-"use strict";
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -18,7 +18,10 @@ 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
@@ -42,6 +45,7 @@ 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,
@@ -68,18 +72,20 @@ var Accordion = ({
     })(theme);
     return (0, import_css.css)(styles);
   }, [theme]);
-  return /* @__PURE__ */ React2.createElement(import_ui.Box, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Box, {
     variant: "accordion",
     className,
-    ...boxProps
-  }, /* @__PURE__ */ React2.createElement(import_react_accessible_accordion.Accordion, {
-    ...{
-      allowMultipleExpanded,
-      allowZeroExpanded,
-      preExpanded,
-      onChange
-    }
-  }, children));
+    ...boxProps,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_accessible_accordion.Accordion, {
+      ...{
+        allowMultipleExpanded,
+        allowZeroExpanded,
+        preExpanded,
+        onChange
+      },
+      children
+    })
+  });
 };
 Accordion.Item = import_react_accessible_accordion.AccordionItem;
 Accordion.ItemButton = import_react_accessible_accordion.AccordionItemButton;
@@ -91,32 +97,42 @@ 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__ */ React.createElement(import_ui2.Flex, {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Flex, {
     sx: {
       position: "absolute",
       bottom: 4,
       width: "100%",
       justifyContent: "center"
-    }
-  }, /* @__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")));
+    },
+    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"
+        })
+      ]
+    })
+  });
 };
 
 // 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);
@@ -139,7 +155,7 @@ var InstallPwa = () => {
   if (!supportsPwa) {
     return null;
   }
-  return /* @__PURE__ */ React3.createElement(InstallPwaUi, {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InstallPwaUi, {
     onInstall
   });
 };
@@ -147,6 +163,7 @@ 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: {}
@@ -191,7 +208,7 @@ var Modal = (props) => {
       ...(_i = props.style) == null ? void 0 : _i.content
     }
   };
-  return /* @__PURE__ */ React.createElement(import_react_modal.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_modal.default, {
     ...props,
     style
   });
@@ -203,11 +220,12 @@ 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__ */ React4.createElement(import_ui4.Box, {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui4.Box, {
     sx: ({ colors, fonts }) => ({
       "--toastify-color-light": "#fff",
       "--toastify-color-dark": "#121212",
@@ -217,10 +235,11 @@ 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.11",
+  "version": "1.21.12",
   "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.3",
+    "@ttoss/ui": "^1.22.0",
     "@types/jest": "^28.1.5",
     "jest": "^28.1.3"
   },
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "aa9d30b8c4e8f74d2e0b78872f0519ca4a550ee4"
+  "gitHead": "d1583c4306e792373d84030dba29f9e6cc57031d"
 }