@nation-a/ui 0.11.10 → 0.13.0

package/dist/index.cjs

@@ -14179,6 +14179,31 @@ const tagRecipe = cva({
     avatar: false
   }
 });
+function O$1({ size: C2 = 24, color: n2 = "currentColor", ...o2 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: C2,
+      height: C2,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      strokeWidth: "0",
+      color: n2,
+      ...o2,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          id: "Exclude",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM15.9394 10.2439C16.2122 9.93215 16.1806 9.45833 15.8689 9.18557C15.5572 8.91281 15.0833 8.94439 14.8106 9.25612L11.3903 13.165L9.1444 11.009C8.84559 10.7221 8.37082 10.7318 8.08396 11.0306C7.7971 11.3294 7.80679 11.8042 8.1056 12.091L10.9181 14.791C11.0659 14.933 11.2654 15.0082 11.4701 14.9993C11.6748 14.9904 11.867 14.8981 12.0019 14.7439L15.9394 10.2439Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
 function P$1({ size: C2 = 24, color: n2 = "currentColor", ...o2 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -14204,6 +14229,31 @@ function P$1({ size: C2 = 24, color: n2 = "currentColor", ...o2 }) {
     }
   );
 }
+function G({ size: C2 = 24, color: n2 = "currentColor", ...o2 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: C2,
+      height: C2,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      strokeWidth: "0",
+      color: n2,
+      ...o2,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          id: "Exclude",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM8.43431 8.43398C8.74673 8.12156 9.25326 8.12156 9.56568 8.43398L12.0003 10.8686L14.4343 8.43455C14.7467 8.12213 15.2533 8.12213 15.5657 8.43455C15.8781 8.74697 15.8781 9.2535 15.5657 9.56592L13.1316 12L15.5657 14.434C15.8781 14.7464 15.8781 15.2529 15.5657 15.5653C15.2533 15.8778 14.7467 15.8778 14.4343 15.5653L12.0003 13.1313L9.56568 15.5659C9.25326 15.8783 8.74673 15.8783 8.43431 15.5659C8.12189 15.2535 8.12189 14.747 8.43431 14.4346L10.8689 12L8.43431 9.56535C8.12189 9.25293 8.12189 8.7464 8.43431 8.43398Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
 const Tag = React.forwardRef(({ imageSrc, text, onDeleteClick, ...rest }, ref) => {
   const StyledTag = styled(ark.div, tagRecipe);
   const handleClickDelete = (e2) => {
@@ -15173,10 +15223,10 @@ const toastRecipe = sva({
       height: "fit-content",
       minHeight: "48px",
       width: "fit-content",
-      maxWidth: "328px",
+      maxWidth: "350px",
       overflowWrap: "anywhere",
       zIndex: "overlay",
-      fontStyle: "body.md",
+      textStyle: "body.md",
       color: "content.neutralInverse.bold",
       px: 3,
       py: 2,
@@ -15202,6 +15252,7 @@ const toastRecipe = sva({
       px: 4,
       pr: 1,
       whiteSpace: "nowrap",
+      transition: "opacity 0.2s ease",
       color: "content.neutralInverse.bold",
       "&:hover": {
         opacity: 0.8
@@ -15288,7 +15339,8 @@ const Toaster = () => {
           background: "transparent",
           boxShadow: "none",
           padding: 0,
-          margin: 0
+          margin: 0,
+          width: "100%"
         }
       }
     }
@@ -15332,12 +15384,40 @@ Toast.show = (description, option) => {
     }
   );
 };
+Toast.success = (description, option) => {
+  Vt(
+    (t2) => /* @__PURE__ */ jsxRuntime.jsxs(Toast.Root, { width: (option == null ? void 0 : option.actionLabel) ? "full" : "fit", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Toast.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Toast.Icon, { icon: (option == null ? void 0 : option.icon) ?? /* @__PURE__ */ jsxRuntime.jsx(O$1, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Toast.Description, { children: description })
+      ] }),
+      (option == null ? void 0 : option.actionLabel) && /* @__PURE__ */ jsxRuntime.jsx(
+        Toast.ActionTrigger,
+        {
+          asLink: option == null ? void 0 : option.asLink,
+          onClick: () => {
+            var _a;
+            (_a = option == null ? void 0 : option.onActionClick) == null ? void 0 : _a.call(option);
+            if (!(option == null ? void 0 : option.disableCloseOnActionClick)) {
+              Vt.dismiss(t2.id);
+            }
+          },
+          children: option == null ? void 0 : option.actionLabel
+        }
+      )
+    ] }),
+    {
+      duration: (option == null ? void 0 : option.duration) || DEFAULT_DURATION,
+      position: "bottom-center"
+    }
+  );
+};
 Toast.error = (description, option) => {
   console.error("error", description);
   Vt(
     (t2) => /* @__PURE__ */ jsxRuntime.jsxs(Toast.Root, { width: (option == null ? void 0 : option.actionLabel) ? "full" : "fit", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Toast.Content, { children: [
-        (option == null ? void 0 : option.icon) && /* @__PURE__ */ jsxRuntime.jsx(Toast.Icon, { icon: option == null ? void 0 : option.icon }),
+        /* @__PURE__ */ jsxRuntime.jsx(Toast.Icon, { icon: (option == null ? void 0 : option.icon) ?? /* @__PURE__ */ jsxRuntime.jsx(G, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx(Toast.Description, { children: description })
       ] }),
       (option == null ? void 0 : option.actionLabel) && /* @__PURE__ */ jsxRuntime.jsx(