@ttoss/components 2.0.2 → 2.0.3

package/dist/esm/Modal/index.js

@@ -0,0 +1,65 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-ESDEGKXL.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-ESDEGKXL.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-ESDEGKXL.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/chunk-ESDEGKXL.js

@@ -0,0 +1,22 @@
+/** 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 __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"));
+export { __export, __reExport };