@ttoss/components 2.7.11 → 2.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.7.11",
+  "version": "2.8.0",
   "description": "React components for ttoss ecosystem.",
   "license": "MIT",
   "author": "ttoss",
@@ -66,6 +66,10 @@
       "types": "./dist/NotificationsMenu/index.d.ts",
       "default": "./dist/esm/NotificationsMenu/index.js"
     },
+    "./SpotlightCard": {
+      "types": "./dist/SpotlightCard/index.d.ts",
+      "default": "./dist/esm/SpotlightCard/index.js"
+    },
     "./Search": {
       "types": "./dist/Search/index.d.ts",
       "default": "./dist/esm/Search/index.js"
@@ -106,8 +110,8 @@
   "peerDependencies": {
     "react": ">=16.8.0",
     "@ttoss/react-hooks": "^2.1.10",
-    "@ttoss/ui": "^6.0.4",
-    "@ttoss/react-i18n": "^2.0.24"
+    "@ttoss/react-i18n": "^2.0.24",
+    "@ttoss/ui": "^6.0.4"
   },
   "devDependencies": {
     "@types/jest": "^30.0.0",
@@ -117,10 +121,10 @@
     "tsup": "^8.5.1",
     "tsx": "^4.19.2",
     "@ttoss/config": "^1.35.12",
-    "@ttoss/i18n-cli": "^0.7.38",
-    "@ttoss/react-hooks": "^2.1.10",
     "@ttoss/react-i18n": "^2.0.24",
+    "@ttoss/react-hooks": "^2.1.10",
     "@ttoss/react-icons": "^0.5.5",
+    "@ttoss/i18n-cli": "^0.7.38",
     "@ttoss/test-utils": "^4.0.1",
     "@ttoss/ui": "^6.0.4"
   },

package/dist/esm/chunk-4GBVRL7E.js

@@ -1,156 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Icon } from "./chunk-2R7AUPJL.js";
-import { __name } from "./chunk-V4MHYKRI.js";
-
-// src/components/NotificationCard/NotificationCard.tsx
-import { Box, Card, CloseButton, Link, Tag, Text } from "@ttoss/ui";
-import * as React from "react";
-var NotificationCard = /* @__PURE__ */__name(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"
-      }
-    },
-    neutral: {
-      card: {
-        backgroundColor: "feedback.background.primary.default",
-        borderColor: "feedback.border.primary.default"
-      }
-    }
-  };
-  const icon = {
-    success: "success-circle",
-    error: "error",
-    warning: "warning-alt",
-    info: "info",
-    neutral: "info"
-  };
-  const hasCaption = Boolean(props.caption);
-  const hasActions = Boolean(props.actions && props.actions.length > 0);
-  const hasTitle = Boolean(props.title);
-  const shouldCenterVerticallyWithoutTitle = !hasCaption && !hasActions && !hasTitle;
-  const shouldCenterVerticallyWithTitle = !hasCaption && !hasActions && hasTitle;
-  const shouldAddMinHeight = !hasCaption && !hasActions;
-  return /* @__PURE__ */React.createElement(Card, {
-    sx: {
-      ...sxMap[props.type].card,
-      width: "full"
-    }
-  }, props.title && /* @__PURE__ */React.createElement(Card.Title, {
-    sx: {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center",
-      fontSize: ["md", "xl"],
-      paddingY: ["1", "2", "4"],
-      paddingX: ["2", "4", "8"]
-    }
-  }, /* @__PURE__ */React.createElement(Text, {
-    sx: {
-      display: "inline-flex",
-      alignItems: "flex-start",
-      gap: "2",
-      flexDirection: "row",
-      flexWrap: "wrap"
-    }
-  }, /* @__PURE__ */React.createElement(Box, {
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      gap: "2"
-    }
-  }, /* @__PURE__ */React.createElement(Icon, {
-    icon: icon[props.type]
-  }), props.title), props.tags && (Array.isArray(props.tags) ? props.tags.length > 0 : true) && (Array.isArray(props.tags) ? props.tags.map((tag, index) => {
-    return /* @__PURE__ */React.createElement(Tag, {
-      key: index
-    }, tag);
-  }) : /* @__PURE__ */React.createElement(Tag, null, props.tags))), props.onClose && /* @__PURE__ */React.createElement(Box, {
-    sx: {
-      marginLeft: "auto"
-    }
-  }, /* @__PURE__ */React.createElement(CloseButton, {
-    onClick: props.onClose
-  }))), /* @__PURE__ */React.createElement(Card.Body, {
-    sx: {
-      ...sxMap[props.type].card,
-      display: "flex",
-      flexDirection: "column",
-      gap: "2",
-      paddingY: ["1", "2", "4"],
-      paddingX: ["2", "4", "8"]
-    }
-  }, /* @__PURE__ */React.createElement(Box, {
-    sx: {
-      display: "flex",
-      justifyContent: "space-between",
-      minHeight: shouldAddMinHeight ? "40px" : "auto",
-      alignItems: shouldCenterVerticallyWithoutTitle ? "center" : shouldCenterVerticallyWithTitle ? "center" : "flex-start",
-      width: "100%",
-      gap: "4"
-    }
-  }, /* @__PURE__ */React.createElement(Box, {
-    sx: {
-      flex: 1
-    }
-  }, /* @__PURE__ */React.createElement(Text, {
-    sx: {
-      fontSize: ["sm", "md"]
-    }
-  }, props.message))), props.actions && props.actions.length > 0 && /* @__PURE__ */React.createElement(Box, {
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 2,
-      mt: 2
-    }
-  }, props.actions.map((action, index) => {
-    return action.action === "open_url" ? /* @__PURE__ */React.createElement(Link, {
-      key: index,
-      href: action.url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      sx: {
-        color: "action.text.accent.default",
-        cursor: "pointer"
-      }
-    }, action.label || "Acessar") : null;
-  })), props.caption && /* @__PURE__ */React.createElement(Box, {
-    sx: {
-      whiteSpace: "nowrap",
-      mt: 6
-    }
-  }, /* @__PURE__ */React.createElement(Text, {
-    sx: {
-      fontSize: "xs",
-      color: "text.secondary"
-    }
-  }, props.caption)), !props.title && props.onClose && /* @__PURE__ */React.createElement(Box, {
-    sx: {
-      alignSelf: "flex-end"
-    }
-  }, /* @__PURE__ */React.createElement(CloseButton, {
-    onClick: props.onClose
-  }))));
-}, "NotificationCard");
-export { NotificationCard };