@ttoss/components 2.0.2 → 2.0.4

package/dist/esm/{index.js → Menu/index.js}

@@ -1,274 +1,65 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { __publicField } from "./chunk-LZE3LOYR.js";
+import { __publicField } from "../chunk-XEYGFSK5.js";
 
-// src/components/Accordion.tsx
-import * as React from "react";
-import { AccordionItem, AccordionItemButton, AccordionItemHeading, AccordionItemPanel, Accordion as ReactAccessibleAccordion } from "react-accessible-accordion";
-import { Box, useTheme } from "@ttoss/ui";
+// src/components/Menu/Menu.tsx
+import { Box as Box2, Flex, Image, Text, useResponsiveValue } from "@ttoss/ui";
+
+// src/components/Drawer/Drawer.tsx
+import { Box } from "@ttoss/ui";
 import { css as createClassName } from "@emotion/css";
-import { css as transformStyleObject } from "@theme-ui/css";
+import DrawerUi from "react-modern-drawer";
 import { jsx } from "react/jsx-runtime";
-var Accordion = ({
-  children,
-  allowMultipleExpanded,
-  allowZeroExpanded,
-  preExpanded,
-  onChange,
-  ...boxProps
-}) => {
-  const {
-    theme
-  } = useTheme();
-  const className = React.useMemo(() => {
-    const styles = transformStyleObject({
-      ".accordion__item": {
-        marginBottom: 3
-      },
-      ".accordion__heading": {
-        padding: "md",
-        border: "1px solid",
-        borderColor: "black"
-      },
-      ".accordion__button": {},
-      ".accordion__panel": {
-        padding: 2
-      }
-    })(theme);
-    return createClassName(styles);
-  }, [theme]);
-  return /* @__PURE__ */jsx(Box, {
-    variant: "accordion",
-    className,
-    ...boxProps,
-    children: /* @__PURE__ */jsx(ReactAccessibleAccordion, {
-      ...{
-        allowMultipleExpanded,
-        allowZeroExpanded,
-        preExpanded,
-        onChange
-      },
-      children
-    })
-  });
-};
-Accordion.Item = AccordionItem;
-Accordion.ItemButton = AccordionItemButton;
-Accordion.ItemHeading = AccordionItemHeading;
-Accordion.ItemPanel = AccordionItemPanel;
-
-// src/components/InstallPwa.tsx
-import * as React2 from "react";
-import { Button, Flex, Text } from "@ttoss/ui";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var InstallPwaUi = ({
-  onInstall
-}) => {
-  return /* @__PURE__ */jsx2(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"
-      })]
-    })
-  });
-};
-var InstallPwa = () => {
-  const [supportsPwa, setSupportsPwa] = React2.useState(false);
-  const [promptInstall, setPromptInstall] = React2.useState(null);
-  React2.useEffect(() => {
-    const handler = e => {
-      e.preventDefault();
-      setSupportsPwa(true);
-      setPromptInstall(e);
-    };
-    window.addEventListener("beforeinstallprompt", handler);
-    return () => {
-      return window.removeEventListener("transitionend", handler);
-    };
-  }, []);
-  const onInstall = e => {
-    e.preventDefault();
-    if (!promptInstall) {
-      return;
-    }
-    promptInstall.prompt();
-  };
-  if (!supportsPwa) {
-    return null;
-  }
-  return /* @__PURE__ */jsx2(InstallPwaUi, {
-    onInstall
-  });
-};
-
-// src/components/Modal.tsx
-import { css as transformStyleObject2 } from "@theme-ui/css";
-import { useResponsiveValue, useTheme as useTheme2 } from "@ttoss/ui";
-import ReactModal from "react-modal";
-import { jsx as jsx3 } from "react/jsx-runtime";
-ReactModal.defaultStyles = {
-  overlay: {},
-  content: {}
-};
-var Modal = props => {
-  const {
-    theme
-  } = useTheme2();
-  const space = theme.space;
-  const padding = useResponsiveValue([space?.["lg"], space?.["xl"], space?.["xl"]]) || 0;
-  const style = {
-    overlay: transformStyleObject2({
-      position: "fixed",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      backgroundColor: "rgba(0, 0, 0, 0.5)",
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      zIndex: "modal",
-      ...props.style?.overlay
-    })(theme),
-    content: transformStyleObject2({
-      /**
-       * Theme
-       */
-      backgroundColor: "surface",
-      padding,
-      border: "default",
-      borderColor: "surface",
-      borderRadius: "default",
-      /**
-       * General
-       */
-      WebkitOverflowScrolling: "touch",
-      overflow: "auto",
-      position: "relative",
-      top: "0px",
-      left: "0px",
-      right: "0px",
-      bottom: "0px",
-      maxHeight: "90%",
-      maxWidth: "90%",
-      ...props.style?.content
-    })(theme)
-  };
-  return /* @__PURE__ */jsx3(ReactModal, {
-    ...props,
-    style
-  });
-};
-Modal.setAppElement = ReactModal.setAppElement;
-
-// src/components/Toast.tsx
-import * as React3 from "react";
-import { Box as Box2 } from "@ttoss/ui";
-import { ToastContainer as ReactToastifyToastContainer, toast } from "react-toastify";
-import { injectStyle } from "react-toastify/dist/inject-style";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ToastContainer = props => {
-  React3.useEffect(() => {
-    injectStyle();
-  }, []);
-  return /* @__PURE__ */jsx4(Box2, {
-    sx: ({
-      colors,
-      fonts
-    }) => {
-      return {
-        "--toastify-color-light": "#fff",
-        "--toastify-color-dark": "#121212",
-        "--toastify-color-info": colors?.info || "#3498db",
-        "--toastify-color-success": colors?.success || "#07bc0c",
-        "--toastify-color-warning": "#f1c40f",
-        "--toastify-color-error": "#e74c3c",
-        "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
-        "--toastify-font-family": fonts.body
-      };
-    },
-    children: /* @__PURE__ */jsx4(ReactToastifyToastContainer, {
-      ...props
-    })
-  });
-};
-
-// src/components/Markdown.tsx
-import { BaseStyles } from "@ttoss/ui";
-import ReactMarkdown from "react-markdown";
-import rehypeRaw from "rehype-raw";
-import remarkGfm from "remark-gfm";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Markdown = ({
+var reactModernDrawerClassName = createClassName(`
+.EZDrawer .EZDrawer__checkbox {
+    display: none;
+}
+.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__overlay {
+    display: block;
+    opacity: 1;
+}
+.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__container {
+    visibility: visible;
+    transform: translate3d(0, 0, 0) !important;
+}
+.EZDrawer .EZDrawer__overlay {
+    display: none;
+    height: 100vh;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+}
+.EZDrawer .EZDrawer__container {
+    position: fixed;
+    visibility: hidden;
+    background: white;
+    transition: all;
+    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
+}`);
+var Drawer = ({
   children,
   sx,
   ...props
 }) => {
-  return /* @__PURE__ */jsx5(BaseStyles, {
-    sx,
-    children: /* @__PURE__ */jsx5(ReactMarkdown, {
-      rehypePlugins: [rehypeRaw],
-      remarkPlugins: [remarkGfm],
-      ...props,
+  return /* @__PURE__ */jsx(DrawerUi, {
+    ...props,
+    className: reactModernDrawerClassName,
+    children: /* @__PURE__ */jsx(Box, {
+      sx: {
+        width: "100%",
+        height: "100%",
+        ...sx
+      },
       children
     })
   });
 };
 
-// src/components/Search.tsx
-import * as React4 from "react";
-import { Input } from "@ttoss/ui";
-import { useDebounce } from "@ttoss/react-hooks";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Search = ({
-  value,
-  defaultValue,
-  loading,
-  onChange,
-  ...props
-}) => {
-  const [text, setText] = React4.useState(value ?? defaultValue);
-  const debouncedValue = useDebounce(text, 500);
-  React4.useEffect(() => {
-    onChange(debouncedValue);
-  }, [debouncedValue, onChange]);
-  return /* @__PURE__ */jsx6(Input, {
-    leadingIcon: loading ? "loading" : "search",
-    defaultValue: text,
-    onChange: e => {
-      return setText(e.target.value);
-    },
-    ...props
-  });
-};
-
-// src/components/Menu.tsx
-import { Box as Box3, Flex as Flex2, Image, Text as Text2, useResponsiveValue as useResponsiveValue2 } from "@ttoss/ui";
-
 // ../react-icons/src/Icon.tsx
-import * as React6 from "react";
+import * as React2 from "react";
 
 // ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.3.1/node_modules/@iconify-icon/react/dist/iconify.mjs
-import React5 from "react";
+import React from "react";
 
 // ../../node_modules/.pnpm/iconify-icon@2.1.0/node_modules/iconify-icon/dist/iconify-icon.mjs
 var defaultIconDimensions = Object.freeze({
@@ -2382,7 +2173,7 @@ var {
 } = IconifyIconComponent;
 
 // ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.3.1/node_modules/@iconify-icon/react/dist/iconify.mjs
-var Icon = /*#__PURE__*/React5.forwardRef((props, ref) => {
+var Icon = React.forwardRef((props, ref) => {
   const newProps = {
     ...props,
     ref
@@ -2396,13 +2187,13 @@ var Icon = /*#__PURE__*/React5.forwardRef((props, ref) => {
   if (props.className) {
     newProps["class"] = props.className;
   }
-  return /*#__PURE__*/React5.createElement("iconify-icon", newProps);
+  return React.createElement("iconify-icon", newProps);
 });
 
 // ../react-icons/src/Icon.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Icon2 = /*#__PURE__*/React6.forwardRef((props, ref) => {
-  return /* @__PURE__ */jsx7(Icon, {
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Icon2 = React2.forwardRef((props, ref) => {
+  return /* @__PURE__ */jsx2(Icon, {
     ref,
     "data-testid": "iconify-icon",
     ...props
@@ -2410,8 +2201,8 @@ var Icon2 = /*#__PURE__*/React6.forwardRef((props, ref) => {
 });
 Icon2.displayName = "Icon";
 
-// src/components/Menu.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+// src/components/Menu/Menu.tsx
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var Menu = ({
   children,
   srcLogo,
@@ -2424,21 +2215,21 @@ var Menu = ({
   sizeOnMobile = "100%",
   menuIcon = "menu-open"
 }) => {
-  const responsiveSize = useResponsiveValue2([sizeOnMobile, sizeOnDesktop]);
-  return /* @__PURE__ */jsxs2(Fragment, {
-    children: [/* @__PURE__ */jsx8(Text2, {
+  const responsiveSize = useResponsiveValue([sizeOnMobile, sizeOnDesktop]);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx3(Text, {
       sx: {
         cursor: "pointer"
       },
       onClick: onOpen,
-      children: /* @__PURE__ */jsx8(Icon2, {
+      children: /* @__PURE__ */jsx3(Icon2, {
         icon: menuIcon
       })
-    }), /* @__PURE__ */jsx8(Drawer, {
+    }), /* @__PURE__ */jsx3(Drawer, {
       size: responsiveSize,
       direction,
       open: isOpen,
-      children: /* @__PURE__ */jsxs2(Box3, {
+      children: /* @__PURE__ */jsxs(Box2, {
         sx: {
           position: "fixed",
           height: "100%",
@@ -2452,18 +2243,18 @@ var Menu = ({
           paddingBottom: "2xl",
           ...sx
         },
-        children: [/* @__PURE__ */jsxs2(Flex2, {
+        children: [/* @__PURE__ */jsxs(Flex, {
           sx: {
             justifyContent: "space-between"
           },
-          children: [/* @__PURE__ */jsx8(Image, {
+          children: [/* @__PURE__ */jsx3(Image, {
             src: srcLogo,
             sx: {
               maxWidth: "200px",
               height: "44px",
               objectFit: "cover"
             }
-          }), /* @__PURE__ */jsx8(Text2, {
+          }), /* @__PURE__ */jsx3(Text, {
             sx: {
               marginLeft: "auto",
               fontSize: "2xl",
@@ -2474,11 +2265,11 @@ var Menu = ({
             },
             role: "button",
             onClick: onClose,
-            children: /* @__PURE__ */jsx8(Icon2, {
+            children: /* @__PURE__ */jsx3(Icon2, {
               icon: "close"
             })
           })]
-        }), /* @__PURE__ */jsx8(Box3, {
+        }), /* @__PURE__ */jsx3(Box2, {
           sx: {
             paddingTop: "3xl"
           },
@@ -2489,58 +2280,7 @@ var Menu = ({
     })]
   });
 };
-
-// src/components/Drawer.tsx
-import { Box as Box4 } from "@ttoss/ui";
-import { css as createClassName2 } from "@emotion/css";
-import DrawerUi from "react-modern-drawer";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var reactModernDrawerClassName = createClassName2(`
-.EZDrawer .EZDrawer__checkbox {
-    display: none;
-}
-.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__overlay {
-    display: block;
-    opacity: 1;
-}
-.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__container {
-    visibility: visible;
-    transform: translate3d(0, 0, 0) !important;
-}
-.EZDrawer .EZDrawer__overlay {
-    display: none;
-    height: 100vh;
-    left: 0;
-    position: fixed;
-    top: 0;
-    width: 100%;
-}
-.EZDrawer .EZDrawer__container {
-    position: fixed;
-    visibility: hidden;
-    background: white;
-    transition: all;
-    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
-}`);
-var Drawer = ({
-  children,
-  sx,
-  ...props
-}) => {
-  return /* @__PURE__ */jsx9(DrawerUi, {
-    ...props,
-    className: reactModernDrawerClassName,
-    children: /* @__PURE__ */jsx9(Box4, {
-      sx: {
-        width: "100%",
-        height: "100%",
-        ...sx
-      },
-      children
-    })
-  });
-};
-export { Accordion, Drawer, InstallPwa, InstallPwaUi, Markdown, Menu, Modal, Search, ToastContainer, toast };
+export { Menu };
 /*! Bundled license information:
 
 iconify-icon/dist/iconify-icon.mjs:

package/dist/esm/Modal/index.js

@@ -0,0 +1,65 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-XEYGFSK5.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 => {
+  const {
+    theme
+  } = useTheme();
+  const space = theme.space;
+  const padding = useResponsiveValue([space?.["lg"], space?.["xl"], space?.["xl"]]) || 0;
+  const style = {
+    overlay: transformStyleObject({
+      position: "fixed",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: "modal",
+      ...props.style?.overlay
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    })(theme),
+    content: transformStyleObject({
+      /**
+       * Theme
+       */
+      backgroundColor: "surface",
+      padding,
+      border: "default",
+      borderColor: "surface",
+      borderRadius: "default",
+      /**
+       * General
+       */
+      WebkitOverflowScrolling: "touch",
+      overflow: "auto",
+      position: "relative",
+      top: "0px",
+      left: "0px",
+      right: "0px",
+      bottom: "0px",
+      maxHeight: "90%",
+      maxWidth: "90%",
+      ...props.style?.content
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    })(theme)
+  };
+  return /* @__PURE__ */jsx(ReactModal, {
+    ...props,
+    style
+  });
+};
+Modal.setAppElement = ReactModal.setAppElement;
+export { Modal };

package/dist/esm/Search/index.js

@@ -0,0 +1,30 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-XEYGFSK5.js";
+
+// src/components/Search/Search.tsx
+import * as React from "react";
+import { Input } from "@ttoss/ui";
+import { useDebounce } from "@ttoss/react-hooks";
+import { jsx } from "react/jsx-runtime";
+var Search = ({
+  value,
+  defaultValue,
+  loading,
+  onChange,
+  ...props
+}) => {
+  const [text, setText] = React.useState(value ?? defaultValue);
+  const debouncedValue = useDebounce(text, 500);
+  React.useEffect(() => {
+    onChange(debouncedValue);
+  }, [debouncedValue, onChange]);
+  return /* @__PURE__ */jsx(Input, {
+    leadingIcon: loading ? "loading" : "search",
+    defaultValue: text,
+    onChange: e => {
+      return setText(e.target.value);
+    },
+    ...props
+  });
+};
+export { Search };

package/dist/esm/{components/Table.js → Table/index.js}

@@ -1,9 +1,34 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import "../chunk-LZE3LOYR.js";
+import { __export, __reExport } from "../chunk-XEYGFSK5.js";
 
-// src/components/Table.tsx
+// src/components/Table/index.ts
+var Table_exports2 = {};
+__export(Table_exports2, {
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow
+});
+
+// src/components/Table/Table.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow
+});
+__reExport(Table_exports, react_table_star);
 import { Box } from "@ttoss/ui";
-export * from "@tanstack/react-table";
+import * as react_table_star from "@tanstack/react-table";
 import { jsx } from "react/jsx-runtime";
 var Table = props => {
   return /* @__PURE__ */jsx(Box, {
@@ -53,4 +78,7 @@ var TableFooter = props => {
     ...props
   });
 };
+
+// src/components/Table/index.ts
+__reExport(Table_exports2, Table_exports);
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/esm/Toast/index.js

@@ -0,0 +1,35 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-XEYGFSK5.js";
+
+// src/components/Toast/Toast.tsx
+import * as React from "react";
+import { Box } from "@ttoss/ui";
+import { ToastContainer as ReactToastifyToastContainer, toast } from "react-toastify";
+import { injectStyle } from "react-toastify/dist/inject-style";
+import { jsx } from "react/jsx-runtime";
+var ToastContainer = props => {
+  React.useEffect(() => {
+    injectStyle();
+  }, []);
+  return /* @__PURE__ */jsx(Box, {
+    sx: ({
+      colors,
+      fonts
+    }) => {
+      return {
+        "--toastify-color-light": "#fff",
+        "--toastify-color-dark": "#121212",
+        "--toastify-color-info": colors?.info || "#3498db",
+        "--toastify-color-success": colors?.success || "#07bc0c",
+        "--toastify-color-warning": "#f1c40f",
+        "--toastify-color-error": "#e74c3c",
+        "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
+        "--toastify-font-family": fonts.body
+      };
+    },
+    children: /* @__PURE__ */jsx(ReactToastifyToastContainer, {
+      ...props
+    })
+  });
+};
+export { ToastContainer, toast };

package/dist/esm/chunk-XEYGFSK5.js

@@ -0,0 +1,29 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+export { __export, __reExport, __publicField };