@ttoss/components 2.1.1 → 2.1.3

package/dist/esm/NotificationCard/index.js

@@ -1,31 +1,42 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { Icon } from "../chunk-X5PEMO2R.js";
 
 // src/components/NotificationCard/NotificationCard.tsx
-import { Box, Card, CloseButton } from "@ttoss/ui";
+import { Box, Card, CloseButton, Text } from "@ttoss/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 var NotificationCard = props => {
   const sxMap = {
     success: {
       card: {
+        backgroundColor: "feedback.background.positive.default",
         borderColor: "feedback.border.positive.default"
       }
     },
     error: {
       card: {
+        backgroundColor: "feedback.background.negative.default",
         borderColor: "feedback.border.negative.default"
       }
     },
     warning: {
       card: {
+        backgroundColor: "feedback.background.caution.default",
         borderColor: "feedback.border.caution.default"
       }
     },
     info: {
       card: {
+        backgroundColor: "feedback.background.primary.default",
         borderColor: "feedback.border.primary.default"
       }
     }
   };
+  const icon = {
+    success: "success-circle",
+    error: "error",
+    warning: "warning-alt",
+    info: "info"
+  };
   return /* @__PURE__ */jsxs(Card, {
     sx: {
       ...sxMap[props.type].card,
@@ -38,11 +49,21 @@ var NotificationCard = props => {
         alignItems: "center",
         fontSize: "xl"
       },
-      children: [props.title, props.onClose && /* @__PURE__ */jsx(CloseButton, {
+      children: [/* @__PURE__ */jsxs(Text, {
+        sx: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "2"
+        },
+        children: [/* @__PURE__ */jsx(Icon, {
+          icon: icon[props.type]
+        }), props.title]
+      }), props.onClose && /* @__PURE__ */jsx(CloseButton, {
         onClick: props.onClose
       })]
     }), /* @__PURE__ */jsxs(Card.Body, {
       sx: {
+        ...sxMap[props.type].card,
         display: "flex",
         gap: "4",
         justifyContent: "space-between",

package/dist/esm/Search/index.js

@@ -1,5 +1,4 @@
 /** 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";

package/dist/esm/Table/index.js

@@ -1,34 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { __export, __reExport } from "../chunk-ESDEGKXL.js";
-
-// 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";
-import * as react_table_star from "@tanstack/react-table";
+import { createCell, createColumnHelper, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
 import { jsx } from "react/jsx-runtime";
 var Table = props => {
   return /* @__PURE__ */jsx(Box, {
@@ -78,7 +52,11 @@ var TableFooter = props => {
     ...props
   });
 };
-
-// src/components/Table/index.ts
-__reExport(Table_exports2, Table_exports);
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+Table.Head = TableHead;
+Table.Body = TableBody;
+Table.Row = TableRow;
+Table.Cell = TableCell;
+Table.Header = TableHeader;
+Table.Caption = TableCaption;
+Table.Footer = TableFooter;
+export { Table, createCell, createColumnHelper, flexRender, getCoreRowModel, useReactTable };

package/dist/esm/Toast/index.js

@@ -1,5 +1,4 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import "../chunk-ESDEGKXL.js";
 
 // src/components/Toast/Toast.tsx
 import { css as createClassName } from "@emotion/css";